Программа и содержание

Почему курс профессиональный

На этом курсе вы научитесь делать настоящие проекты, такие же по уровню сложности, как в индустрии. И будете делать их правильно, чтобы после обучения выдавать результат высокого уровня, за который компании готовы платить.

Чтобы добиться такого качества обучения, мы используем профессиональную триаду «критерии-проекты-наставники»

Что вас ждёт на обучении

Живые лекции

Лекции проходят по вторникам и пятницам с 19:00 до 21:00 по московскому времени. Запись лекции доступна на следующий день.

Практика

После лекции вы выполняете домашнее задание, в котором работаете над своим проектом и закрепляете учебный материал.

Ревью кода

После каждого задания ваш личный наставник проверяет качество работы, делится опытом и рассказывает, как можно сделать лучше.

Подходит ли вам этот курс

Курс рассчитан на новичков. Для его прохождения достаточно завершить тренажеры по основам HTML, CSS и jаvascript.

Объём заданий подобран так, чтобы даже занятые и работающие люди успевали выполнять их в срок, работая в комфортном режиме.

Чтобы успешно пройти курс вам понадобится 15−20 часов в неделю или 2,5−3 часа в день. Занимайтесь равномерно в течение недели или погружайтесь в учёбу на выходных.

Сроки итоговой защиты позволяют детально проработать обратную связь от проверяющего наставника и получить отлично выполненный личный проект.

Программа курса

Первая неделя

ОБУЧЕНИЕ

Участие в лайвах, работа над проектом с личным наставником.

Раздел 1

Знакомство c jаvascript

Рассмотрим схему работы на интенсиве, какие инструменты понадобятся. Разберём, что представляет собой язык jаvascript, причём здесь спецификация ECMAScript и браузер. Начнём разбирать основы jаvascript.

Как проходит курс. Организационные вопросы.

Схема работы на курсе.

Обзор проектов.

Язык jаvascript

Спецификация ECMAScript.

Что даёт jаvascript\'у браузер.

Строгий режим \'use strict\'.

Необязательные точки с запятой.

Основы jаvascript.

Базовый синтаксис: круглые и фигурные скобки, операторы, зарезервированные слова.

Переменные.

Функции.

Типы данных: примитивы.

Приведение типов.

Практика

Создание репозитория, форк, клонирование.

Создание ветки, коммита, синхронизация репозиториев.

Создание пулреквеста в Гитхабе.

Тренажёры.

Раздел 2

Основные возможности jаvascript

Продолжим изучать основные конструкции jаvascript, особенно пристально — функции. Разберём нюансы объявления переменных. Немного затронем контекст выполнения this. Познакомимся с инструментами разработчика.

Вторая неделя

Раздел 3

Структуры данных и встроенные API

Познакомимся со сложными типами данных: массивами и объектами. Научимся создавать их и управлять ими. Затронем тему структур данных, и как их использование может облегчить разработчику жизнь. Рассмотрим встроенные в jаvascript объекты. Запустим и отладим код в консоли инструментов разработчика.

Раздел 4

Организация кода

Обсудим принцип DRY (не повторяйся) и как им пользоваться для того, чтобы писать меньше кода, и при этом делать больше. Узнаем, что такое модули, как делить на них код и зачем.

Третья неделя

Раздел 5

DOM и события

Попробуем создавать, удалять, перемещать и управлять DOM-элементами. С помощью шаблонов отрисуем данные, созданные ранее. Рассмотрим динамическое взаимодействие с пользователем: как сделать так, чтобы страница начала реагировать на ввод текста в формы, нажатие на определённые элементы, прокрутки и прочее.

Раздел 6

Внешние API и сторонние библиотеки

Четвёртая неделя

Раздел 7

Асинхронность. Работа с сетью

Разберём понятие асинхронности и способы её достижения: колбэки и setTimeout, Promise. Взглянем на протокол HTTP и инструменты, которые позволяют делать запросы из браузера. Рассмотрим, как меняется взаимодействие пользователя с сайтом при начале работы с сетью, что может пойти не так, и что с этим делать.

Пятая неделя

Раздел 8

Обратная связь и оптимизация

Оптимизируем работу с данными и событиями в приложении. Реализуем понятную и приятную пользователю обратную связь интерфейса.

Раздел 9

Сборщики jаvascript

Познакомимся с такими программами, как сборщики, и узнаем, как они могут облегчить жизнь фронтенд-разработчику.

Шестая неделя

ЗАЩИТА ПРОЕКТАПодготовка проекта к итоговой защите и оценка его проверяющим наставником по критериям качества.

Первая неделя защиты

Начало подготовки к итоговой защите.

Седьмая неделя

Вторая неделя защиты

Первая оценка проекта проверяющим наставником по критериям качества.

Восьмая неделя

Третья неделя защиты

Улучшение проекта по замечаниям проверяющего наставника и подача на вторую оценку.

Девятая неделя

Четвёртая неделя защиты

Внесение финальных правок и получение итоговой оценки.