Модальное окно доступно без мыши
Проверьте открытие с клавиатуры, закрытие Escape и возврат фокуса на исходную кнопку. Продумайте повторное открытие и состояние прокрутки: визуально красивого появления недостаточно.
JavaScript · Проекты по техническому заданию · на русском
Практический JavaScript (Продвинутый уровень)
Обзор курса Ивана Петриченко
«Практический JavaScript» Ивана Петриченко рассчитан на тех, кто уже знает язык, но пока не умеет уверенно превращать техническое задание в работающий сайт. В центре программы — проекты, поведение интерфейсов и разные способы организации кода. Это не ещё один старт с переменных, а тренировка применения JavaScript к готовой вёрстке и задачам, у которых есть несколько решений.
RusUdemyПомогаем оформить выбранный курс в личном аккаунте Udemy — без общих аккаунтов и предоплаты.Подробнее- 4,81 528 оценок на Udemy
- 8 987студентов на Udemy
- 23 ч 44 минвидео · 65 лекций
- RUрусский язык объяснения
Проекты по техническому заданиюИван Петриченко · русский язык · обновление ноябрь 2024
Перед началом
Подойдёт ли вам этот курс JavaScript
Кому подойдёт
Тем, кто понимает теорию, но теряется перед готовой вёрсткой, техническим заданием и необходимостью собрать поведение целиком.
Что знать до старта
Автор ожидает средние навыки JavaScript ES6+, HTML и CSS. Курс не заменяет первое знакомство с функциями, объектами и событиями.
Что сможете сделать
Три сайта с интерактивными элементами и собственная JavaScript UI-библиотека.
Учесть при выборе
Первый проект частично пересекается с бонусом JavaScript + React того же автора. Проверьте содержание перед покупкой обоих курсов; старую сборку повторяйте с совместимыми версиями.
До выбора — открытый урок
От знания синтаксиса к выполнению технического задания
В проектной работе трудность часто не в незнакомом методе, а в связях между частями сайта. Открытая форма влияет на прокрутку, калькулятор зависит от введённых данных, повторная инициализация может добавить лишний обработчик. Используйте курс как практику самостоятельных решений: прочитайте задачу, попробуйте реализацию, а затем сравните её с объяснением. Так становится видно, где не хватает языка, а где — аккуратной структуры.
Обратите внимание: Первый проект частично пересекается с бонусом JavaScript + React того же автора. Проверьте содержание перед покупкой обоих курсов; старую сборку повторяйте с совместимыми версиями.
Советы редакции · дополнение к урокам
Как усложнить проекты и проверить их качество
Форма переживает сбой сети
Добавьте понятное сообщение об ошибке, сохраните заполненные поля и разрешите повторную отправку. Смена состояния не должна незаметно отправлять одно и то же несколько раз.
UI-компонент выдерживает два экземпляра
Разместите на одной странице два слайдера или набора вкладок. Настройки и события одного экземпляра не должны управлять другим. Проверьте повторную инициализацию и очистку обработчиков.
Изменение задания не ломает весь сайт
Добавьте новое правило в калькулятор и найдите минимальный участок кода для изменения. Отделите вычисление результата от DOM; запишите несколько примеров входных данных и ожидаемых ответов.
23 ч 44 мин видео · 65 лекцийСверить программу на Udemy
Три проекта и собственная JavaScript UI-библиотека
65 лекций, 5 разделов и 23 часа 44 минуты. Проекты позволяют сравнить классическую и объектную организацию кода; отдельный блок посвящён собственной библиотеке интерфейсных элементов.
На дату проверки в карточке Udemy: 5 разделов, 65 лекций, 23 ч 44 мин видео. Это объём записей, а не срок освоения JavaScript. Самостоятельная практика потребует дополнительного времени; темы ниже сгруппированы редакцией, точное оглавление опубликовано на Udemy.
Возьмите небольшое независимое техническое задание и выполните его без видео. Затем проведите ревью на телефоне, с клавиатуры и при плохой сети. Такой цикл лучше покажет готовность к следующему уровню, чем ещё один похожий учебный сайт.
- 01
Проект в классическом стиле: формы, вкладки и модальные окна
- 02
Большой сайт: калькулятор, фильтрация и загрузка данных
- 03
Многостраничный проект с объектной организацией кода
- 04
Создание собственной JavaScript UI-библиотеки
- 05
Дополнительные материалы и доработка проектов
Когда программа вам подходитВы выбираете курс. RusUdemy помогает с оформлением.
Отправьте ссылку на Практический JavaScript. Уточним текущую стоимость и поможем оформить выбранный курс в вашем личном аккаунте Udemy. Материалы и прогресс будут у вас.
01
Курс в Вашем аккаунте
Курс появляется в вашей личной библиотеке на Udemy. Никаких пиратских копий, общих аккаунтов или «серых» схем.
02
Без предоплаты
Вы оплачиваете покупку только после того, как курс появился в вашем аккаунте Udemy.
03
Покупка за 10 минут
Обычно от первого сообщения до появления курса в аккаунте проходит около 10 минут.
04
Живой человек, не бот
В Telegram отвечает живой человек: можно задать вопрос и получить качественную поддержку по покупке.
Сначала согласуем условия. Общих аккаунтов и предоплаты нет.
Опыт работы с сервисом
Отзывы клиентов RusUdemy
купил на Udemy курс по Spring AI от Борисова, буквально за 5 минут все прошло. четко и быстро, вернусь!
Отзыв от:
Оплата прошла быстро, рекомендую.
Отзыв от:
быстро отвечают, все качественно, рекомендую
Отзыв от:
Купил курс по питону. Все прошло быстро и без обмана
Отзыв от:
Ещё + 2 курса в копилку знаний.
Огромная благодарность Михаилу за чудесную возможность получать знания!
Огромная благодарность Михаилу за чудесную возможность получать знания!
Отзыв от:
Все отлично, оперативно, рекомендую!
Отзыв от:
Ответы перед стартом