Онлайн-курс «Вёрстка React-компонентов» — 2023 — HTML Academy

120руб.

Категория:

Онлайн-курс «Вёрстка React-компонентов»

Автор курса: HTML Academy

Сайт автора: levelup.htmlacademy_ru/levelup-react-components

Цена автора: 8900 руб.

Иногда перед разработчиками становится задача собрать интерфейс не на HTML и CSS, а используя окружение React. На этом курсе вы научитесь собирать интерфейсы в экосистеме React с нуля и создавать интерактивные React-компоненты.​

Пройдя курс, вы сможете:

  • Собирать интерфейсы в окружении React
  • Более эффективно продолжать изучать тонкости React
  • Передавать фронтенд-разработчикам результат в их окружении
  • Использовать подход CSS-in-JS для написания стилей

Типовые задачи, которые вы научитесь решать после курса «Верстка React-компонентов»:

  • Создание React-компонентов на JSX
  • Создание интерактивных компонентов
  • Настройка роутинга для перехода между страницами
  • Стилизация компонентов
  • на CSS-in-JS с использованием Styled-components
  • Сборка Storybook
Программа курса:
Раздел 1React
В этом разделе узнаем, что такое 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-компонентов» — 2023 — HTML Academy”

Ваш адрес email не будет опубликован. Обязательные поля помечены *