Программирование [HTML Academy] Профессиональный JavaScript. Уровень 3 (2020)

ОПИСАНИЕ:

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

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

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

Раздел 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.
  • Интерфейсы.

СКАЧАТЬ КУРС:
 

Вот что мне не нравится у них так это формат лекций. Парень рассказыавет несколько часов важной информации, и в конце сразу мысль, воу, вот было круто, так, а что мы прошли? Ладно, если основы рассказать можно в одну лекцию, если что-то не понятно, выписал вопросы, пошел читать. Но когда в одной лекции десяток критических моментов это создает кашу
 

Рекламное сообщение
📣 Клубы Web-Master, Traffic (Instagram, Google, Яндекс) и Нейросети вновь доступны для всех желающих!

Что изменилось:
  • Клуб Web-Master совмещен с клубом по Трафику. Теперь вы получаете доступ сразу ко всем материалам всех тематических клубов. В клубе по трафику вы получаете доступ к блокам по Instagram (+ серые/черные ниши), Яндекс и Google. Материалы доступны для изучения сразу. Больше нет необходимости покупать эти направления по отдельности. Вступаете и изучаете только то, что вам нужно.
  • В совмещенных клубах появилась собственная биржа заказов.
  • До вступления в клуб теперь доступна бесплатная 15-минутная консультация с куратором.
  • Направление открыто до конца года, возможно, закроем немного раньше. С 2025 года мы полностью убираем эти направления для новых пользователей.
  • Стоимость доступа к совмещенным клубам - 150 + 100 USD.
  • Текущие пользователи клубов Веб-мастер и Трафик получат возможность присоединиться к соседнему клубу по отличным условиям.
  • Стоимость доступа клуба по нейросетям осталась, как и была. В клубе сейчас почти 200 участников. Совсем скоро появится блок по нейро-музыке, на который участники клуба получат 50% скидку. После выхода блока в свет, общая стоимость клуба по нейросетям повысится.
🟢 ПОДРОБНОСТИ
 

Обратите внимание

Назад
Сверху