20 Web Projects With Vanilla JavaScript (Udemy.com)

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

( 312 Reviews )

Created by: Brad Traversy

Produced in 2021

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

Quality Score

Content Quality

Video Quality

Qualified Instructor

Course Pace

Course Depth & Coverage

Overall Score : 98 / 100

Course 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 FundamentalsDOM Selection & ManipulationJavaScript Events (Forms, buttons, scrolling, etc)Fetch API & JSONHTML5 CanvasThe Audio & Video APIDrag & DropWeb Speech API (Syth & Recognition)Working with Local StorageHigh Order Array Methods - forEach, map, filter, reduce, sortsetTimout, setIntervalArrow Functionsand More!!
Who this course is for:
Anyone that wants to build some fun and easy to intermediate projects

Time: 16h

Instructor Details

Brad Traversy

4.9 Rating
312 Reviews

Brad Traversy has beenprogramming 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.

Modern JavaScript From The Beginning (2018)
4.8 (469 Reviews)

- Provider: Udemy
- Time: 40h 30m

$11.99

Modern HTML & CSS From The Beginning (Including Sass)

Modern HTML & CSS From The Beginning (Including Sass) (2021)
4.8 (412 Reviews)

- Provider: Udemy
- Time: 21h

$11.99

Angular Front To Back (2018)
4.7 (362 Reviews)

- Provider: Udemy
- Time: 11.5h

$11.99

React Front To Back (2021)
4.6 (362 Reviews)

- Provider: Udemy
- Time: 14h

$11.99

Materialize CSS From Scratch With 5 Projects

Materialize CSS From Scratch With 5 Projects (2018)
4.8 (361 Reviews)

- Provider: Udemy
- Time: 10.5h

$11.99

Python Django Dev To Deployment (2018)
4.7 (361 Reviews)

- Provider: Udemy
- Time: 11h

$11.99

All courses by Brad Traversy

More javascript courses

Introduction to HTML5 (2019)
5.0 (947 Reviews)

- Provider: Coursera
- Time: 3.5h

Free

Functional Programming Principles in Scala

Functional Programming Principles in Scala
5.0 (857 Reviews)

- Provider: Coursera
- Time: 10h

Free

Introduction to CSS3
5.0 (552 Reviews)

- Provider: Coursera
- Time: 3.5h

Free

Front-End Web UI Frameworks and Tools
5.0 (472 Reviews)

- Provider: Coursera
- Time: 15h

Free

Learn and Understand AngularJS (2021)
5.0 (77 Reviews)

- Provider: Udemy

$11.99

Programming with JavaScript (2018)
5.0 (21 Reviews)

- Provider: Udemy
- Time: 21h

$11.99

All javascript courses

Reviews

4.9

312 total reviews

5 star 4 star 3 star 2 star 1 star

Write a Review

By Giovanni Zamberlucchi on 12/27/2020

Great course! Very detailled explaination, beginner friendly, learn to use plugin and shortcut to be more productive. Also, i'm French and the accent is very understable for non-native speaker.
Many txs

By Luis Alejandro Dvila Ramos on 12/20/2020

It's nice

By Andrew Stevens on 12/20/2020

Easy to understand him, his genuinely calm natured character helps to learn what he's teaching!

By Thomas Neilson on 12/20/2020

Great if you're still a beginner/intermediate at JavaScript, but you can't think of some short projects to help implement what you've learned. And good for picking up some new tricks in JS.

By Ramon Pereira on 12/20/2020