packtpub
Packt Publishing - широкий выбор видеокурсов и книг по информационным технологиям и программном обеспечении.
Пользовательские интерфейсы с React.js
Learning React.js User Interfaces
★2 (всего оценок - 10)
Продолжительность
3 ч 11 мин
Категория
React.jsКоличество уроков
27 Видео
Дата добавления
12 июл. 2017 г., 20:45
Язык
Английский
Дата обновления
28 апр. 2026 г., 21:45
React.js – один из самых мощных инструментов для создания динамичных и удобных интерфейсов. В этом курсе ты научишься строить современные UI, улучшать интерактивность веб‑приложений и интегрировать React с такими технологиями, как Bootstrap и SASS, создавая действительно профессиональные решения.
Что ты узнаешь на курсе
Программа курса выстроена так, чтобы шаг за шагом провести тебя от основ к созданию полноценных интерфейсов на React.
Основы React.js
- Как работает архитектура React и почему она так популярна.
- JSX: синтаксис, удобный и понятный каждому разработчику.
- Компонентный подход и переиспользование UI‑элементов.
Работа с состоянием
- Использование хуков для управления логикой компонентов.
- Разбор useState, useEffect и других ключевых хуков.
- Построение управляемых форм и обработка пользовательских событий.
Создание современных UI
Помимо основ React, ты освоишь инструменты, которые позволяют делать интерфейсы более красивыми, гибкими и удобными.
Интеграция с Bootstrap
- Адаптивные сетки и элементы интерфейса.
- Создание аккуратной и последовательной визуальной структуры.
Работа с SASS
- Переменные, миксины и вложенность для удобной организации стилей.
- Создание модульных, поддерживаемых CSS‑структур.
Практические проекты
На протяжении курса ты не только изучишь теорию, но и создашь собственные интерфейсы, применяя React в реальных задачах.
Примеры того, что ты создашь
- Интерактивные страницы с динамическими элементами.
- Приложения с формами, фильтрацией и обработкой данных.
- Компоненты, которые легко масштабируются и модифицируются.
Кому подойдет этот курс
Курс будет полезен:
- Начинающим разработчикам, которые хотят быстро войти в мир фронтенда.
- Тем, кто уже знаком с JavaScript и хочет перейти на следующий уровень.
- Дизайнерам и верстальщикам, стремящимся создавать более интерактивные интерфейсы.
Результаты обучения
После завершения курса ты уверенно будешь использовать React.js, разрабатывать современные UI, интегрировать внешние библиотеки и создавать интерфейсы, которые будут радовать пользователей своей скоростью и удобством.
- Урок 1.00:14:25Setting Up our Foundation Project
- Урок 2.00:08:11Setting up Webpack and WebPack-Dev-Server
- Урок 3.00:07:20Bootstrapping our HTML
- Урок 4.00:05:20Hot Reloading with WebPack-Dev-Server
- Урок 5.00:10:46Adding Support for ES6 and JSX with Babel
- Урок 6.00:13:37Building our First JSX React Component
- Урок 7.00:07:19Creating an ES6 React Component
- Урок 8.00:10:14Building a Reusable Bootstrap React Button
- Урок 9.00:04:04Creating Dynamic JSX Tags
- Урок 10.00:04:55Understanding JSX Spread in Depth
- Урок 11.00:07:33Adding Features to Our Button Component
- Урок 12.00:03:04Making Disabled Tags Work
- Урок 13.00:04:55Creating Reusable Utilities
- Урок 14.00:05:26Creating the Jumbotron Component
- Урок 15.00:09:25Building a Reusable Container Class
- Урок 16.00:04:23Removing Unknown Props from HTML
- Урок 17.00:05:14Completing Our Jumbotron with a Dynamic Fluid Child
- Урок 18.00:10:07Dynamically building CSS files with Webpack
- Урок 19.00:05:48Creating SASS Variables
- Урок 20.00:11:34Importing SCSS Files with Webpack
- Урок 21.00:07:36Introducing SCSS Mixins
- Урок 22.00:06:29Animating in React with Add-ons
- Урок 23.00:03:28Choosing Between Children and Props
- Урок 24.00:04:56Working with Events in React
- Урок 25.00:03:38Understanding How State Works
- Урок 26.00:04:23Animating Children with ReactCSSTransitionGroup
- Урок 27.00:07:37Leaving Animations with SASS Nesting
Автор - packtpub
Комментарии