When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.

Udemy logo

20 Web Projects With Vanilla JavaScript

Build 20 mini frontend projects from scratch with HTML5, CSS & JavaScript (No frameworks or libraries)

     
  • 4.8
  •  |
  • Reviews ( 7.2K )
₹729

This Course Includes

  • iconudemy
  • icon4.8 (7.2K reviews )
  • icon16h 6m
  • iconenglish
  • iconOnline - Self Paced
  • iconprofessional certificate
  • iconUdemy

About 20 Web Projects With Vanilla JavaScript

This is a

fun, practical & project based course

for all skill levels. The projects in this course are designed to get you building things using HTML5, CSS & JavaScript with no frameworks or libraries. Every project is built from scratch and has some kind of dynamic functionality from small games to an expense tracker to a breathing relax app. Although this is a project based course, I will still be explaining everything as I go. These are mini-projects designed for you to complete in a few hours. You should have some basic knowledge of HTML/CSS/JS. If you are brand new, I would suggest my Modern HTML/CSS From The Beginning and/or my Modern JS From The Beginning courses on Udemy. This course is a mix of both.

Some Things You Will Learn In These Projects:

Create Layouts & UI's With HTML/CSS ( No CSS Frameworks )

CSS Animations (Transitions, Keyframes, etc With JS Triggers)

JavaScript Fundamentals

DOM Selection & Manipulation

JavaScript Events (Forms, buttons, scrolling, etc)

Fetch API & JSON

HTML5 Canvas

The Audio & Video API

Drag & Drop

Web Speech API (Syth & Recognition)

Working with Local Storage

High Order Array Methods - forEach, map, filter, reduce, sort

setTimout, setInterval

Arrow Functions

and More!!

What You Will Learn?

  • Build 20 Frontend Projects From Scratch .
  • No JS or CSS Frameworks .
  • Modern JavaScript (ES6+) - Arrows, Fetch, Promises, etc .
  • DOM Manipulation & Events .
  • Animations With CSS & JavaScript .
  • Fetch & JSON With 3rd Party API's .
  • HTML5 Canvas, Speech API, Audio & Video .
  • Beginner Friendly.