Содержание модуля:
Создание репозитория
Коммиты
Пуш и пулл реквесты.

Подробное описание занятий на модуле:
1 занятие — 2 часа

Лекция + семинар:
— Работа в Git
— Первый репозиторий.

Дополнительно:

• Вводное занятие, обзор курса
• Рассказ про профессию, типичные задачи
• Операционные системы
• Работа с командной строкой
• Настройка окружения
• Создание Github аккаунта.

Приобретенные навыки:

• Работа с командной строкой
• Создание настройки окружения
• Создание Github аккаунта и работа с ним.

Содержание модуля:
HTML: Что такое HTML, DOM, первая страница
HTML: атрибуты, семантика
CSS:Селекторы, свойства
CSS: Позиционирование элементов
CSS: Препроцессоры
Адаптивная мобильная верстка: Адаптивная и кроссбраузерная вёрстка
Адаптивная мобильная верстка: Mobile first.

Подробное описание занятий на модуле:
14 занятий — 28 часов

Лекции + семинары:

1. Что такое HTML, DOM, первая страница, первый PR в GitHub
2. Заголовки, Параграфы, Форматирование текста, Ссылки
3. Таблицы, Списки, Изображения
4. Формы, Контролы формы, Доступность
5. Основы CSS, Селекторы
6. Строчные и блочные элементы, основные правила
7. Позиционирование элементов. Flexbox
8. Позиционирование элементов. Grid
9. Препроцессоры CSS
10. Введение в адаптивный дизайн
11. Практика создания адаптивного дизайна
12. Методология БЭМ и анимация для сайта
13. Завершение проекта по HTML и CSS
14. Ревью пройденного материала. Подведение итогов.

Проект: проект по HTML и CSS

Приобретенные навыки:
Освоение верстки с помощью HTML и CSS языков.

Содержание модуля:
Типы данных, логические и условные операторы
Циклы, функции
Объекты и массивы. Их свойства и методы
JSON: Работа с сервером, request, response
Асинхронный JS: Event Loop.

Подробное описание занятий на модуле:
10 занятий — 20 часов

Лекции + семинары:

1. Hello world, Nodejs, переменные, типы данных, математические операции, alert, prompt, confirm
2. Сравнения, условные операторы, логические операторы, операторы нулевого слияния
3. Циклы, switch, функции, стрелочные функции
4. Объекты, методы объекта
5. Методы примитивов, числа, строки
6. Массивы, методы массивов, деструктуризация
7. Map, Set, Date, JSON
8. Рекурсия, замыкание, глобальный объект, таймеры
9. Обработка ошибок try...catch
10. Коллбэки, Промисы, микрозадачи\макрозадачи, async\await.

Приобретенные навыки:

• Освоение основного синтаксиса языка JS: переменные, типы данных, условные операторы, циклы, функции, стрелочные функции, объекты, методы, классы, массивы
• Работа с рекурсисей, глобальными объектами, обработкой коллбэков, промисы, обработка ошибок try...catch — Освоение работы с json.

Содержание модуля:
OOP: Основные концепции ООП, применение этих принципов на практике
TypeScript: Погружение в типы
TypeScript: Манипуляции типами
TypeScript: Типизация в классах.

Подробное описание занятий на модуле:
4 занятие - 8 часов

Лекция+семинар:

1. Погружение в типы. Union, Type Alias, Inerfaces, Types, Enums, Tuples
2. Манипцляции типами, Generics, keyof, typeof, conditional types, mapped types, Utility types
3. ООП, принципы ООП, принципы программирования YAGNI, KISS, etc
4. Классы, базовый синтаксис, наследование классов, свойства и методы классов.

Проект по JavaScript/Typescript

Приобретенные навыки:

• Освоение типов Union, Type Alias, Inerfaces, Types, Enums, Tuples и как с ними работать.
• Освоение основ ООП и принципы программирования YAGNI, KISS, etc.
• Работа с классами: наследование, базовый синтаксис, свойства и методы.

Содержание модуля React.js:
Введение в React. DOM. V-DOM.Настройка окружения
State, Props
Классовые и функциональные компоненты
Hooks, HOC
ReactRouter: Маршрутизация.


Подробное описание занятий на модуле:
11 занятий — 22 часа

Лекции + семинары:

1. Введение в React. DOM. V-DOM.Настройка окружения
2. React - Hello world. State, Props
3. Классовые, функциональные компоненты. Передача данных с помощью state и props. События. Условный рендеринг
4. React Hooks. useState, useEffect. Написание своего hook
5. React Hooks. useState, useEffect. Написание своего hook
6. React Router. Создание страниц в приложении. Error boundry
7. React и работа с API. Пагинация, бесконечный скролл. Состояния ошибки и загрузки
8. React и формы. Библиотека Formik. Валидация
9. Анимация в React
10. Тестирование React приложений
11. Продвинутый React. Portals, Suspens, refs.

