[НТМL academy] Создание веб-интерфейсов с помощью НТМL и CSS

[cosmos]

Ссылка на картинку

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

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

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

Спойлер: Что включает в себя интенсив:

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

Спойлер: Программа интенсива

1 раздел: Организация рабочего процесса (workflow)
Введение в Git.
Обзор препроцессоров.
Обзор систем сборки.
Обзор средств автоматизации.
Обзор других полезных инструментов (emmet, его аналоги, и др.).
Как будет организован учебный процесс на интенсиве.

2 раздел: Методология
Вёрстка независимыми блоками (БЭМ).
Работа с инспектором.
Методы поиска проблем.
Как верстать, чтобы не ломалось.

3 раздел: Препроцессоры, часть 1
LESS.
SASS.
Stylus.
И компания.

4 раздел: Препроцессоры, часть 2
Продолжаем разговор о препроцессорах.

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

6 раздел: Адаптивность, графика, типографика
Адаптивные графика и медиаконтент.
Оптимизация графики.
Ретина.
SVG.
Иконочне шрифты.
Работа с относительными размерами шрифта.
Em vs rem vs vw/vh

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

8 раздел: Прикладной JavaScript, часть 2
Продолжаем разговор о JavaScript.

9 раздел: Фреймворки
Bootstrap и сотоварищи.
Если вы решили создать свой фреймворк?
10 раздел: Введение в автоматизацию
Проверка кода
Оптимизация кода
Оптимизация графики
Деплой

Читать далее...