Программирование HTML academy - Создание веб-интерфейсов с помощью HTML и CSS (2014)

[Jhon Preston]

Автор: HTML academy
Название: Создание веб-интерфейсов с помощью HTML и CSS

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

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

Продвинутые инструменты
В процессе обучения на интенсиве будут постоянно использоваться те инструменты, которыми должен владеть каждый верстальщик-профессионал. Практическая часть будет завязана на 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 раздел: Введение в автоматизацию

• Проверка кода
• Оптимизация кода
• Оптимизация графики
• Деплой

Скачать: