Workflow
> Знакомство
> Введение в процесс разработки ПО (команда, роли, методологии)
> Инструменты разработчика на каждой стадии. Что должен знать и уметь разработчик?
> Настройка окружения. IDE. Выбор редактора и первоначальная настройка
> Работа с системой контроля версий на примере git (установка, основные команды)
Верстка
> Общие понятия о браузерах. Протокол HTTP/S. Домены, DNS
> Знакомство с HTML. Структура страницы. Основные теги.
> Знакомство с CSS . Подключение, Селекторы. Свойства.
> Упрощение работы с CSS при помощи препроцессоров SASS, LESS
> PostCSS. Обзор. Сравнение с препроцессорами.
> БЭМ
JavaScript
> Знакомство, теория, структура кода, строгий режим «use strict». Переменные и константы: let, const, var. Область видимости.
> Типы данных: string, number, boolean, null, undefined и другие. Операторы: примеры, отличия, особенности.
> Ветвление IF... ELSE. Условное ветвление. Тернарный оператор.
> Циклы: FOR, WHILE. Директивы break и continue.
> Функции. Declaration, Express, Arrow (стрелочная функция). SetTimout, SetInterval.
> Объекты. Синтаксис и работа с объектами.
> Массивы. Методы массивов: Поиск, редактирование, сортировка.
> DOM. Изменение HTML и CSS. Браузерное окружение.
> Размеры, прокрутка, координаты.
> TypeScript
React
> Знакомство с библиотекой, структура проекта,
> Компонентный подход
> Знакомство с state, props, все о JSX
> Разбор Virtual DOM и Reconciliation
> Классовый vs Функциональный компонент (отличие)
> Методы жизненного цикла
> Redux и подключение в проект
> Thunk Redux подключение в проект
> React Router DOM подключение в проект
> Разбор hooks функциональных компонентов
> Повторение пройденного материала (Контролируемые и Неконтролируемые компоненты)
> Применяем все полученные знания к проекту
Vue.js
> Обзор Vue.js
> Свойство Template; Virtual DOM и render
> Реактивность и Proxy
> Жизненный цикл компонента
> Работа с Vue CLI и Vue UI
> Работа с Элементами Формы и HTTP
> Работа с Vue Router
> Оптимизация с Lazy Loading
> Работа с Vuex: Зачем нужен Vuex
> Работа со Store; Что такое mutations; Зачем нужны getters; Как работают actions; Mappers
> Применяем все полученные знания к проекту
Back-end
> Знакомство с Node js
> Асинхронность. Event Loop и асинхронность.
> HTTP и напишем первый сервер.
> Express, проектирование API. Проектирование REST API
> Введение база данных (Mongo DB)
> Mongo DB, библиотека mongoose
> Аутентификация и авторизация
> Router в Express - разберем что такое роуты и зачем нужны
> Postman - Compass
> Интеграция с frontend-ом
> JWT токен разберем зачем нужен, внедрение при авторизации
Работа над проектами
> Работа над проектами персонально или в командах
> FAQ на собеседованиях на разные вакансии
> Как начать работать на фрилансе?
> Подводим итоги. Что дальше?