[html Academy] Создание Веб-интерфейсов С Помощью Html И Css [2014]

  • Автор темы bakusr
  • 17
  • Обновлено
  • 10, Apr 2023
  • #1
Название:Создание веб-интерфейсов с помощью HTML и CSS Автор:HTML academy

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


Скрытая информация :: Авторизуйтесь для просмотра »
Скачать:
Скрытая информация :: Авторизуйтесь для просмотра »

пароль
qv4tqv4tqn6wn56qwn54dfghmhf

bakusr


Рег
15 Oct, 2010

Тем
1

Постов
1

Баллов
11
Тем
49554
Комментарии
57426
Опыт
552966

Интересно