Фронт-енд разработчик (Junior)

#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 на собеседованиях на разные вакансии
• Как начать работать на фрилансе? 
• Подводим итоги. Что дальше?