Education
«Создание веб-интерфейсов с помощью HTML и CSS» (продвинутый)
Продвинутый онлайн-интенсив «Создание веб-интерфейсов с помощью HTML и CSS» (HTML Academy).
Начальный уровень: средний.
Интенсив предназначен для тех, кто прошёл базовый интенсив или для людей уже владеющих вёрсткой.Профессиональный рост.
Этот интенсив предназначен для «прокачки» от верстальщика-новичка до полноценного специалиста, востребованного на рынке.Продвинутые инструменты.
В процессе обучения на интенсиве будут постоянно использоваться те инструменты, которыми должен владеть каждый верстальщик-профессионал. Практическая часть будет завязана на GitHub, будут активно использоваться средства автоматизации.
Goal Accomplishment Criteria
Материалы изучены
-
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 раздел: Введение в автоматизацию
- Проверка кода
- Оптимизация кода
- Оптимизация графики
- Деплой
Don't miss new posts!
Subscribe for the Goal and follow through to its completion
