1

Этап 1

Линейные градиенты

2

Этап 2

Двумерные трансформации

3

Этап 3

Оформление текста, часть 2

4

Этап 4

Знакомство с LESS

5

Этап 5

Примеси в LESS

6

Этап 6

Анимация

7

Этап 7

Мастерская: декоративные эффекты на CSS3

8

Этап 8

Плавные переходы

9

Этап 9

Кекстаграм: Начало. CSS-фильтры

10

Этап 10

Таблицы на CSS

11

Этап 11

Флексбокс, часть 2

12

Этап 12

Знакомство с SVG

13

Этап 13

Оформление SVG-фигур

14

Этап 14

Функции

15

Этап 15

Массивы

16

Этап 16

Объекты

17

Этап 17

JavaScript в браузере

1

Этап 1

Линейные градиенты

2

Этап 2

Двумерные трансформации

3

Этап 3

Оформление текста, часть 2

4

Этап 4

Знакомство с LESS

5

Этап 5

Примеси в LESS

6

Этап 6

Анимация

7

Этап 7

Мастерская: декоративные эффекты на CSS3

8

Этап 8

Плавные переходы

9

Этап 9

Кекстаграм: Начало. CSS-фильтры

10

Этап 10

Таблицы на CSS

11

Этап 11

Флексбокс, часть 2

12

Этап 12

Знакомство с SVG

13

Этап 13

Оформление SVG-фигур

14

Этап 14

Функции

15

Этап 15

Массивы

16

Этап 16

Объекты

17

Этап 17

JavaScript в браузере

24 марта 2018 23 апреля 2018
Цель завершена 10 апреля 2018

Автор цели

Общая

HTML Academy (закончить все курсы).

Ставлю перед собой небольшую цель закончить все платные и бесплатные курсы.

На момент поставленной задачи я уже прошёл большую часть курсов, так что дело осталось за малым (пройдено ~60%).

Буду отписывать по каждому курсу, делать небольшой дайджест по изученному и указывать на сложности, с которыми столкнулся при прохождении тех или иных задач. Предположительно хочу закончить курсы довольно быстро, ну точно до следующей подписки (до 23 апреля), в идеале до начала апреля, либо в первых числах.

Да, сделаю этап=курс, так как их не много, для простоты. Некоторые простые, некоторые сложные, лично для меня. Например всё что с js почти детский сад.

 Критерий завершения

Курсы закончены. Я великолепен.

  1. Линейные градиенты

    Узнаем что такое линейные градиенты и как их можно использовать для создания интересных декоративных эффектов. Разберём синтаксис функции linear-gradient, некоторые интересные приёмы, попрактикуемся создавать сложные орнаменты с помощью градиентов.

  2. Двумерные трансформации

    Будем крутить, наклонять, перемещать, уменьшать и увеличивать объекты, а также взрывать их фаерболами, телепортироваться и использовать телекинез. Ну и, конечно, разберём крутые приёмы использования трансформаций для создания декоративных эффектов.

  3. Оформление текста, часть 2

    Мы в прямом смысле «наиграемся со шрифтами», декоративными текстовыми эффектами и тенями, а ещё узнаем, как повысить читабельность текстов с помощью новых CSS-свойств.

  4. Знакомство с LESS

    Познакомимся с основами препроцессора LESS и начнём разрабатывать свою библиотеку визуальных компонентов. Вместе научимся создавать цветовую схему для элементов интерфейса.

    Продолжить

  5. Примеси в LESS

    Продолжим изучать возможности препроцессора LESS: познакомимся с примесями, научимся применять примеси с условиями, разберёмся, как создавать и использовать циклы. Также мы рассмотрим примеры использования примесей для решения типовых задач вёрстки.

  6. Анимация

    Рассмотрим основы анимации на CSS. Нам предстоит пройти путь развития цивилизации и покорить космический простор. Мы будем двигать, поворачивать и видоизменять объекты, попутно осваивая приёмы работы анимации в CSS.

  7. Мастерская: декоративные эффекты на CSS3

    Это прикладной курс, в котором вы будете создавать сложные элементы интерфейса и крутые эффекты, используя новые возможности HTML5 и CSS3. Вы построите сложные навигационные элементы, поэкспериментируете с масками, эффектами при наведении и даже создадите слайдер на чистом CSS.

  8. Плавные переходы

    Научимся плавно менять CSS-свойства, будем создавать красивые и функциональные элементы форм в стиле Material Design и построим мини-викторину об HTML и CSS.

  9. Кекстаграм: Начало. CSS-фильтры

    Вместе станем мастерами фильтров в CSS: разберёмся, как применять фильтры к разным элементам, а также комбинировать и анимировать их.

  10. Таблицы на CSS

    Взглянем на таблицы с другой стороны: научимся строить их с помощью CSS, исследуем и опробуем на практике редкие табличные свойства. А также нас ждёт интересное и непростое путешествие за Святым Граалем.

  11. Флексбокс, часть 2

    Узнаем как управлять размерами и отступами флекс-элементов и как работают коэффициенты растяжения и сжатия, а также потренируемся создавать «гибкие» раскладки и элементы интерфейса.

  12. Знакомство с SVG

    Мы познакомимся с SVG — форматом векторной графики. Разберём базовые примитивы: линии, прямоугольники, окружности. Научимся позиционировать их, управлять цветом и размерами, собирать из них разные рисунки.

  13. Оформление SVG-фигур

    Базовые понятия об оформлении SVG-фигур. Заливки и обводки

  14. Функции

    Отправим Кекса в путешествие, посчитаем зарплаты и доходы, научимся разделять код на отдельные смысловые блоки. И в конце концов научимся работать с функциями.

  15. Массивы

    Научимся работать с действительно массивными данными и проведём настоящее аналитическое расследование. А для этого изучим работу с массивами.

  16. Объекты

    Будем читать из объектов, использовать встроенные и кастомные методы, узнаем, что такое словари и контекст вызова, отправим котов играть в кости, напишем конфигуратор компьютера. И это ещё не всё!

  17. JavaScript в браузере

    Посмотрим, как JavaScript работает с вёрсткой. Научимся менять разметку и создавать её с нуля с помощью скриптов.

  • 1138
  • 24 марта 2018, 16:56
Регистрация

Регистрация

Уже зарегистрированы?
Быстрая регистрация через соцсети
Вход на сайт

Входите.
Открыто.

Еще не зарегистрированы?
 
Войти через соцсети
Забыли пароль?