Amerikano
Модератор
- Сообщения
- 19,454
- Реакции
- 366,082
Автор: HTML Academy
Название: Онлайн-курс «Вёрстка React-компонентов» (2023)
Иногда перед разработчиками становится задача собрать интерфейс не на HTML и CSS, а используя окружение React.
На этом курсе вы научитесь собирать интерфейсы в экосистеме React с нуля и создавать интерактивные React-компоненты.
Пройдя курс, вы сможете:
Раздел 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-компонентов» (2023)
Иногда перед разработчиками становится задача собрать интерфейс не на HTML и CSS, а используя окружение React.
На этом курсе вы научитесь собирать интерфейсы в экосистеме React с нуля и создавать интерактивные React-компоненты.
Пройдя курс, вы сможете:
- Собирать интерфейсы в окружении React
- Более эффективно продолжать изучать тонкости React
- Передавать фронтенд-разработчикам результат в их окружении
- Использовать подход CSS-in-JS для написания стилей
- Создание 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. Итоги
Подведём итоги и построим планы на будущее.
Подробнее:
Для просмотра ссылок Войдите в аккаунт или Зарегистрируйтесь
Скачать:
Для просмотра ссылок Войдите в аккаунт или Зарегистрируйтесь
Похожие темы из этого раздела:
- [Venator Browser] Закладки, каталог и статьи из OSINT браузера Venator Red 2.0 (2024)
- [Алексей Ильющенко] Разработка мобильных и PC приложений на Python. Фреймворк Kivy [Stepik] (2024)
- [GetAnalyst] Проектирование микросервисов (2024)
- [GetAnalyst] Проектирование БД - подходы к решению практических задач (2024)
- [Алексей Гусев] Внедрение Cisco Identity Service Engine [n4e.ru]
- [Дарья Колесова] System Design. Основы проектирования высоконагруженных систем [nextway] (2024)
- [Илья Перминов] Django 5 для начинающих + Продвинутый Django 5 для продолжающих [Stepik] (2023)
- [javascript.ninja] Учись реальности, Crash Course (2023)
- [Stepik] Терминал Linux. Основы работы в командной строке (2023)
- [frontcat1] Грокаем собеседования. Frontend developer (2023)