JavaScript Web Projects: 20 Projects to Build Your Portfolio

20 участников

О чём курс

Двадцать полноценных веб-проектов, которые помогут сформировать портфолио для трудоустройства или фриланса, не тратя время на теорию без практики. Вы пройдете путь от простого генератора цитат до сложных интерактивных приложений вроде клонов MS Paint и Pong на HTML Canvas. Внутри разбирается работа с современными веб-API: Fetch API для асинхронных запросов, LocalStorage для сохранения данных, а также управление DOM и современными CSS-анимациями. Обучение построено вокруг создания рабочих инструментов, таких как музыкальные и видеоплееры, калькуляторы и приложения с поддержкой светлой/темной темы. Материал подойдет тем, у кого уже есть базовое понимание HTML, CSS и JavaScript, но не хватает опыта в сборке законченных проектов.

Программа обучения

  • Spock Rock Game (Confetti.js, Модули)
  • Генератор цитат (API, CORS, Fetch)
  • Картинка в картинке (API захвата экрана)
  • Приложение «Закладки» (DOM, localStorage)
  • NASA APOD (NASA API, Fetch, Async/Await)
  • Анимированная навигация (CSS-анимация)
  • Бесконечная прокрутка (Unsplash API, прослушиватель событий)
  • Приложение обратного отсчета (работа с датами)
  • Музыкальный проигрыватель (HTML5 Audio API)
  • Калькулятор (математические методы)
  • Страница-заставка (основы DOM)
  • Светлый/Темный режим (DOM, localStorage)
  • Проверка формы (валидация DOM)
  • Joke Teller (Joke API, Text-to-Speech)
  • Видеоплеер (HTML5 Video API)
  • MS Paint Clone (Advanced HTML Canvas)
  • Pong Clone (Advanced HTML Canvas)
  • Математический спринт (SetInterval, методы массивов)
  • Анимированный шаблон (AOS.js)
  • Перетаскивание (Drag and Drop API)
Складчина создана 21 октября 2020 г. · описание обновлено 23 марта 2026 г.
178 ₽ 1 050 ₽