20 Web Projects With Vanilla JavaScript

Name: 20 Web Projects With Vanilla JavaScript
Rating: 4.7 (6317 reviews)

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

(6,317 ratings)

36,422 students

Created by Brad Traversy

Last updated 1/2020

English

English [Auto]

What you'll 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

Requirements

Basic knowledge in HTML, CSS & JavaScript

Description

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!!

Who this course is for:

Anyone that wants to build some fun and easy to intermediate projects

Featured review

Brandon W.

264 courses

22 reviews

2 years ago

Brad is the best. All of his courses are amazing. I've been coding professionally for four years and use his courses to keep up with the pace of modern web development. My favorite part is how thorough he is and how he doesn't forget about the beginners. I always recommend his courses to my friends that are looking to try development out because I know they will be in good hands.

Brad Traversy

Full Stack Web Developer & Instructor at Traversy Media

4.6 Instructor Rating
151,095 Reviews
415,598 Students
19 Courses

Brad Traversy has been programming for around 12 years and teaching for almost 5 years. He is the owner of Traversy Media which is a successful web development YouTube channel and specializes in everything from HTML5 to front end frameworks like Angular as well as server side technologies like Node.js, PHP and Python. Brad has mastered explaining very complex topics in a simple manner that is very understandable. Invest in your knowledge by watching Brad's courses.