Перейти к содержимому














Фотография
Скачать

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



  • Авторизуйтесь для ответа в теме
В этой теме нет ответов

#1 DarkHold

DarkHold
  • Premium
  • Сообщений: 3 037
  • Регистрация: 28.01.2023
  • Заработано: 3 086 руб.
Репутация: 3 715

Награды: 25

  
  
  
  
  
  
  
  

Отправлено 15 Март 2023 - 17:10

Название: Онлайн-курс «Вёрстка React-компонентов» (2023)

Автор: HTML Academy


Иногда перед разработчиками становится задача собрать интерфейс не на HTML и CSS, а используя окружение React.
На этом курсе вы научитесь собирать интерфейсы в экосистеме React с нуля и создавать интерактивные 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. Итоги
Подведём итоги и построим планы на будущее.


Скрытый контент:

  Для просмотра необходимо войти или зарегистрироваться


Скачать:

Скрытый контент:

  Для просмотра содержимого необходимо 100 очков репутации (вам не хватает 100)

 Скачать без ограничений   Купить этот материал за 390 руб.



🔔 Подпишись на наш канал telegram @slivup_live и бота @kurs_slivup, что бы следить за крутыми новинками форума

  • 0



Похожие темы Collapse

Количество пользователей, читающих эту тему: 1

0 пользователей, 1 гостей, 0 анонимных

×

Зарегистрируйся моментально!