General
[HTML Academy] Продвинутый онлайн-интенсив
Профессиональный рост
Этот интенсив предназначен для «прокачки» от верстальщика-новичка до полноценного специалиста, востребованного на рынке.
Продвинутые инструменты
В процессе обучения на интенсиве будут постоянно использоваться те инструменты, которыми должен владеть каждый верстальщик-профессионал. Практическая часть будет завязана на GitHub, будут активно использоваться средства автоматизации.
Goal Accomplishment Criteria
Просмотрены записи
Personal resources
Время
-
Организация рабочего процесса (workflow)
Как будет организован учебный процесс на интенсиве.
- Введение в Git.
- Обзор препроцессоров.
- Обзор систем сборки.
- Обзор средств автоматизации.
- Обзор других полезных инструментов (emmet, его аналоги, и др.).
-
Методология
Вёрстка независимыми блоками (БЭМ).
- Работа с инспектором.
- Методы поиска проблем.
- Как верстать, чтобы не ломалось.
-
Препроцессоры, часть 1
- LESS.
- SASS.
- Stylus.
- И компания.
-
Препроцессоры, часть 2
Продолжаем разговор о препроцессорах.
-
Адаптивность, сетки
- Резиновая вёрстка.
- Медиавыражения, брейкпоинты, принцип «перестройки сетки».
- Адаптивность с фиксированными сетками.
- Адаптивность с резиновыми сетками.
- Подходы: от простой сетки к сложной, от сложной к простой.
- Обзор flexbox.
-
Адаптивность, графика, типографика
- Адаптивные графика и медиаконтент.
- Оптимизация графики.
- Ретина.
- SVG.
- Иконочные шрифты.
-
Фреймворки
- Bootstrap и сотоварищи.
- Если вы решили создать свой фреймворк?
-
Прикладной JavaScript, часть 1
- Улучшаем UX с помощью скриптов.
- Ajax.
- Весёлые анимации, трансформации.
-
Прикладной JavaScript, часть 2
Продолжаем разговор о JavaScript.
-
Введение в автоматизацию
- Проверка кода.
- Оптимизация кода.
- Оптимизация графики.
- Сборка.
Don't miss new posts!
Subscribe for the Goal and follow through to its completion
