Junior Frontend Developer «Level UP»

compare_arrows

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 и подключение в проект.
• React Router DOM подключение в проект.
• Разбор hooks функциональных компонентов.

Vue.js

• Обзор Vue.js.
• Свойство Template.
• Virtual DOM и render.
• Реактивность и Proxy.
• Жизненный цикл компонента.
• Работа с Vue CLI и Vue UI.
• Работа с Элементами Формы и HTTP.
• Работа с Vue Router.
• Оптимизация с Lazy Loading.
• Работа с Vuex.
• Работа со Store.

Работа над проектами

• FAQ на собеседованиях.
• Как начать работать на фрилансе?
• Подводим итоги. Что дальше?