Home » Development » Web Development » 20 Web Projects With Vanilla JavaScript

20 Web Projects With Vanilla JavaScript

January 19, 2021 Web Development, Development, JavaScript, Udemy CoursesUdemy

Deal Score+2

14

GET NOW

Deal Score+2

GET NOW

20 Web Projects With Vanilla JavaScript

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

Created by Brad Traversy | 16 hours on-demand video course

This is a fun, practical & project based course for all skill levels. The projects in this 20 Web Projects With Vanilla JavaScript 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.

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

Recommended Course by Brad Traversy

Modern JavaScript From The Beginning 2.0 (2024)

Modern JavaScript From The Beginning 2.0 (2024)A 36-hour master course to take you from beginner to advanced …

GET NOW

Read full review

PHP From Scratch 2024 | Beginner To Advanced Best seller

PHP From Scratch 2024 | Beginner To AdvancedLearn PHP fundamentals then build a job listing website from the …

GET NOW

Read full review

70+ JavaScript Challenges: Data Structures & Algorithms

70+ JavaScript Challenges: Data Structures & AlgorithmsBuild better foundational skills as a developer by …

GET NOW

Read full review

Bootstrap 5 From Scratch | Build 5 Modern Websites Best seller

Bootstrap 5 From Scratch | Build 5 Modern WebsitesLearn to customize and build modern websites from scratch …

GET NOW

Read full review

MERN From Scratch 2023 | eCommerce Platform

MERN From Scratch 2023 | eCommerce PlatformJUST UPDATED! Build an eCommerce platform from the ground up with …

GET NOW

Read full review

Tailwind CSS From Scratch | Learn By Building Projects Best seller

Tailwind CSS From Scratch | Learn By Building ProjectsBuild great looking layouts fast and efficiently using …

GET NOW

Read full review

React Front To Back

React Front To BackLearn modern React by building 3 projects. Suitable for all skill levelsCreated by Brad …

GET NOW

Read full review

Next.js Dev to Deployment

Next.js Dev to DeploymentLearn Next.js by building a music event websiteCreated by Brad Traversy | 6.5 …

GET NOW

Read full review

Django with React | An Ecommerce Website

Django with React | An Ecommerce WebsiteBuild an eCommerce platform from the ground up with React, Redux, …

GET NOW

Read full review

50 Projects In 50 Days – HTML, CSS & JavaScript

50 Projects In 50 Days – HTML, CSS & JavaScriptSharpen your skills by building 50 quick, unique & fun …

GET NOW

Read full review

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