Для кого?
Для початківців і продовжують програмістів. Рівень junior/middle. Обов'язково знання HTML, СЅЅ і базового JS
Модуль. React
Знання React-інструментів-це основа. Перш ніж переходити до бібліотек, розберемося із закладеними в React ідеями, навчимося використовувати їх грамотно і ефективно. Додатково в цьому блоці будемо писати React на чистому JS,
щоб зрозуміти, як працює React під копотом.
2️ ⃣ Модуль. Навігація
React-router-dom дозволяє розділити додаток на кілька сторінок.
Це найпопулярніша бібліотека для навігації в React-додатках.
Якщо ви хочете створювати багатосторінкові React додатки, важливо знати,
як працює навігація за допомогою JavaScript, і який підхід пропонує
React-router-dom.
3️ ⃣ Модуль. Форми
Створення форм-одна з найчастіших завдань при розробці web-додатків.
Є багато різних бібліотек, які спрощують це завдання.
Ми вивчимо саме React-hook-form, тому що з мого досвіду це
найзручніша бібліотека для роботи з формами.
4️ ⃣ Модуль. Спілкування з сервером
Трохи додатків обходиться без комунікації з сервером.
Часто потрібно синхронізувати стан сервера і React-додатки.
Важливо знати, як організувати роботу з сервером так,
щоб уникнути помилок і зробити тестування програми зручним.
5️ ⃣ Модуль. Робота зі стейтом в Redux & & amp; ReduxToolkit
У великих додатках часто потрібно зберігати безліч полів даних.
Це можуть бути дані, які ми отримуємо з сервера, або інформація,
яку вводять користувачі. Redux дозволяє централізовано зберігати
ці дані і надавати доступ до них по всьому додатку.
Redux-Toolkit це бібліотека, яка спрощує створення стору,
редьюсеров і екшенів. Пишемо менше коду, приносимо більше користі.
6️ ⃣ Модуль. Авторизація
Авторизація в веб додатках-важлива частина. Від неї залежить безпека
даних ваших користувачів. Ми розглянемо, які види авторизації бувають, і дізнаємося, на що звертати увагу при реалізації обраної стратегії.
7️ ⃣ Модуль. Тестування
Тестування-важливий інструмент, щоб мінімізувати кількість помилок додатку. Коли ви вносите зміни в код, необхідно протестувати ці зміни в працюючому додатку. При цьому потрібно відтворити різні випадки використання. Ви повинні бути впевнені, що на будь-які ситуації додаток відреагує правильно і не звалиться при в рідкісному або непередбаченому випадку типу незаповненого поля або нуля замість реального значення. При спробі використання некоректних даних, ваш додаток повинен повідомити про це Користувачеві.
Бонуси
Ви навчитеся писати повноцінні React-додатки з нуля, отримаєте список ідей, як застосувати ці знання, і які ще Додатки написати самостійно для тренування. Станете відповідати вимогам до React-розробникам більшості російський і зарубіжних IT-компаній. Будете готові до співбесіди або брати на себе нові завдання на колишньому місці роботи.
Якщо до курсу в Ніколи не писали на React, зможете влаштуватися на позицію junior React-розробника і почати набиратися досвіду. Якщо досвід вже був, зможете підвищити грейд до middle.
Для початківців і продовжують програмістів. Рівень junior/middle. Обов'язково знання HTML, СЅЅ і базового JS

Знання React-інструментів-це основа. Перш ніж переходити до бібліотек, розберемося із закладеними в React ідеями, навчимося використовувати їх грамотно і ефективно. Додатково в цьому блоці будемо писати React на чистому JS,
щоб зрозуміти, як працює React під копотом.
2️ ⃣ Модуль. Навігація
React-router-dom дозволяє розділити додаток на кілька сторінок.
Це найпопулярніша бібліотека для навігації в React-додатках.
Якщо ви хочете створювати багатосторінкові React додатки, важливо знати,
як працює навігація за допомогою JavaScript, і який підхід пропонує
React-router-dom.
3️ ⃣ Модуль. Форми
Створення форм-одна з найчастіших завдань при розробці web-додатків.
Є багато різних бібліотек, які спрощують це завдання.
Ми вивчимо саме React-hook-form, тому що з мого досвіду це
найзручніша бібліотека для роботи з формами.
4️ ⃣ Модуль. Спілкування з сервером
Трохи додатків обходиться без комунікації з сервером.
Часто потрібно синхронізувати стан сервера і React-додатки.
Важливо знати, як організувати роботу з сервером так,
щоб уникнути помилок і зробити тестування програми зручним.
5️ ⃣ Модуль. Робота зі стейтом в Redux & & amp; ReduxToolkit
У великих додатках часто потрібно зберігати безліч полів даних.
Це можуть бути дані, які ми отримуємо з сервера, або інформація,
яку вводять користувачі. Redux дозволяє централізовано зберігати
ці дані і надавати доступ до них по всьому додатку.
Redux-Toolkit це бібліотека, яка спрощує створення стору,
редьюсеров і екшенів. Пишемо менше коду, приносимо більше користі.
6️ ⃣ Модуль. Авторизація
Авторизація в веб додатках-важлива частина. Від неї залежить безпека
даних ваших користувачів. Ми розглянемо, які види авторизації бувають, і дізнаємося, на що звертати увагу при реалізації обраної стратегії.
7️ ⃣ Модуль. Тестування
Тестування-важливий інструмент, щоб мінімізувати кількість помилок додатку. Коли ви вносите зміни в код, необхідно протестувати ці зміни в працюючому додатку. При цьому потрібно відтворити різні випадки використання. Ви повинні бути впевнені, що на будь-які ситуації додаток відреагує правильно і не звалиться при в рідкісному або непередбаченому випадку типу незаповненого поля або нуля замість реального значення. При спробі використання некоректних даних, ваш додаток повинен повідомити про це Користувачеві.
Бонуси
- CI/CD - що це і навіщо
- Deploy додатки на віддалений сервер
- воркшопи Webpack 5 і TypeScript
- Урок про кар'єру: як застосовувати отримані знання, що ще написати самостійно, як оформити резюме, як проходити співбесіди
Ви навчитеся писати повноцінні React-додатки з нуля, отримаєте список ідей, як застосувати ці знання, і які ще Додатки написати самостійно для тренування. Станете відповідати вимогам до React-розробникам більшості російський і зарубіжних IT-компаній. Будете готові до співбесіди або брати на себе нові завдання на колишньому місці роботи.
Якщо до курсу в Ніколи не писали на React, зможете влаштуватися на позицію junior React-розробника і почати набиратися досвіду. Якщо досвід вже був, зможете підвищити грейд до middle.
https://privatelink.de/?https://zar-zakharov.com/