Основные темы модуля:

Спринт 1.1: 

• Введение в такое HTML и CSS
• Базовые CSS-свойства
• Флексбокс-вёрстка
• расширенные возможности HTML и CSS
• Позиционирование элементов
• Структура файлов, пути к файлам
• Знакомство с Git
• Декомпозиция проекта по вёрстке
  

Спринт 1.2

• Проектирование структуры сайта
• HTML: видео, iframe, embed, API
• Анимации и трансформации
• Разметка и вёрстка форм
• Организация файлов по БЭМ
• Продвинутый Git

Спринт 1.3

• Макет и адаптивная вёрстка
• Grid Layout
• Разработка интерфейса для разных устрйоств
• Git для взрослых

Основные темы модуля:

Спринт 2.1: 

• Знакомство с концепцией DOM
• Дебаггинг JavaScript
• Git для гигантов
  

Спринт 2.2

• Методы работы с данными и условия
  
• Создание, добавление и удаление элементов в DOM
• Массивы, функции
• Инструменты Git

Спринт 2.3

• Объекты и обработка событий
• Работы и валидация форм
• Модули в JS
• Сборка преокта. Webpack
• Продвинутый JavaScript. Асинхронность
• Работа с API из JavaScript

Основные темы модуля:

Спринт 3.1: 

• Объектно-ориентированное программирование (ООП)
• ООП в интерфейсах
• Способы привязки this и потеря контекста
• Хранилище. LocalStorage и sessionStorage
• Прототипы объектов

Спринт 3.2

• Основы React
• Инструментарий React
• Продвинутый React

Спринт 3.3

• Глобальное состояние
• Библиотека Redux
• Drag and Drop в приложениях

Основные темы модуля:

Спринт 4.1: 

• Роутинг в приложениях
• Безопасность в веб-приложениях

Спринт 4.2

• Повышение надежности приложения: TypeScript
• Использование TypeScript в React

Спринт 4.3

• Использование TypeScript в Redux приложениях
• Взаимодействие в режиме реального времени: WebSockets (WS)
• WS и Redux: собственный middleware для работы с сокетами
• Подготовка проекта к продакшену
• Настройка собственного удаленного сервера

• Вёрстка одностраничного сайта с помощью флексбокс-вёрстки, методологии БЭМ, анимации, шрифтов и фреймов.
• Вёрстка адаптивного сайта на Flexbox и Grid Layout (корректное отображение и на компьютере, и на телефоне).
• Вёрстка сайта с фотографиями при помощи JavaScript, системы «лайков», валидации форм.
• Подготовка инфраструктуры сайта с использованием Webpack.
• Создание структуры и верстка приложения на React, подключение Reduct-хранилища и реализация перетаскивания с помощью React-dnd.
• Добавление на сайт механизмов роутинга, авторизации и регистрации, защита маршрутов от неавторизованных пользователей.
• Реинженеринг сайта на TypeScript.
• Создание ленты заказов с использованием WebSocket и переписывание хранилища на TypeScript.