16.1K ·GitHub
What is this?
A collection of 20+ mini web projects (form validator, movie seat booking, music player, breakout game, etc.) built with plain HTML5, CSS and JavaScript as part of a Udemy course.
A collection of 20+ mini web projects (form validator, movie seat booking, music player, breakout game, etc.) built with plain HTML5, CSS and JavaScript as part of a Udemy course.Is this a framework or a library?Neither — it's a set of standalone example apps/games, each in its own folder, with no frameworks or libraries used.
Neither — it's a set of standalone example apps/games, each in its own folder, with no frameworks or libraries used.How do I run one of the projects?Clone the repo and open the index.html file of any individual project folder in your browser, since each project is pure HTML/CSS/JS with no build step.
Clone the repo and open the index.html file of any individual project folder in your browser, since each project is pure HTML/CSS/JS with no build step.Do I need Node, a bundler, or any libraries installed?No — the whole point of the course is building these with vanilla JavaScript only, so no npm packages, frameworks, or build tools are required.
No — the whole point of the course is building these with vanilla JavaScript only, so no npm packages, frameworks, or build tools are required.Who is this course for?Beginner to intermediate JavaScript learners who want hands-on practice building real UI patterns (DOM manipulation, forms, games, media players) without relying on any framework.
Beginner to intermediate JavaScript learners who want hands-on practice building real UI patterns (DOM manipulation, forms, games, media players) without relying on any framework.What topics do the 20 projects cover?They range from a form validator, movie seat booking, custom video player and exchange rate calculator to a hangman game, memory cards, breakout game, expense tracker, infinite scrolling and a typing game — a broad spread of common front-end UI and game patterns.
They range from a form validator, movie seat booking, custom video player and exchange rate calculator to a hangman game, memory cards, breakout game, expense tracker, infinite scrolling and a typing game — a broad spread of common front-end UI and game patterns.Are live demos available for each project?Yes, the README table lists a Live Demo link for every one of the 20+ projects.
Yes, the README table lists a Live Demo link for every one of the 20+ projects.Is this tied to a paid course?Yes, it's the companion repo for a Udemy course and links directly to the course page, though the code itself is free to browse and clone.
Yes, it's the companion repo for a Udemy course and links directly to the course page, though the code itself is free to browse and clone.What are similar projects?JavaScript30, 50projects50days, html-css, Web, 30-Days-Of-React, 30-Days-Of-JavaScript, complete-javascript-course, skrollr
JavaScript30, 50projects50days, html-css, Web, 30-Days-Of-React, 30-Days-Of-JavaScript, complete-javascript-course, skrollrWhich topics is it in?vanilla-js, front-end, vanilla-javascript, html5, dom, no-dependencies, examples, course, game, javascript-library, gaming, beginner-friendly
vanilla-js, front-end, vanilla-javascript, html5, dom, no-dependencies, examples, course, game, javascript-library, gaming, beginner-friendly