1

Этап 1

1 раздел: Организация рабочего процесса (workflow)

2

Этап 2

2 раздел: Методология

3

Этап 3

3 раздел: Препроцессоры, часть 1

4

Этап 4

4 раздел: Препроцессоры, часть 2

5

Этап 5

5 раздел: Адаптивность, сетки

6

Этап 6

6 раздел: Адаптивность, графика, типографика

7

Этап 7

7 раздел: Прикладной JavaScript, часть 1

8

Этап 8

8 раздел: Прикладной JavaScript, часть 2

9

Этап 9

9 раздел: Фреймворки

10

Этап 10

10 раздел: Введение в автоматизацию

1

Этап 1

1 раздел: Организация рабочего процесса (workflow)

2

Этап 2

2 раздел: Методология

3

Этап 3

3 раздел: Препроцессоры, часть 1

4

Этап 4

4 раздел: Препроцессоры, часть 2

5

Этап 5

5 раздел: Адаптивность, сетки

6

Этап 6

6 раздел: Адаптивность, графика, типографика

7

Этап 7

7 раздел: Прикладной JavaScript, часть 1

8

Этап 8

8 раздел: Прикладной JavaScript, часть 2

9

Этап 9

9 раздел: Фреймворки

10

Этап 10

10 раздел: Введение в автоматизацию

01 июля 2015 01 августа 2015
Цель завершена 28 июля 2015
Образование

«Создание веб-интерфейсов с помощью HTML и CSS» (продвинутый)

Продвинутый онлайн-интенсив «Создание веб-интерфейсов с помощью HTML и CSS» (HTML Academy).

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

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

Продвинутые инструменты.
В процессе обучения на интенсиве будут постоянно использоваться те инструменты, которыми должен владеть каждый верстальщик-профессионал. Практическая часть будет завязана на GitHub, будут активно использоваться средства автоматизации.

 Критерий завершения

Материалы изучены

  1. 1 раздел: Организация рабочего процесса (workflow)

    • Введение в Git.
    • Обзор препроцессоров.
    • Обзор систем сборки.
    • Обзор средств автоматизации.
    • Обзор других полезных инструментов (emmet, его аналоги, и др.).
    • Как будет организован учебный процесс на интенсиве.
  2. 2 раздел: Методология

    • Вёрстка независимыми блоками (БЭМ).
    • Работа с инспектором.
    • Методы поиска проблем.
    • Как верстать, чтобы не ломалось.
  3. 3 раздел: Препроцессоры, часть 1

    • LESS.
    • SASS.
    • Stylus.
    • И компания.
  4. 4 раздел: Препроцессоры, часть 2

    Продолжаем разговор о препроцессорах.

  5. 5 раздел: Адаптивность, сетки

    • Резиновая вёрстка.
    • Медиавыражения, брейкпоинты, принцип «перестройки сетки».
    • Адаптивность с фиксированными сетками.
    • Адаптивность с резиновыми сетками.
    • Подходы: от простой сетки к сложной, от сложной к простой.
    • Mobile first и сетки.
    • Обзор flexbox.
  6. 6 раздел: Адаптивность, графика, типографика

    • Адаптивные графика и медиаконтент.
    • Оптимизация графики.
    • Ретина.
    • SVG.
    • Иконочне шрифты.
    • Работа с относительными размерами шрифта.
    • Em vs rem vs vw/vh
  7. 7 раздел: Прикладной JavaScript, часть 1


    • Улучшаем UX с помощью скриптов.
    • Ajax.
    • Весёлые анимации, трансформации.
    • Параллакс.
  8. 8 раздел: Прикладной JavaScript, часть 2

    Продолжаем разговор о JavaScript.

  9. 9 раздел: Фреймворки

    • Bootstrap и сотоварищи.
    • Если вы решили создать свой фреймворк?
  10. 10 раздел: Введение в автоматизацию

    • Проверка кода
    • Оптимизация кода
    • Оптимизация графики
    • Деплой
  • 2751
  • 01 июля 2015, 18:31
Регистрация

Регистрация

Уже зарегистрированы?
Быстрая регистрация через соцсети
Вход на сайт

Входите.
Открыто.

Еще не зарегистрированы?
 
Войти через соцсети
Забыли пароль?