пройшовши курс, Ви зможете:
Збирати інтерфейси в оточенні React
Більш ефективно продовжувати вивчати тонкощі React
Передавати фронтенд-розробникам результат в їх оточенні
Використовувати підхід CSS-in-JS для написання стилів
типові завдання, які ви навчитеся вирішувати після курсу "Верстка React-компонентів":
Ви хочете більше заробляти або змінити роботу, але не знаєте, в якому напрямку розвиватися:
Хочете освоїти конкретний навик, але не знаєте як
Не хочете витрачати час на пошук актуальної інформації по темі
Вам потрібна конкретна методика навчання і тільки необхідна інформація
Хочете переконатися, що отримані знання засвоїлися на практиці
Збирати інтерфейси в оточенні React
Більш ефективно продовжувати вивчати тонкощі React
Передавати фронтенд-розробникам результат в їх оточенні
Використовувати підхід CSS-in-JS для написання стилів
типові завдання, які ви навчитеся вирішувати після курсу "Верстка React-компонентів":
- Створення React-компонентів на JSX
- Створення інтерактивних компонентів
- Налаштування роутингу для переходу між сторінками
- стилізація компонентів
- на CSS-in-JS з використанням Styled-components
- збірка Storybook
Ви хочете більше заробляти або змінити роботу, але не знаєте, в якому напрямку розвиватися:
Хочете освоїти конкретний навик, але не знаєте як
Не хочете витрачати час на пошук актуальної інформації по темі
Вам потрібна конкретна методика навчання і тільки необхідна інформація
Хочете переконатися, що отримані знання засвоїлися на практиці
Розділ 1
React
У цьому розділі дізнаємося, що таке React і навіщо він потрібен. Поговоримо про компоненти і познайомимося з середовищем, в якій будемо працювати на курсі.
Розділ 2
React-оточення
Розглянемо структуру React-проекту в CodeSandbox і його використання на курсі.
РОЗДІЛ 3
Верстка простих React-компонентів
--- Компоненти React
--- Синтаксис і використання JSX
--- Проста стилізація React-компонентів
Розділ 4
Написання стилів для компонентів в React
Вивчимо популярні техніки додавання CSS-стилів до React-компонентів, розглянемо метод роботи з SVG.
--- CSS-модулі
--- CSS-in-JS і його відмінність від класичного подходаStyled-components
--- Робота з SVG
Розділ 5
Інтерактивність в React
Пожвавимо додатки, навчимося обробляти призначені для користувача події і перемальовувати інтерфейс.
--- Обробка подій в React
--- Перемальовування компонентів
--- State і Props
Розділ 6
Роутинг
Навчимося об'єднувати сторінки в повноцінний сайт, використовуючи роутінг.
--- Познайомимося зі SPA.SPA і маршрутизація
--- Робота з React-router
Розділ 7
Збірка
У цьому розділі навчимося збирати проект локально і викладати його на сервер. Познайомимося c CRA і конфігураціями webpack для React-проекту. Викладемо проект на звичайний хостинг і Netlify.
--- Create React App
--- Самописна webpack-конфігурація
--- Розгортання програми на сервері
Розділ 8
Storybook
Познайомимося зі Storybook і прийомами роботи з компонентами у великих проектах.
Розділ 9
Підсумки
Підіб'ємо підсумки і побудуємо плани на майбутнє.
React
У цьому розділі дізнаємося, що таке React і навіщо він потрібен. Поговоримо про компоненти і познайомимося з середовищем, в якій будемо працювати на курсі.
Розділ 2
React-оточення
Розглянемо структуру React-проекту в CodeSandbox і його використання на курсі.
РОЗДІЛ 3
Верстка простих React-компонентів
--- Компоненти React
--- Синтаксис і використання JSX
--- Проста стилізація React-компонентів
Розділ 4
Написання стилів для компонентів в React
Вивчимо популярні техніки додавання CSS-стилів до React-компонентів, розглянемо метод роботи з SVG.
--- CSS-модулі
--- CSS-in-JS і його відмінність від класичного подходаStyled-components
--- Робота з SVG
Розділ 5
Інтерактивність в React
Пожвавимо додатки, навчимося обробляти призначені для користувача події і перемальовувати інтерфейс.
--- Обробка подій в React
--- Перемальовування компонентів
--- State і Props
Розділ 6
Роутинг
Навчимося об'єднувати сторінки в повноцінний сайт, використовуючи роутінг.
--- Познайомимося зі SPA.SPA і маршрутизація
--- Робота з React-router
Розділ 7
Збірка
У цьому розділі навчимося збирати проект локально і викладати його на сервер. Познайомимося c CRA і конфігураціями webpack для React-проекту. Викладемо проект на звичайний хостинг і Netlify.
--- Create React App
--- Самописна webpack-конфігурація
--- Розгортання програми на сервері
Розділ 8
Storybook
Познайомимося зі Storybook і прийомами роботи з компонентами у великих проектах.
Розділ 9
Підсумки
Підіб'ємо підсумки і побудуємо плани на майбутнє.
https://privatelink.de/?https://levelup.htmlacademy.ru/levelup-react-components