1. Часть №1
   Введение в веб-разработку. Сайтостроение. Элементы веб-разработки: блочные и строчные. Поток документа.
2. Часть №2
   Каскадные таблицы стилей CSS. Синтаксис и простые селекторы. Вложенность и наследование.
3. Часть №3
   Язык разметки HTML. Теги оформления, комментарии, гиперссылки, изображения, списки и другие элементы веб-страницы.
4. Часть №4
   Селекторы. Псевдоклассы и псевдоэлементы. Работа с текстом на веб-странице.
5. Часть №5
   Фон. Табличная сетка и списки. Работа с данными на сервере, создадим форму обратной связи.
6. Часть №6
   Блочная верстка и Box Model.
7. Часть №7
   Внешний вид: отступы, обтекания, позиционирование и рамки.
8. Часть №8
   Вёрстка интернет-каталога. Сверстаем карточку товара.

Чёткое понимание структуры Web-а. Приобретён навык вёрстки кроссбраузерного сайта.

1. Часть №1
   Photoshop и Вёрстка сайтов. Настройка рабочей среды Photoshop для верстальщика. Введение в HTML 5. Начало вёрстки сайта по PSD-макету.
2. Часть №2
   Элементы сайта и работа с ними: чекбокс, радио-кнопка, переключатели. Введение в адаптивную вёрстку.
3. Часть №3
   Desktop и Mobile First подходы. Основные сходства и отличия.
4. Часть №4
   Работа с изображениями на веб-странице. SVG и WEBP. Слайдеры.
5. Часть №5
   Введение в jQuery. Создадим слайдер для сайта. Обзор Animate.css.
6. Часть №6
   Методологии вёрстки: БЭМ, OOCSS, SMACSS, Atomic CSS. Особенности работы с Figma.
7. Часть №7
   Препроцессоры LESS, SASS, PostCSS. Обзор фреймворка Bootstrap.
8. Часть №8
   Git и Gulp. Сборка финального проекта - многостраничного адаптивного и кроссбраузерного сайта.

Умение создавать крутые адаптивные макеты веб-страниц. Приобретено умение создавать адаптивную, мобильную и кроссбраузерную вёрстку веб-страниц.

1. Часть №1
   Введение в Javascript. Обзор среды разработки – WebStorm. Первый проект на Javascript. Первая программа на Javascript. Система управления версиями – Git.
2. Часть №2
   Синтаксис Javascript. Переменные и операторы. Идентификаторы, литералы. Типы данных в Javascript. Выражения и операторы в Javascript. Типы операторов и их взаимодействие.
3. Часть №3
   Функции в Javascript. Функциональные выражения. Стрелочные функции. Анонимные функции.
4. Часть №4
5. Массивы в JavaScript. Создание и инициализапция массива. Команды Pop/Push, Shift/Unshift.
6. Часть №5
   DOM (Дерево). Определение и функции DOM в Javascript. Навигация по DOM-элементам (getElement* и querySelector*). Основы работы с событиями. Библиотека jQuery.
7. Часть №6
   Технология Ajax. Загрузка данных в фоне. Фоновая отправка формы.
8. Часть №7
   Прототипное программирование. Объектно-ориентированное программирование в Javascript. Классы в ООП Javascript.
9. Часть №8
   Модули в Javascript. NodeJS. WebPacker.

Глубокое понимание основ Javascript и Front-End разработки. Пониманием объектно-ориентированной модели JavaScript. Навык работы с модулями и сборщиком WebPacker.

1. Часть №1
   Основы ES2015. Основы React.js. Понятие Виртуальный DOM. React state. React Props. Реакт-элемент. Построение компонентов на JSX. Webpack + Babel.
2. Часть №2
   Жизненный цикл компонентов. Иерархия компонентов. Состояние компонентов.
3. Часть №3
   Сборщик приложений Webpack. React Mixins. React Pure Render.
4. Часть №4
5. Создание компонентов с помощью ES6 классов. Higher Order Components. Functional Components.
6. Часть №5
   Знакомство с Redux. Middleware в Redux. Redux dev tools.
7. Часть №6
   Архитектура React / Redux приложений.
8. Часть №7
   Асинхронные actions в Redux. React Router. React Router Hooks.
9. Часть №8
   Работа с навигацией в приложении, ссылки и переходы по странице, авторизация пользователя. Интеграция React Router и Redux.
10. Часть №9
    Flux. Обзор и структура.
11. Часть №10
    Работа с иммутабельными данными в приложении. Библиотека ImmutableJS от Facebook.
12. Часть №11
    Тестирование приложения. Написание unit-тестов для функций, reducers, actions и компонентов. Enzyme.
13. Часть №12
    Селекторы, нормализация кода. Работа с React Performance.

Разработан интерфейс финального проекта. Студент умеет строить многоразовые компоненты для SPA с помощью React.

1. Часть №1
   Знакомство с VueJS и установка. Директивы. Первое приложение «Hello world». Компоненты во VueJS: виды, структура, входящие данные, события и значения. Приложение “Список дел”.
2. Часть №2
   Принцип DRY. Повторное использование кода. Примеси Mixins. Навигация в приложениях на VueJS. Библиотека VueRouter. Маршруты.
3. Часть №3
   Управление приложением. Библиотеки Vuex и VueResource. Настройка хранилища. Мутации. Геттеры. Взаимодействие с сервером. Работа с API. Создаем приложение “Складской учет”.
4. Часть №4
   Авторизация в приложении на VueJS. Шаблон проекта на VueJS. Утилита vue-cli. Сборка проекта для публикации на хостинге.

Комплексные знания VueJS, готовый проект на VueJS - “Интернет магазин спортивных товаров”, размещенный на хостинге.