JavaScript Професійний курс частина 3

Мова викладання в курсі — російська. Незабаром буде доступна українська версія цього курсу.

Відеозаписи лекцій без зворотного зв'язку та участі викладача. Ви отримаєте доступ до матеріалів одразу після оплати.

Курс призначений для тих, хто пройшов "Професійний JavaScript, рівень 1",  "Професійний JavaScript, рівень 2" або для розробників, які бажають підняти свої навички.
Після проходження курсу ви будете впевнено створювати сучасні веб-додатки. Знатимете, як писати код, вмітимете його тестувати, а також уміло застосовуватимете патерни проєктування.

На цьому курсі ви навчитеся робити справжні проєкти, такі ж за рівнем складності, як в індустрії. І робитимете їх правильно, щоб після навчання видавати результат високого рівня, за який компанії готові платити.

— Актуальные стандарты качества: не нужно переучиваться после курса.

— Понимание полного цикла работы разработчика.

— Фундаментальные и структурированные знания необходимых технологий.

— Опыт работы с дедлайнами и планирования работы.

Розділ 1
React
Розглянемо схему роботи на курсі. Познайомимося з популярною бібліотекою React. Дізнаємося які проблеми вона розв'язує і як може спростити наш проєкт. Підготуємо інфраструктуру для React-проєкту, розберемося як працюють компоненти і JSX.

— Обзор проектов.
— Схема работы на интенсиве.
— React.

Що таке React.
— Как работает React.
— Какие задачи эффективно решает.
— Virtual DOM.
— React Component.
— Дополнительные инструменты.

JSX.

Компонентний підхід.

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

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

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

Розділ 2
Тестування React
Познайомимося з інструментами та методиками тестування React-додатків. Налаштуємо інфраструктуру для тестування, напишемо тести для створених компонент.

— Jest.
— Enzyme.
— PropTypes.

Розділ 3
держава
Покращимо знання про React і компоненти. Розберемо state, події та методи життєвого циклу компонента.

— state.
— Однонаправленный поток данных.
— Stateless-компоненты, PureComponent.

Події.

— Обработка событий в компонентах.
— Synthetic React Events.
— Методы жизненного цикла.

React і форми.

Обробка помилок.

Розділ 4
React і патерни
Розбираємося з питанням, що таке архітектура програмного забезпечення і як її проєктувати. Знайомимося та вчимося на практиці застосовувати патерни проєктування.

Проектування.

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

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

— Простые компоненты (Stateless function).
— Условный рендеринг (Conditional Rendering).
— Компоненты-обёртки (Proxy component).
— Стилизация компонентов (Style component).
— Компоненты высшего порядка (Higher-order component).
— Переключение событий (Event switch).
— Render Props.
— Провайдер (Provider).
— Порталы (Portals).

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

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

Розділ 6
Оптимізація продуктивності
Поговоримо про продуктивність React-додатків: які є особливості, на що слід звертати увагу під час проєктування компонент насамперед.

— Parse и compile Time.
— Профилирование компонент.
— Управление обновлением компонент.
— Рендеринг длинных списков и таблиц.

Розділ 7
Асинхронність у Redux
Навчимося впроваджувати асинхронний код у синхронну роботу Redux за допомогою Middleware.

— Thunk.
— Middleware.
— Взаимодействие с сервером.

Розділ 8
React Router
Знайомимося з маршрутизацією в SPA-додатках. Додаємо в проєкт пакет react-router, створюємо публічні та приватні маршрути.

— Роутинг.
— history API.
— Компоненты Route, Link.
— Приватные маршруты.
— Редиректы.
— Свернуть / Развернуть

Розділ 9
React і типізація
Познайомимося зі статичною типізацією. Обговоримо, які проблеми вирішує. Додамо до проєкту TypeScript.

Статична типізація.

Що це таке?
Плюси мінуси.
Статична типізація для JS.
TypeScript і React.

Підтримка React у TypeScript.
Інтерфейси.