Разделите данные и отображение
Повторите небольшое игровое упражнение, затем измените его правила. Определите минимальное состояние, вычисляемые значения и props. Изменение логики не должно требовать копирования всего компонента.
React · английская озвучка
The Modern React Bootcamp (Hooks, Context, NextJS, Router)
Программа, практика и требования
Проектный React Bootcamp Колта Стила: компоненты, состояние, формы, маршрутизация, Hooks и Context. В программе много небольших игр и большой проект палитр. Последнее обновление — апрель 2023 года, поэтому её нужно выбирать с пониманием старых инструментов, классовых компонентов и ограничений окружения.
RusUdemyПомогаем оформить выбранный курс в личном аккаунте Udemy — без общих аккаунтов и предоплаты.Подробнее- 4,68 368 оценок на Udemy
- 45 512студентов на Udemy
- 38 ч 48 минвидео · 314 лекций
- ENанглийская речь преподавателя
Практика React в версии курсаАнглийский язык · обновление апрель 2023
Перед началом
Подойдёт ли вам этот курс
Кому подойдёт
Тем, кто хочет разбирать учебные React-приложения и умеет учитывать возраст используемого окружения.
Что знать до старта
Нужен опыт HTML, CSS и JavaScript. Отдельные новые возможности JavaScript объясняются по ходу курса.
Что сможете сделать
Pokedex, Hangman, Lights Out, Yahtzee, Dad Jokes и большой проект палитр цветов.
Учесть при выборе
Последнее обновление — апрель 2023 года. В программе есть Create React App, классовые lifecycle-методы и старые интеграции; это не обзор последних React и Next.js.
Содержание и открытый урок
Много практики React, но с чёткой поправкой на версию
Курс учит связывать состояние приложения и интерфейс через последовательность проектов. Pokedex, Hangman, Lights Out и Yahtzee дают небольшие задачи с понятным поведением; Dad Jokes добавляет запросы, а большой Color App — более сложную организацию интерфейса. В начале и середине программы заметное место занимают классовые компоненты и lifecycle-методы, позже идут Hooks, Context и useReducer. Такой состав может быть полезен для чтения старого кода и закрепления принципов React. Он не равнозначен курсу последних React и Next.js. В оглавлении присутствуют Create React App, JSS и withStyles; при повторении потребуется отдельно проверять версии зависимостей и способы запуска.
Перед стартом оцените открытый урок и подготовьте инструменты. Последнее обновление — апрель 2023 года. В программе есть Create React App, классовые lifecycle-методы и старые интеграции; это не обзор последних React и Next.js.
Самопроверка · редакционные задания
Самопроверка: объяснить состояние и поведение интерфейса
Эти упражнения предложены редакцией RusUdemy для самостоятельной проверки навыков. Они не являются дополнительными уроками преподавателя и не предполагают проверку работ автором.
Проверьте форму целиком
Добавьте форму с валидацией, пустым состоянием и очисткой после успешного действия. Проверьте ввод с клавиатуры и ошибочные значения. Свяжите сообщения об ошибке с тем, что пользователь действительно может исправить.
Сравните класс и Hooks
Возьмите небольшой знакомый компонент и выразите ту же задачу двумя способами. Отдельно разберите обновление состояния и побочный эффект. Не переносите lifecycle-код механически без понимания поведения.
Зафиксируйте версии проекта
Сохраните версии зависимостей и команду запуска учебного Color App. Перед обновлением одной библиотеки найдите используемые API и проверьте основные сценарии. Это помогает отличить ошибку логики от несовместимости окружения.
38 ч 48 мин видео · 314 лекцийСверить программу на Udemy
39 разделов: игры, Color App, Hooks и Context
314 лекций и 38 часов 48 минут видео. Программа включает JSX, props, state, события, формы, lifecycle, работу с API, React Router, несколько разделов Color App, Hooks, Context, useReducer, вводный Next.js и мини-курс Webpack. Конкретная современная версия Router или Next.js в проверенном плане не заявлена. Для старта нужны HTML, CSS и JavaScript.
На дату проверки в открытых данных Udemy: 39 разделов, 314 лекций, 38 ч 48 мин видео. На установку инструментов, самостоятельную практику и разбор ошибок потребуется дополнительное время. Темы ниже сгруппированы редакцией; перед выбором сверяйте доступное оглавление на Udemy.
Начните с одного небольшого проекта, который можно проверить вручную. Зафиксируйте окружение, объясните каждое обновление состояния и только затем переходите к большому Color App.
- 01
JSX, props, состояние и первые игровые упражнения
- 02
События, формы, Todo List и Yahtzee
- 03
Lifecycle-методы, запросы и Dad Jokes
- 04
React Router и маршрутизация учебных приложений
- 05
Большой проект палитр с JSS и withStyles
- 06
Hooks, Context и useReducer
- 07
Вводный Next.js, получение данных и мини-курс Webpack
Оригинал курса — на английском
Понимать решение важнее дословного перевода.
Откройте бесплатный фрагмент и объясните своими словами, что делает пример и зачем нужен каждый шаг. Смотрите небольшими частями, ведите словарь терминов и повторяйте показанные действия самостоятельно. Перевод помогает понимать речь, но проверка результата всё равно остаётся частью практики.
Как проходить курсы Udemy на английскомАнглийская озвучка. Доступные субтитры и автоматический перевод проверяйте в плеере Udemy; русская озвучка не заявлена.
Когда программа подходит вашей задачеВы выбираете обучение. RusUdemy помогает с оформлением.
Пришлите ссылку на выбранный курс. Уточним текущую стоимость и поможем оформить его в вашем личном аккаунте Udemy. Материалы и прогресс останутся у вас.
01
Курс в Вашем аккаунте
Курс появляется в вашей личной библиотеке на Udemy. Никаких пиратских копий, общих аккаунтов или «серых» схем.
02
Без предоплаты
Вы оплачиваете покупку только после того, как курс появился в вашем аккаунте Udemy.
03
Покупка за 10 минут
Обычно от первого сообщения до появления курса в аккаунте проходит около 10 минут.
04
Живой человек, не бот
В Telegram отвечает живой человек: можно задать вопрос и получить качественную поддержку по покупке.
Сначала согласуем курс и условия. Оплата после появления курса в аккаунте.
Опыт работы с сервисом
Отзывы клиентов RusUdemy
Оперативно подошли к покупке курса. Очень доволен. Большое спасибо.
Отзыв от:
Купил курс по программированию. Михаил, спасибо за помощь с созданием нового аккаунта, быстроту ответа и оформления курса. Хороший сервис
Отзыв от:
Купил курс по программированию. Михаил, спасибо за помощь с созданием нового аккаунта, быстроту ответа и оформления курса. Хороший сервис
Отзыв от:
Спасибо Михаилу за помощь! Все получилось быстро и легко!
Отзыв от:
Помогли с приобретением курса за 5 мин. Буду обращаться ещё. Михаилу респект!
Отзыв от:
Прекрасный сервис, буквально за пару минут купил курс. Всем советую
Отзыв от:
Ответы перед стартом