Набір учасників [HTML Academy] професійний онлайн-курс JavaScript, рівень 3. червень-серпень 2020

[Gadzhi]

Переглянути вкладення 24648
​

Курс розроблений для тих, хто хоче змінити професію і стати високооплачуваним професіоналом. Він підійде для працюючих людей, у яких мало часу.

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

Організаційні питання.

• огляд проектів.
• Схема роботи на курсі.

React.

• Що таке React.
• Як працює React.
• які завдання ефективно вирішує.
• Virtual DOM.

JSX.

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

• Webpack.

додаткові інструменти.
Компонентний підхід.

• компоненти React.
• властивості компонентів.
• Передача даних через властивості.
• вкладені компоненти.

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

• Рендеринг списків.
• умовний рендеринг.

Спойлер: "інформація"

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

• Jest.
• Enzyme.
• PropTypes.

другий тиждень
РОЗДІЛ 3
state
Теоретична лекція
Покращимо знання про React і компонентах. Розберемо стан, події та методи життєвого циклу компонента.

• 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.
• інтерфейси.

https://privatelink.de/?https://htmlacademy.ru/intensive/react