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

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

• Состав команды и умение коммуницировать с командой

• Расчет времени верстальщика и отчетность клиенту

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

• Использование тегов HTML5 и их преимущества

• Приёмы создания надежной вёрстки

• Adaptive. Responsive. Fluid. Mobile/desktop first. @media

• Пиксельная точность (perfect pixel). Понятие кроссбраузерности

• Особенности некоторых браузеров

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

• Bootstrap и его преимущества

• Флексы и позиционирование

• Основы Query

• Резиновые сетки

Основы CSS Animation

• Анимации в CSS

• Параллакс эффекты

• Кейфреймы и использование JS в создании анимаций

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

• Основные задачи формы

• Связь формы Back-end

• Респонсивная форма

• Анализ данных формы

• Проверка формы на валидность

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

• Знакомство с CSS препроцессорами. SASS vs. LESS

• Понимание взаимодействия процессоров

• GIT

• GULP

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

• Виды CMS и их преимущества

• Openserver и База данных

• Wordpress

• Динамичность сайта

• Натяжка сайта на Wordpress

• Плагины в Wordpress

• Работа с Canvas

JS в верстке

• Типы данных и структура данных

• Работа с DOM элементами

• Работа с событиями

• Работа с функциями

• Работа с массивами и объектами

• Работа с DOM и BOM

• Работа с Ajax

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

• Как правильно взаимодействовать с Back-end

• Webpack — технология сборки

• Вытягивание данных с Back-end и работа с ними