1

Этап 1

Организация рабочего процесса (workflow)

2

Этап 2

Методология

3

Этап 3

Препроцессоры, часть 1

4

Этап 4

Препроцессоры, часть 2

5

Этап 5

Адаптивность, сетки

6

Этап 6

Адаптивность, графика, типографика

7

Этап 7

Фреймворки

8

Этап 8

Прикладной JavaScript, часть 1

9

Этап 9

Прикладной JavaScript, часть 2

10

Этап 10

Введение в автоматизацию

1

Этап 1

Организация рабочего процесса (workflow)

2

Этап 2

Методология

3

Этап 3

Препроцессоры, часть 1

4

Этап 4

Препроцессоры, часть 2

5

Этап 5

Адаптивность, сетки

6

Этап 6

Адаптивность, графика, типографика

7

Этап 7

Фреймворки

8

Этап 8

Прикладной JavaScript, часть 1

9

Этап 9

Прикладной JavaScript, часть 2

10

Этап 10

Введение в автоматизацию

13 августа 2015
Цель завершена 27 октября 2015
Общая

[HTML Academy] Продвинутый онлайн-интенсив

Профессиональный рост

Этот интенсив предназначен для «прокачки» от верстальщика-новичка до полноценного специалиста, востребованного на рынке.

Продвинутые инструменты

В процессе обучения на интенсиве будут постоянно использоваться те инструменты, которыми должен владеть каждый верстальщик-профессионал. Практическая часть будет завязана на GitHub, будут активно использоваться средства автоматизации.

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

Просмотрены записи

 Личные ресурсы

Время

  1. Организация рабочего процесса (workflow)

    Как будет организован учебный процесс на интенсиве.

    • Введение в Git.
    • Обзор препроцессоров.
    • Обзор систем сборки.
    • Обзор средств автоматизации.
    • Обзор других полезных инструментов (emmet, его аналоги, и др.).
  2. Методология

    Вёрстка независимыми блоками (БЭМ).

    • Работа с инспектором.
    • Методы поиска проблем.
    • Как верстать, чтобы не ломалось.
  3. Препроцессоры, часть 1

    • LESS.
    • SASS.
    • Stylus.
    • И компания.
  4. Препроцессоры, часть 2

    Продолжаем разговор о препроцессорах.

  5. Адаптивность, сетки

    • Резиновая вёрстка.
    • Медиавыражения, брейкпоинты, принцип «перестройки сетки».
    • Адаптивность с фиксированными сетками.
    • Адаптивность с резиновыми сетками.
    • Подходы: от простой сетки к сложной, от сложной к простой.
    • Обзор flexbox.
  6. Адаптивность, графика, типографика

    • Адаптивные графика и медиаконтент.
    • Оптимизация графики.
    • Ретина.
    • SVG.
    • Иконочные шрифты.
  7. Фреймворки

    • Bootstrap и сотоварищи.
    • Если вы решили создать свой фреймворк?
  8. Прикладной JavaScript, часть 1

    • Улучшаем UX с помощью скриптов.
    • Ajax.
    • Весёлые анимации, трансформации.
  9. Прикладной JavaScript, часть 2

    Продолжаем разговор о JavaScript.

  10. Введение в автоматизацию

    • Проверка кода.
    • Оптимизация кода.
    • Оптимизация графики.
    • Сборка.
  • 1930
  • 13 августа 2015, 05:32
Регистрация

Регистрация

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

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

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