1. Знакомство со структурой сайта

• Структура сайта и умение рассчитывать рабочее время так, чтобы клиент остался доволен
• Состав команды и умение коммуницировать с командой
• Расчет времени верстальщика и отчетность клиенту

2. Надежная верстка

• Использование тегов HTML5 и их преимущества
• Приёмы создания надежной вёрстки
• Adaptive. Responsive. Fluid. Mobile/desktop first. @media
• Пиксельная точность (perfect pixel). Понятие кроссбраузерности
• Особенности некоторых браузеров

3. Библиотеки языка разметки HTML

• Bootstrap и его преимущества
• Флексы и позиционирование
• Основы Query
• Резиновые сетки

4. Основы CSS Animation

• Анимации в CSS
• Параллакс эффекты
• Кейфреймы и использование JS в создании анимаций

5. Работа с формами

• Основные задачи формы
• Связь формы Back-end
• Респонсивная форма
• Анализ данных формы
• Проверка формы на валидность

6. Погружение в автоматизацию

• Знакомство с CSS препроцессорами. SASS vs. LESS
• Понимание взаимодействия процессоров
• GIT
• GULP

7. Динамика верстки

• Виды CMS и их преимущества
• Openserver и База данных
• Wordpress
• Динамичность сайта
• Натяжка сайта на Wordpress
• Плагины в Wordpress
• Работа с Canvas

8. JS в верстке

• Типы данных и структура данных
• Работа с DOM элементами
• Работа с событиями
• Работа с функциями
• Работа с массивами и объектами
• Работа с DOM и BOM
• Работа с Ajax

9. Взаимодействие Front-end и Back-end

• Как правильно взаимодействовать с Back-end
• Webpack — технология сборки
• Вытягивание данных с Back-end и работа с ними

10. Финальный проект