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

  • 1442
  • 24 марта 2018, 16:56

Цель состоит в группе

Тренинги

  • 3150

    участников
  • 5683

    цели

Вывод

18день
fl4k10 апр. 2018, 14:40

Дело сделано, ещё в запасе две недели.

Такие дела, да.

Дневник цели

Комментарии

Marsel09.02.2021

Круто, а откуда такой курс?

18день

Запись к этапу «Объекты»

fl4k10 апр. 2018, 05:31

+Объекты.

15день

Запись к этапу «Функции»

fl4k7 апр. 2018, 21:00

Macciвы +;
Функции +.

JS идёт просто и скучно, спасибо задачкам на python и раньше немного учил сам JS.

15день

Запись к этапу «Оформление SVG-фигур»

fl4k7 апр. 2018, 18:13

+1. Закончен курс по SVG.

15день
fl4k7 апр. 2018, 13:13

Закончил "Знакомство с SVG".

Немного зае.. надоело рисовать, последние картинки уже читерски перекидывал, что бы идти дальше. Подобную графику ещё в вузе в паскале учили, сложного мало, элементарная геометрия. Тема средняя, не очень интересная, очень простая.

Это, кстати, лапа моей кошки, которая только дома сидит. Как плюшевая.

14день

Запись к этапу «Флексбокс, часть 2»

fl4k6 апр. 2018, 23:19

Закончил flexbox 2.

Ожидал от курса большего, мало работы с flex-basis, в основном с flex-shrink и flex-grow.

Считаю, что базис не раскрыт, хотелось бы его тренировать.

Тем не менее, курс пройден, испытания 100% тупорылыми подборами.

Altia Velda07.04.2018

Меня некоторые итоговые испытания тоже бесят тем, что в них нужно полтора часа подбирать селекторы и прочее, проклиная все на свете, а не применять знания. Особенно выбесило то, где нужно было восстанавливать картинку с мишенями из биатлона, не зная кучи свойств в селекторах, потому что их еще даже не объяснили. Тогда я впервые психанула и нашла ответы на форуме, решив, что я знаю сотню способов потратить время лучше.

fl4k07.04.2018

Altia Velda, на удивление, я это решил достаточно быстро, там почти все селекторы подряд шли.

Да, задания там мало имеют чего похожего с вёрсткой, очевидно взяты из олимпиадного веб-программирования, что не есть хорошо.

Altia Velda07.04.2018

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

13день
fl4k5 апр. 2018, 19:56

Начал вторую часть по ФлексБоксу, пока в самом начале, до первого испытания дошел заново, сделал его до 100% (ранее доходил, сделал на 95%). Проще всё стало пониматься, меньше паники, когда видишь что-то сложное.

13день

Запись к этапу «Кекстаграм: Начало. CSS-фильтры»

fl4k5 апр. 2018, 08:13

+1.

13день

Запись к этапу «Таблицы на CSS»

fl4k5 апр. 2018, 07:40

+1 курс, не особо актуальный.

Вы тоже можете
опубликовать свою
цель здесь

Мы поможем вам ее достичь!

310 000

единомышленников

инструменты

для увлекательного достижения

Присоединиться
Регистрация

Регистрация

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

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

Еще не зарегистрированы?
 
Войти через соцсети
Забыли пароль?
DigSil
Altia Velda
Юлия Вангордер
Кирилл
yanch
Никита Гаврюшин
fl4k
Юлия Вангордер
Юлия Вангордер
Marsel
Юлия Вангордер
Altia Velda
Юлия Вангордер
Юлия Вангордер
Юлия Вангордер
Ежi
Altia Velda
Юлия Вангордер