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

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

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

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

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

React

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

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

JSX.

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

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

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

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

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

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

state

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

React и паттерны

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

Redux

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

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

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

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

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

React Router

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

React и типизация

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

https://nuget.pkg.github.com/htmlacademy-react