#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
- Применяем все полученные знания к проекту
#Работа над проектами
- Работа над проектами персонально или в командах
- FAQ на собеседованиях на разные вакансии
- Как начать работать на фрилансе?
- Подводим итоги. Что дальше?
Official web-site
https://levelp.ru/courses/veb-tekhnologii/front-end-developer/