1

Step 1

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

2

Step 2

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

3

Step 3

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

4

Step 4

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

5

Step 5

Примеси в LESS

6

Step 6

Анимация

7

Step 7

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

8

Step 8

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

9

Step 9

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

10

Step 10

Таблицы на CSS

11

Step 11

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

12

Step 12

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

13

Step 13

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

14

Step 14

Функции

15

Step 15

Массивы

16

Step 16

Объекты

17

Step 17

JavaScript в браузере

1

Step 1

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

2

Step 2

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

3

Step 3

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

4

Step 4

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

5

Step 5

Примеси в LESS

6

Step 6

Анимация

7

Step 7

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

8

Step 8

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

9

Step 9

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

10

Step 10

Таблицы на CSS

11

Step 11

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

12

Step 12

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

13

Step 13

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

14

Step 14

Функции

15

Step 15

Массивы

16

Step 16

Объекты

17

Step 17

JavaScript в браузере

24 March 2018 23 April 2018
Goal completed 10 April 2018

Goal author

fl4k

Russia, Москва

29 years old

General

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

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

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

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

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

 Goal Accomplishment Criteria

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

  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 работает с вёрсткой. Научимся менять разметку и создавать её с нуля с помощью скриптов.

  • 1297
  • 24 March 2018, 16:56
Sign up

Signup

Уже зарегистрированы?
Quick sign-up through social networks.
Sign in

Sign in.
Allowed.

Not registered yet?
 
Log in through social networks
Forgot your password?