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
   Знакомство с VueJS. Установка VueJS на странице. Первое приложение «Hello world». Директивы: v-if, v-for, v-on, v-model.
2. Занятие №2
   Компоненты во VueJS. Структура компонента. Входящие данные: props. События компонента: $emit. Значения по-умолчанию для props. Составные компоненты. Распределение зон ответственности между компонентами. Mixins. Однофайловые компоненты. Приложение «Список дел».
3. Занятие №3
   Принцип DRY. Повторное использование кода. Примеси Mixins.
4. Занятие №4
   Навигация в приложениях на VueJS. Подключение библиотеки VueRouter. Схема маршрутов приложения. Вложенные маршруты. Ссылки перехода router-link. Программная навигация. Передача параметров в машруте. Props и параметры маршрута
5. Занятие №5
   Паттерн управления состоянием приложения. Библиотека Vuex. Подключение и настройка хранилища. Мутации. Геттеры. Приложение “Складской учет”.
6. Занятие №6
   Взаимодействие с сервером. Библиотека VueResource. Архитектура приложения, работающего с API. Обработка ответа сервера.
7. Занятие №7
   Авторизация в приложении на VueJS.
8. Занятие №8
   Шаблон проекта на VueJS. Утилита vue-cli. Сборка проекта для публикации на хостинге.

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