16.1K ·GitHub
Что это такое?
Коллекция из 20+ мини-проектов (проверка форм, бронирование мест в кинотеатре, музыкальный плеер, игра Breakout и др.), написанных на чистом HTML5, CSS и JavaScript в рамках курса Udemy.
Это фреймворк или библиотека?
Ни то, ни другое. Это набор отдельных примеров приложений и игр, каждый в своей папке, без фреймворков и библиотек.
Как запустить один из проектов?
Клонируйте репозиторий и откройте файл index.html в папке любого проекта в браузере: каждый проект состоит из чистых HTML, CSS и JS и не требует этапа сборки.
Нужны ли мне Node, сборщик или какие-то библиотеки?
Нет. Весь смысл курса в том, чтобы создавать эти проекты только на чистом JavaScript, поэтому пакеты npm, фреймворки и инструменты сборки не нужны.
Для кого этот курс?
Для начинающих и тех, кто уже немного знает JavaScript и хочет на практике освоить типичные элементы интерфейсов (работа с DOM, формы, игры, медиаплееры) без использования фреймворков.
Какие темы охватывают 20 проектов?
От проверки форм, бронирования мест в кинотеатре, собственного видеоплеера и калькулятора курсов валют до игры «Виселица», игры на запоминание карточек, Breakout, трекера расходов, бесконечной прокрутки и игры на скорость печати. Это широкий набор распространённых паттернов фронтенд-интерфейсов и игр.
Есть ли живые демо для каждого проекта?
Да, в таблице README для каждого из 20+ проектов есть ссылка Live Demo.
Связан ли это с платным курсом?
Да, это сопутствующий репозиторий курса Udemy, и он ведёт прямо на страницу курса. При этом код можно свободно просматривать и клонировать.
What are similar projects?
JavaScript30, 50projects50days, html-css, Web, 30-Days-Of-React, 30-Days-Of-JavaScript, complete-javascript-course, skrollr
Which topics is it in?
vanilla-js, front-end, vanilla-javascript, html5, dom, no-dependencies, examples, course, game, javascript-library, gaming, beginner-friendly