Фильтр работает без готового решения
Возьмите массив карточек и добавьте поиск по названию вместе с фильтром категории. Сначала напишите чистую функцию, затем свяжите результат с DOM. Проверьте пустую строку и отсутствие совпадений.
JavaScript · JavaScript + React · на русском
Полный курс по JavaScript + React - с нуля до результата
Обзор курса Ивана Петриченко
Курс Ивана Петриченко для последовательного входа во frontend: сначала JavaScript и работа браузера, затем React и управление состоянием. Здесь можно пройти путь от функции и события кнопки до интерфейса с формами и загрузкой данных. Общие 66 часов включают оба направления, поэтому программу лучше делить на этапы, а не торопиться к React через непройденную языковую базу.
RusUdemyПомогаем оформить выбранный курс в личном аккаунте Udemy — без общих аккаунтов и предоплаты.Подробнее- 4,818 444 оценки на Udemy
- 50 740студентов на Udemy
- 66 ч 29 минвидео · 226 лекций
- RUрусский язык объяснения
JavaScript + ReactИван Петриченко · русский язык · обновление ноябрь 2025
Перед началом
Подойдёт ли вам этот курс JavaScript
Кому подойдёт
Новичкам с интересом к frontend и верстальщикам, которым нужно связать JavaScript с приложениями на React.
Что знать до старта
JavaScript изучается с нуля. Базовые HTML и CSS помогут повторять интерфейсы; важно писать код, а не только смотреть видео.
Что сможете сделать
Интерактивный сайт на JavaScript и учебные React-приложения с формами и состоянием.
Учесть при выборе
66 часов — вся программа, включая React и бонусный проект. Встречаются Create React App и старые инструменты: настройку нового проекта сверяйте с документацией.
До выбора — открытый урок
JavaScript + React Петриченко: когда удобен один большой курс
Такой формат помогает сохранить связь между языком и библиотекой. Обработчик события, преобразование массива или ожидание ответа сервера сначала имеют смысл сами по себе, а затем применяются внутри React-компонента. Если JavaScript уже уверенный, просмотрите план и открытые занятия: целый вводный блок может быть лишним. Если же вы пока не можете без подсказки отфильтровать массив объектов и обработать форму, начинать с основ разумнее, чем запоминать хуки изолированно.
Обратите внимание: 66 часов — вся программа, включая React и бонусный проект. Встречаются Create React App и старые инструменты: настройку нового проекта сверяйте с документацией.
Советы редакции · дополнение к урокам
Как проверить JavaScript и React после уроков
Запрос имеет не только счастливый путь
У формы должны быть состояния отправки, успеха и ошибки. Отключите сеть и нажмите кнопку дважды: пользователь должен понимать, что произошло, а повторное действие не должно создавать случайные дубликаты.
Переход на React объясним
Перенесите знакомый список из DOM в компоненты. Опишите, где находится состояние, какие данные вычисляются и что передаётся через props. Не сохраняйте отдельно то, что можно получить из исходного массива.
Проект запускается вне вашего редактора
Клонируйте свой репозиторий в другую папку и запустите по README. Проверьте зависимости, сборку и ссылки после публикации. Это выявляет пропущенные файлы лучше, чем ещё один просмотр урока.
66 ч 29 мин видео · 226 лекцийСверить программу на Udemy
Программа JavaScript + React: от DOM к компонентам и Redux
В публичной программе 226 лекций и 11 разделов. Ниже сгруппированы основные темы; JavaScript, React и бонусный проект входят в общее время 66 часов 29 минут.
На дату проверки в карточке Udemy: 11 разделов, 226 лекций, 66 ч 29 мин видео. Это объём записей, а не срок освоения JavaScript. Самостоятельная практика потребует дополнительного времени; темы ниже сгруппированы редакцией, точное оглавление опубликовано на Udemy.
Закончите один собственный интерфейс и составьте список того, что пока не получается без подсказки. Практику JavaScript выбирайте для языковых пробелов, отдельный React — для более глубокого изучения интерфейсов, а не автоматически после последнего видео.
- 01
Типы, условия, циклы и функции
- 02
Объекты, массивы, замыкания и отладка
- 03
DOM, события, формы и интерактивный сайт
- 04
Промисы, Fetch API и async/await
- 05
Модули, npm, сборка и Git
- 06
React: компоненты, props, state и формы
- 07
Хуки и работа React с данными
- 08
Redux и бонусный проект на JavaScript
Когда программа вам подходитВы выбираете курс. RusUdemy помогает с оформлением.
Отправьте ссылку на JavaScript + React с нуля. Уточним текущую стоимость и поможем оформить выбранный курс в вашем личном аккаунте Udemy. Материалы и прогресс будут у вас.
01
Курс в Вашем аккаунте
Курс появляется в вашей личной библиотеке на Udemy. Никаких пиратских копий, общих аккаунтов или «серых» схем.
02
Без предоплаты
Вы оплачиваете покупку только после того, как курс появился в вашем аккаунте Udemy.
03
Покупка за 10 минут
Обычно от первого сообщения до появления курса в аккаунте проходит около 10 минут.
04
Живой человек, не бот
В Telegram отвечает живой человек: можно задать вопрос и получить качественную поддержку по покупке.
Сначала согласуем условия. Общих аккаунтов и предоплаты нет.
Опыт работы с сервисом
Отзывы клиентов RusUdemy
купил на Udemy курс по Spring AI от Борисова, буквально за 5 минут все прошло. четко и быстро, вернусь!
Отзыв от:
Оплата прошла быстро, рекомендую.
Отзыв от:
быстро отвечают, все качественно, рекомендую
Отзыв от:
Купил курс по питону. Все прошло быстро и без обмана
Отзыв от:
Ещё + 2 курса в копилку знаний.
Огромная благодарность Михаилу за чудесную возможность получать знания!
Огромная благодарность Михаилу за чудесную возможность получать знания!
Отзыв от:
Все отлично, оперативно, рекомендую!
Отзыв от:
Ответы перед стартом