- #SkladchinaVip
- #1
[НТМL academy] Создание веб-интерфейсов с помощью НТМL и CSS
- Ссылка на картинку
-
В чём отличие от базового интенсива?
Начальный уровень: средний
Интенсив предназначен для тех, кто прошёл базовый интенсив или для людей уже владеющих вёрсткой.
Профессиональный рост
Этот интенсив предназначен для «прокачки» от верстальщика-новичка до полноценного специалиста, востребованного на рынке.
Продвинутые инструменты
В процессе обучения на интенсиве будут постоянно использоваться те инструменты, которыми должен владеть каждый верстальщик-профессионал. Практическая часть будет завязана на GitHub, будут активно использоваться средства автоматизации.
Начальный уровень: средний
Интенсив предназначен для тех, кто прошёл базовый интенсив или для людей уже владеющих вёрсткой.
Профессиональный рост
Этот интенсив предназначен для «прокачки» от верстальщика-новичка до полноценного специалиста, востребованного на рынке.
Продвинутые инструменты
В процессе обучения на интенсиве будут постоянно использоваться те инструменты, которыми должен владеть каждый верстальщик-профессионал. Практическая часть будет завязана на GitHub, будут активно использоваться средства автоматизации.
10 вебинаров длительностью 2 часа.
5 часов индивидуальных консультаций персонального наставника.
Методические материалы: видеозаписи лекций, презентации, интерактивные пошаговые руководства.
Отдельный форум для общения и взаимопомощи.
Сертификат при успешном прохождении интенсива.
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 раздел: Введение в автоматизацию
Проверка кода
Оптимизация кода
Оптимизация графики
Деплой
Введение в 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 раздел: Введение в автоматизацию
Проверка кода
Оптимизация кода
Оптимизация графики
Деплой
Показать больше