Приобретенные навыки:

• Освоение библиотеки React.js для языка программирования JS для разработки пользовательских интерфейсов
• Освоение настройки окружения, DOM, создание страниц в приложение, работа с API
• Работа с мезанизмом React Hook, библиотекой Formik и валидацией (проверкой)
• Настройка анимации и тестирование приложений.

Содержание модуля Redux:
Store
Thunk, middleware
Toolkit
Saga.

Подробное описание занятий на модуле:
3 занятия — 6 часов

Лекции + семинары:

1. Redux. Actions, Reducers, Dispatch. Store
2. Redux. Actions, Reducers, Dispatch. Store
3. Асинхронные события в Redux. Redux-thunk.

Приобретенные навыки:

• Освоение библиотеки Redux для языка программирования JS, предназначенную для управления состоянием приложения
• Освоение функций, атрибутов, которые нужны для передачи текущего состояния, предыдущего состояния и т.д. (Redux. Actions, Reducers, Dispatch. Store).

Содержание модуля Express:
REST. Rest API с использованием Express, Routing
CRUD.

Подробное описание занятий на модуле:
9 занятий — 18 часов

Лекции + семинары:

1. REST. Rest API с использованием Express, Routing
2. REST. Rest API с использованием Express, Routing
3. Middleware. Паттерн «Цепочка обязанностей». Обработка ошибок
4. Безопасность
5. CRUD операции
6. Имплементация CRUD в приложении
7. Тестирование Express
8. Аутентификация. PassportJS
9. Realtime взаимодействие с сервером, протокол websocket. Библиотеки WS и socket.io.

Приобретенные навыки:

• Осуществление реализации клиент сервер с помощью REST API
• Имплементация CRUD в приложении
• Обработка ошибок и работа с безопасностью
• Realtime взаимодействие с сервером, протокол websocket
• Освоение библиотек WS и socket.io.

Содержание модуля MongoDB:
MongoDB
Databases: Что такое база данных, хранение данных. Сравнение реляционных и объектных БД.

Подробное описание занятий на модуле:
2 занятия — 4 часа

Лекция + семинар:

1. Что такое база данных, хранение данных. Сравнение реляционных и объектных БД.
2. Развертывание MongoDB в облаке. Подключение MongoDB в приложение. ORM. Mongoose.

Проект:
Проект по Node.js / Express / MongoDB.

Приобретенные навыки:

• Освоение базы данных, чем отличаются реляционные и объектные базы данных
• Знакомство с MongoDB, создание коллекций, записей и команд
• Подключение MongoDB к созданному с помощью node.js приложению
• Создание базы данных в облаке и заполнять их данными.

Содержание модуля Node.js:
Основы Node.js.
Event-driven модель
Node.js модули и файловая система. NPM
Асинхронность.

Подробное описание занятий на модуле:
3 занятия — 6 часов

Лекции:
Node.js модули и файловая система. NPM. Асинхронность
Node.js модули и файловая система. NPM. Асинхронность
Простой сервер. Сервер статики.

Приобретенные навыки:

• Освоение основ платформы Node.js
• Знакомство с Event-driven моделями
• Освоение Node.js модулей и файловой системы. NPM
• Асинхронность.

Содержание модуля:
Docker. Контейнеризация
Развертывание с помощью Docker.

Подробное описание занятий на модуле:
2 занятия — 4 часа

Лекция + семинар:
Docker. Контейнеризация.
Развертывание с помощью Docker.

Приобретенные навыки:

• Создание docker файла для своего приложения
• Работа с docker desktop и запуск контейнеров.

Содержание модуля:
CLOUDPLATFORM, DEPLOY: Развёртывание приложения на сервере или платформе.

Подробное описание занятий на модуле:
3 занятия — 6 часов

Лекции + семинары:

• Что такое деплой. Обзор основных облачных платформ
• Развертывание приложения на сервере (heroku, aws, digital ocean). Облака
• Мониторинг приложений. Автоматизация деплоя с помощью GitHub Actions.

Дополнительно:

• Защита проекта
• Подготовка к защите портфолио
• p2p-интервью.

Проект:
Проект по Docker/Cloud.

Приобретенные навыки:

• Настраивание мониторинга приложений
• Знакомство с деплой и его автоматизацией с помощью GitHub Actions
• Разворот приложения на сервере.