професійний онлайн-курс
Розробка на react
Після курсу ти:
- освоїш один з найбільш затребуваних роботодавцями навик
- зможеш впевнено працювати з React і створювати складні SPA-додатки
- вивчиш кращі практики Frontend-розробки
- перестань боятися вакансій, де потрібно React
- підвищиш свою вартість як розробник
- зможеш працювати в кращих компаніях
1. Знайомство з React
Ємний огляд React і його екосистеми. Познайомимося з основними поняттями, фундаментальними принципами, конфігурацією оточення, поняттям компонента і його видами, JSX.
2. Способи створення React-додатки
Навчимося створювати додатки різними способами і інструментами (C нуля, використовуючи Webpack і Babel.JS/Create React App/Next.JS/Gatsby), з Server-Side Renderingом і без нього.
3. Стилі в React-додатку
Навчимося задавати стилі для React-Додатки і управляти ними за допомогою сучасних інструментів (PostCSS, styled-components, styled-jsx).
4. Властивості та стан компонента
Вивчимо поняття властивостей (properties) в компонентах. Навчимося їх передавати, здійснювати перевірку типів. Розберемося з поняттям і особливостями використання стану компонента (state).
5. Stateful-і stateless-компоненти
Введемо поняття Stateless-компонента, дізнаємося переваги використання такого підходу.
6. Життєвий цикл компонента
Вивчимо елементи життєвого циклу компонента, навчимося використовувати їх на практиці.
7. Вбудовані і призначені для користувача хуки (React Hooks)
Зберемо практики використання нового інструменту в бібліотеці React для поліпшення читабельності і повторного використання в коді.
8. Тестування за допомогою jest та React Testing Library
У процесі розробки програми ми будемо писати тести для наших компонентів за допомогою jest та React Testing Library.
9. Взаємодія з API
Розробимо додаток, який буде взаємодіяти із зовнішніми API, отримувати і відправляти дані через API і відображати їх на фронтенді.
10. Роутінг в додатку (React Router), портали (React Portals)
Навчимося відповідати url і рендерити потрібну сторінку без перезавантаження, так, як це повинно працювати в Single Page Application. Розберемо складні кейси, такі як обробка вхідних параметрів, редиректи, сторінки помилок, авторизований доступ і модальні вікна з використанням порталів
11. Обробка подій
Введемо поняття синтетичних подій в бібліотеці React. Навчимося їх обробляти, реалізуємо dragndrop і навчимося працювати з буфером обміну.
12. Контекст та автентифікація
Детально розберемо новий механізм контексту в бібліотеці React. Навчимося ефективно застосовувати його в додатку. Навчимося працювати з аутентифікацією, localStorage І cookies.
13. Способи створення форм
Дізнаємося нюанси створення простих і складних форм для програми за допомогою різних підходів і інструментів (без сторонніх інструментів, React Hook Form, Formik)
14. Production-збірка і Deployment
Практикум по організації файлової структури проекту, Налаштування оточення і підготовці збірки і деплоя додатки з подальшим супроводом.
Факультатив. Redux
Декларативні підходи та middleware. Прикладне застосування Redux з використанням в проекті.
Автор
Едуард Анцупов
Співзасновник і CTO в Sanatorex і iq-project.ru
Вивчимо поняття властивостей (properties) в компонентах. Навчимося їх передавати, здійснювати перевірку типів. Розберемося з поняттям і особливостями використання стану компонента (state).
5. Stateful-і stateless-компоненти
Введемо поняття Stateless-компонента, дізнаємося переваги використання такого підходу.
6. Життєвий цикл компонента
Вивчимо елементи життєвого циклу компонента, навчимося використовувати їх на практиці.
7. Вбудовані і призначені для користувача хуки (React Hooks)
Зберемо практики використання нового інструменту в бібліотеці React для поліпшення читабельності і повторного використання в коді.
8. Тестування за допомогою jest та React Testing Library
У процесі розробки програми ми будемо писати тести для наших компонентів за допомогою jest та React Testing Library.
9. Взаємодія з API
Розробимо додаток, який буде взаємодіяти із зовнішніми API, отримувати і відправляти дані через API і відображати їх на фронтенді.
10. Роутінг в додатку (React Router), портали (React Portals)
Навчимося відповідати url і рендерити потрібну сторінку без перезавантаження, так, як це повинно працювати в Single Page Application. Розберемо складні кейси, такі як обробка вхідних параметрів, редиректи, сторінки помилок, авторизований доступ і модальні вікна з використанням порталів
11. Обробка подій
Введемо поняття синтетичних подій в бібліотеці React. Навчимося їх обробляти, реалізуємо dragndrop і навчимося працювати з буфером обміну.
12. Контекст та автентифікація
Детально розберемо новий механізм контексту в бібліотеці React. Навчимося ефективно застосовувати його в додатку. Навчимося працювати з аутентифікацією, localStorage І cookies.
13. Способи створення форм
Дізнаємося нюанси створення простих і складних форм для програми за допомогою різних підходів і інструментів (без сторонніх інструментів, React Hook Form, Formik)
14. Production-збірка і Deployment
Практикум по організації файлової структури проекту, Налаштування оточення і підготовці збірки і деплоя додатки з подальшим супроводом.
Факультатив. Redux
Декларативні підходи та middleware. Прикладне застосування Redux з використанням в проекті.
Автор
Едуард Анцупов
Співзасновник і CTO в Sanatorex і iq-project.ru
- системний Програміст І fullstack-розробник з 2009 року
- професійні інтереси: JavaScript, React, Redux, DevOps, Мікросервіси, високонавантажені системи.
- навчив React більше 100 розробників
- керує розробкою корпоративних CRM -/ERP-систем, систем бронювання( stolica-banketov.ru, sanatorex.ru, pogostim.com) і внутрішніх систем (backoffice, Телефонія, хмарні системи) та інших продуктів.
- брав участь у розробці проектів для Уряду Москви
- керував розробкою pogostim.com -переможця конкурсу " Кращий IT-проект року "на Всеросійському конкурсі"Молода інноваційна Росія"
- співзасновник ігрової студії. Розробка і підтримка популярних соціальних ігор з аудиторією гравців більше 1 млн.чоловік.
https://privatelink.de/?https://thinknetica.com/react_basic