[HTML academy] Профессиональный онлайн‑курс JavaScript, уровень 3

[HTML academy] Профессиональный онлайн‑курс JavaScript, уровень 3

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

Спойлер: Программа курса

Первая неделя
Раздел 1

React

Рассмотрим схему работы на курсе. Познакомимся с популярной библиотекой React. Узнаем какие проблемы она решает и как может упростить наш проект. Подготовим инфраструктуру для React-проекта, разберёмся как работают компоненты и JSX.​

Организационные вопросы.

• Обзор проектов.
• Схема работы на курсе.

React.

• Что такое React.
• Как работает React.
• Какие задачи эффективно решает.
• Virtual DOM.

JSX.

Инфраструктура

• Webpack.

Дополнительные инструменты.

Компонентный подход.

• Компоненты React.
• Свойства компонентов.
• Передача данных через свойства.
• Вложенные компоненты.

Рендеринг компонентов.

• Рендеринг списков.
• Условный рендеринг.

Раздел 2

Тестирование React

Познакомимся с инструментами и методиками тестирования React-приложений. Настроим инфраструктуру для тестирования, напишем тесты для созданных компонентов.​

• Jest.
• Enzyme.
• PropTypes.

Вторая неделя
Раздел 3

state

Теоретическая лекция
Улучшим знания о React и компонентах. Разберём state, события и методы жизненного цикла компонента.​

• state.
• Однонаправленный поток данных.
• Функциональные компоненты, классовые компоненты, PureComponent.

Методы жизненного цикла.

React и формы.

Раздел 4

React и паттерны

Разбираемся с вопросом, что такое архитектура программного обеспечения и как её проектировать. Знакомимся и учимся на практике применять паттерны проектирования.​

Проектирование.

• Чем отличается хорошая программа от плохой.
• Зачем проектировать программное обеспечение. Цели проектирования.
• Архитектура программного обеспечения.
• Инструменты для проектирования.

Паттерны проектирования.

• Какие проблемы решают паттерны.
• Из чего состоит паттерн.
• Виды паттернов проектирования.

Паттерны в React.

• Дочерние компоненты.
• Компоненты-обёртки (Proxy component).
• Компоненты высшего порядка (Higher-order component).
• Render Props.
• Провайдер (Provider).

Третья неделя
Раздел 5

Redux

Знакомимся с Flux-архитектурой: действия (Actions), диспетчеры (Dispatcher), представления (Views) и хранилища (Stores). Подключаем к проекту Redux и обновляем кодовую базу.​

• Flux-архитектура.
• Хранилище, диспетчер, действия.

Redux.

Middlewares.

Раздел 6

Оптимизация производительности

Поговорим о производительности React-приложений: какие есть особенности, на что следует обращать внимание при проектировании компонентов в первую очередь.​

• Профилирование компонент.
• Управление обновлением компонент.

Четвёртая неделя
Раздел 7

Асинхронность в Redux

Научимся внедрять асинхронный код в синхронную работу Redux с помощью Middleware.​

redux-thunk

Пятая неделя
Раздел 8

React Router

Знакомимся с маршрутизацией в SPA-приложениях. Добавляем в проект пакет react-router-dom, создаём публичные и приватные маршруты.​

• Роутинг.
• History API.
• Компоненты Route, Link.
• Приватные маршруты.
• Редиректы.

Раздел 9

React и типизация

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

Статическая типизация.

• Что это такое?
• Плюсы минусы статической типизации.
• Статическая типизация для JS.

TypeScript и React.

• Поддержка React в TypeScript.
• Интерфейсы.

Спойлер: Проекты

Учебный проект
Учебный проект будет общим для всех, над ним вы будете работать вместе с преподавателем на живых лекциях.


«Шесть городов»
Современный сервис для путешественников, которые не хотят переплачивать за аренду жилья. В приложении можно получить актуальный список предложений по аренде в одном из шести популярных городов. Сортировка объектов и подробное описание каждого из них помогут быстро выбрать оптимальный вариант жилья. Авторизованные пользователи могут оставить отзыв и добавить приложение в избранное.


«Что посмотреть»
Онлайн-кинотеатр нового поколения с возможностью выбирать фильмы по жанру, изучать их подробное описание и просматривать список похожих кинокартин. После авторизации пользователи могут добавлять фильмы в список для дальнейшего просмотра, ставить им оценки, читать отзывы других зрителей и оставлять свои.
​

Продажник

Другие курсы Академии по JS
[HTML academy] Профессиональный онлайн‑курс JavaScript, уровень 2 [27 июля — 30 сентября 2020]
[HTML Academy] Профессиональный онлайн‑курс JavaScript, уровень 1 [26 мая — 29 июля 2020]