- Продолжительность: около 6 мес. (2 курса примерно по 3 мес.)
- Формат курса: Менторство
- Формат общения:
- Голосом через hangouts
- Чатом через slack
- Состав группы: 3 чел. (Далее от 6 чел.)
- Подготовка junior Front-end разработчиков
- Трудоустройство учеников на позицию junior c ЗП от 45 тыс. (после 6 мес.)
- Дать ученикам реальный опыт работы на проекте
- Создать Front-end часть для внутреннего проекта
- Подготовка менторов из учеников
- ПК
- Любой браузер
- Любой уровень знаний в IT
- Владение основными инструментами:
- Редактор кода (Простые, IDE и прочие)
- Основы работы с терминалом
- Основы работы с GIT
- HTML-разметка
- CSS:
- Блочная верстка
- Позиционирование
- Верстка на flexbox
- Умение работать с сеткой
- Адаптивная верстка (или mobile first)
- HTTP протокол (отправка и получение данных)
- SEO, доступность
- Верстка с помощью препроцессоров (На выбор: PostCSS, Sass/Scss, Less)
- Основы JS:
- Синтаксис языка
- Структуры данных
- Замыкания, область видимости
- Методы объектов и контекст вызова
- ООП в JS (в 2-х стилях)
- Современный JS ES6/ES7
- Работа с DOM
- Браузерные API
- Разработка на React.js:
- Умение работать с Props и State
- Создание умных и глупых компонентов (и умение их отличать)
- Роутинг
- Создание Styled-components
- Lifecycle компонентов
- Работы с HTTP
- Тестирование компонентов
- Redux
- Настройка webpack и деплой на сервер
- SSR - серверный рендеринг
- Оптимизация front-end'а (Опционально)
Курс состоит из двух частей, примерно по 3 месяца каждый. Первый курс направлен на изучение основ (HTML, CSS, JS, React.js). Вторая часть курса направлена на получение реального опыта работы на проекте и создания портфолио.
- Освоение работы с основными инструментами:
- Установка и настройка инструментов
- Основные команды terminal'a
- Создание аккаунта на githb
- Изучение основных команд git
- Создание перового репозитория
- HTML-разметка:
- Создание первой HTML страницы
- Изучение основных HTMl тегов и их отличия
- Блочная модель
- Что такое семантика?
- Вводный урок по SEO и доступности
- Рассказ об аттрибутах HTML тегов
- CSS:
- Введение в стилизацию HTML
- История способов верстки (статья)
- Первые стили
- Стилизация элементов HTML страницы:
- Вид элементов страницы с точки зрения отображения
- Позиционирование
- Верстка на flexbox
- Создание сетки (+ урок по Bootstrap)
- Медиа теги и Адаптивная верстка
- HTTP протокол
- История интернета
- Отличия протоколов
- Виды HTTP запросов и их отличия
- Способы отправки данных
- Работа с формами
- SEO, доступность
- Что будут требовать сеошники?
- Что будут требовать люди с плохим зрением?
- Верстка с помощью препроцессоров:
- Обзор препроцессоров (PostCSS, Sass/Scss, Less)
- Отличия
- Что сейчас актуально?
- Изучение одного из препроцессоров:
- Способы компиляции
- Переменные
- Основные операторы
- Миксины
- Верстка по BEM
- Обзор препроцессоров (PostCSS, Sass/Scss, Less)
- Основы JS:
- Основы JavaScript
- Структуры данных
- Замыкания, область видимости
- Методы объектов и контекст вызова
- ООП (в 2-х стилях)
- Современный js ES6/ES7
- Разработка на React.js:
- Как внедрить HTML верстку в проект на React.js
- Что такое Props и State?
- Создание умных и глупых компонентов и их отличия
- Создание роутинга в приложении/сайте
- Создание Styled-components
- Работа с Lifecycle
- Работы с HTTP (отправка данных)
- Тестирование компонентов
- Redux:
- Введение в Redux
- Что такое actions, reducers, store и функция dispatch
- Связывание умных компонентов с хранилищем
- Настройка webpack и деплой на сервер
- Введение в SSR - серверный рендеринг
Продолжительность: около 3 мес.
- Разбивка на команды по 3-6 чел.
- Знакомство с backend разработчиками
- Углубление в работу с git и знакомство с методами деполя больших проектов
- Введение в реальный процесс front-end разработки:
- Верстка React компонентов реального проекта (около 2-4 страниц в неделю)
- Работа с реальным API от backend разработчиков
- Общение с backend разработчиками для улучщения API
- Введение в Agile и таск-трекеры
- Опционально:
- Общение с реальным заказчиком
- Углубление в SSR
- Документирование кода
- Создание личного сайта + портфолио
Продолжительность: около 3 мес.