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

«Удалено по просьбе правообладателя»
P.S. Курс доступен в ?


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

266835d338615b7a4a3a86ccaa53c5bc



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

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

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

Подробнее:
Для просмотра содержимого вам необходимо .