webformyself
Webformyself - универсальная русскоязычная площадка, которая делает годные курсы по нескольким направлениям, от фреймворков и верстки до SEO...
Продолжительность
14 ч 41 мин
Категория
React.jsКоличество уроков
115 Видео
Дата добавления
27 сент. 2018 г., 04:59
Язык
Русский
Дата выхода
27 сент. 2018 г., 07:32
Дата обновления
29 апр. 2026 г., 01:13
Хотите освоить востребанную профессию Frontend‑разработчика и создавать современные быстрые веб‑приложения? Этот курс поможет вам уверенно войти в профессию, изучив ReactJS — одну из самых популярных и перспективных технологий в мире разработки интерфейсов. Вы получите структурированные знания, актуальные практики и опыт создания реального SPA‑приложения с нуля под руководством опытного наставника.
Кому подойдет курс
Для тех, кто делает первые шаги во Frontend
Вы получите системное обучение современным инструментам разработки и поддержку наставника, чтобы без лишних сложностей освоить React и начать создавать реальные приложения.
Для опытных разработчиков
Если вам важно оставаться в тренде и повышать конкурентоспособность, React позволит значительно расширить ваш технологический стек и увеличить стоимость вашей работы.
Для фрилансеров
React поможет вам брать более сложные и высокооплачиваемые заказы, а курс — быстрее освоить технологию с минимальными затратами времени.
Для тех, кто хочет работать в веб‑студии
SPA‑приложения — тренд ближайших лет. Владение React делает вас сильным кандидатом на позицию Frontend‑разработчика.
Для тех, кто боится устаревших знаний
React остается лидером уже много лет и продолжает активно развиваться. Это инвестиция в долгосрочную актуальность ваших навыков.
Почему React — отличный выбор
Высокая скорость благодаря виртуальному DOM
React использует легковесную копию DOM, что делает рендеринг значительно быстрее и оптимизирует производительность приложения.
Компонентный подход
Создавайте независимые, легко переиспользуемые компоненты, из которых быстро собираются сложные интерфейсы.
SEO‑дружелюбность
Благодаря серверному рендерингу React-приложения лучше индексируются поисковыми системами.
Создание веб и мобильных приложений
React Native позволяет использовать часть кода повторно и создавать мобильные приложения для iOS и Android.
Что включает курс
- Фундаментальная теория. Полный набор знаний о React, упорядоченный и объясненный доступным языком.
- Практика с нуля. Вы создадите современное приложение, используя актуальные технологии.
- Современный стек. Работа с Firebase, Material Design и подходами, применяемыми в продакшене.
- Реальные сценарии. Примеры из практики профессионального Frontend‑разработчика.
- Пожизненный доступ. Все материалы остаются у вас навсегда.
Чему вы научитесь
- Разрабатывать реальные SPA‑приложения. Вы создадите полноценный проект с нуля.
- Создавать мобильные приложения. Освоите подходы React Native.
- Участвовать в стартапах. Получите навыки разработки современных сервисов.
- Полный цикл Frontend‑разработки. Работа с данными, оптимизацией, тестированием, авторизацией и адаптивностью.
Итоговый проект
В рамках курса вы создадите полноценное SPA‑приложение для прохождения тестов. Оно включает:
- административную часть с созданием тестов, вопросов и вариантов ответов;
- пользовательскую часть для прохождения тестов;
- авторизацию и защиту страниц;
- динамические интерфейсы и работу с сервером.
Используемые технологии и навыки
Вы на практике освоите ключевые инструменты современной Frontend‑разработки:
- Создание статических и динамических страниц
- Работу с асинхронным кодом и сервером
- Валидацию форм
- Переиспользуемые компоненты
- Higher‑order components
- Роутинг, редиректы, мультистраничность
- Авторизацию и защиту маршрутов
- Написание стилей без библиотек
- Redux и переписывание приложения на нём
- Работу с Firebase
- Урок 1.00:05:40Что такое React
- Урок 2.00:06:09Как работает React
- Урок 3.00:15:45Что такое компоненты
- Урок 4.00:08:27Create React App
- Урок 5.00:13:55Обзор приложения
- Урок 6.00:10:14Как работает JSX
- Урок 7.00:03:46Ограничения
- Урок 8.00:05:34Inline-стили
- Урок 9.00:08:28Создание простого компонента
- Урок 10.00:04:54Вывод динамических данных
- Урок 11.00:05:25Передача параметров
- Урок 12.00:03:55Передача контента
- Урок 13.00:07:26Создание State
- Урок 14.00:07:03Добавление событий
- Урок 15.00:06:08Изменение State
- Урок 16.00:09:51Передача параметров в функцию
- Урок 17.00:04:06Обработка Input
- Урок 18.00:08:52Работа со списком
- Урок 19.00:08:45Работа с условными операторами
- Урок 20.00:18:03Динамические списки
- Урок 21.00:04:08Inline-стили
- Урок 22.00:03:16Подключение CSS
- Урок 23.00:07:02Динамические классы
- Урок 24.00:08:48Radium
- Урок 25.00:09:57CSS-модули
- Урок 26.00:07:45Препроцессоры
- Урок 27.00:03:17Передача параметров в компонент
- Урок 28.00:02:59Инициализация State
- Урок 29.00:05:51Базовый жизненный цикл
- Урок 30.00:04:22Создание Stateful компонента
- Урок 31.00:10:57Жизненный цикл изменения
- Урок 32.00:01:54Жизненный цикл удаления
- Урок 33.00:06:16Жизненные циклы React 16.3+
- Урок 34.00:08:16ErrorBoundary
- Урок 35.00:09:05Фрагменты. Часть 1
- Урок 36.00:05:00Фрагменты. Часть 2
- Урок 37.00:02:29Правильное изменение State
- Урок 38.00:11:19Введение в компоненты высшего порядка
- Урок 39.00:07:55Валидация параметров с PropTypes
- Урок 40.00:09:05Референции
- Урок 41.00:10:05Context API
- Урок 42.00:04:07Создание проекта
- Урок 43.00:05:22Создание Layout
- Урок 44.00:03:09Подключение CSS-модулей
- Урок 45.00:07:37Создание главной страницы
- Урок 46.00:07:40Компонент активного вопроса
- Урок 47.00:11:25Список вопросов
- Урок 48.00:08:50Обработка клика
- Урок 49.00:05:13Изменение вопроса
- Урок 50.00:11:37Отображение состояния ответа
- Урок 51.00:02:18Проверка правильности
- Урок 52.00:10:53Вывод результатов
- Урок 53.00:16:00Вычисление результатов
- Урок 54.00:09:04Компонент кнопки
- Урок 55.00:08:06Кнопка переключения меню
- Урок 56.00:09:54Реализация меню
- Урок 57.00:06:05Компонент затемнения
- Урок 58.00:04:26Установка и настройка
- Урок 59.00:04:31Регистрация роута
- Урок 60.00:02:39Роутинг и компоненты
- Урок 61.00:02:48Навигация между страницами
- Урок 62.00:06:11Параметры ссылки
- Урок 63.00:06:21Программная навигация
- Урок 64.00:02:44Роутинг и функциональные компоненты
- Урок 65.00:04:53Динамические роуты
- Урок 66.00:03:44Редирект и ошибка 404
- Урок 67.00:03:49Защита роутов
- Урок 68.00:02:01Настройка роутера
- Урок 69.00:06:19Создание страниц
- Урок 70.00:05:33Навигация
- Урок 71.00:08:52Страница списка
- Урок 72.00:02:12Ссылка через кастомный компонент
- Урок 73.00:08:11Страница авторизации
- Урок 74.00:13:47Компонент текстового поля
- Урок 75.00:12:13Валидация. Часть 1
- Урок 76.00:14:11Валидация. Часть 2
- Урок 77.00:03:36Валидация формы
- Урок 78.00:08:08Создание тестов
- Урок 79.00:17:15Создание контролов
- Урок 80.00:09:56Создание компонента Select
- Урок 81.00:08:27Изменение контролов
- Урок 82.00:06:32Добавление вопроса
- Урок 83.00:08:27Настройка проекта
- Урок 84.00:08:35Создание теста
- Урок 85.00:06:59Загрузка списка тестов
- Урок 86.00:06:29Компонент прогресса загрузки
- Урок 87.00:08:05Загрузка теста
- Урок 88.00:08:46Авторизация
- Урок 89.00:01:40Введение
- Урок 90.00:16:19Как работает Redux
- Урок 91.00:06:59React и Redux
- Урок 92.00:06:07Подключение компонента
- Урок 93.00:07:15Изменение State
- Урок 94.00:04:36Передача параметров
- Урок 95.00:12:17Объединение редюсеров
- Урок 96.00:06:11Как работает Middleware
- Урок 97.00:07:21Что такое Action Creator
- Урок 98.00:05:47Асинхронное изменение State
- Урок 99.00:07:18Devtoolse
- Урок 100.00:06:03Настройка приложения
- Урок 101.00:16:12Список тестов
- Урок 102.00:15:18Страница теста. Часть 1
- Урок 103.00:17:17Страница теста. Часть 2
- Урок 104.00:15:58Страница создания тестов
- Урок 105.00:16:26Авторизация
- Урок 106.00:14:29Пункты меню
- Урок 107.00:05:23Автологин в систему
- Урок 108.00:06:47Деплой в Firebase
- Урок 109.00:03:18Настройка приложения
- Урок 110.00:03:33Настройка теста
- Урок 111.00:08:41Создание тестов
- Урок 112.00:09:04Функции высшего порядка
- Урок 113.00:04:17Создание приложения
- Урок 114.00:05:06Оптимизация приложения
- Урок 115.00:05:22Оптимизация с Higher Order Components
Автор - webformyself
Комментарии
wanaj62773Чел конечно классно объясняет, но иногда просто пиздец. Курс на самом деле растянут очень сильно. Можно было уложиться в гораздо меньший объем уроков. Но для тех, кто с нуля начинает, будет идеально. (А вообще vue намного лучше)
vivante.desВидео отсутствует.- vivante.desНу... Почему тут одно вступительное видео на 5 минут....
A13Class !
Evgenii190В некоторых случаях не очень хорошо объяснил
IGZ Evgenii190казнить его!