20 Web Projects With Vanilla JavaScript

20 Web Projects With Vanilla JavaScript Free Video Course Free Download

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

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

Requirements of 20 Web Projects With Vanilla JavaScript:

Basic knowledge in HTML, CSS & JavaScript

Description of 20 Web Projects With Vanilla JavaScript:

This is a fun, useful and venture based course for all ability levels. The ventures in this course are intended to make you assemble things utilizing HTML5, CSS and JavaScript without any systems or libraries. Each venture is worked without any preparation and has some sort of unique usefulness from little games to a cost tracker to a breathing unwind application.

Despite the fact that this is a venture based course, I will at present be clarifying everything as I go. These are smaller than normal ventures intended for you to finish in a couple of hours.

You ought to have some fundamental information on HTML/CSS/JS. In the event that you are shiny new, I would recommend my Modern HTML/CSS From The Beginning as well as my Modern JS From The Beginning seminars on Udemy. This course is a blend of both.

A few Things You Will Learn In These Projects:

Make Layouts and UI’s With HTML/CSS ( No CSS Frameworks )
CSS Animations (Transitions, Keyframes, and so on With JS Triggers)
JavaScript Fundamentals
DOM Selection and Manipulation
JavaScript Events (Forms, catches, looking over, and so on)
Get API and JSON
HTML5 Canvas
The Audio and Video API
Drag and Drop
Web Speech API (Syth and Recognition)
Working with Local Storage
High Order Array Methods – forEach, map, channel, decrease, sort
setTimout, setInterval
Bolt Functions
and then some!!

Who this course is for:

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

Course content of 20 Web Projects With Vanilla JavaScript:

Introduction of 20 Web Projects With Vanilla JavaScript :

Getting Setup
The Code

1: Form Validator | Intro Project:

Project Intro
Project HTML
Project CSS
Adding Simple Validation
Check Required & Refactor
Check Length, Email & Password Match

2: Movie Seat Booking | DOM & Local Storage:

Project Intro
Project HTML
Project CSS
Selecting Movie & Seats From UI
Save Data To Local Storage
Populate UI With Saved Data

3: Custom Video Player | HTML5 Video API:

Project Intro
Project HTML
Project CSS
Play, Pause & Stop
Video Progress Bar & Timestamp

4: Exchange Rate Calculator | Fetch & JSON Intro:

Project Intro
Project HTML
Project CSS
A Look at JSON & Fetch
Fetch Rates & Update DOM

5: DOM Array Methods | forEach, map, filter, sort, reduce:

Project Intro
Project UI
Generate Random Users – Fetch w/ Async/Await
Output Users – forEach() & DOM Methods
Double Money – map()
Sort By Richest – sort()
Show Millionaires – filter()
Calculate Wealth – reduce()

Project Intro
Project HTML
Navbar Styling
Header & Modal Styling
Menu & Modal Toggle

7: Hangman Game | DOM, SVG, Events:

Project Intro
Draw Hangman With SVG
Main Styling
Popup & Notification Styling
Display Words Function
Letter Press Event Handler
Wrong Letters & Play Again

8: Meal Finder | Fetch & MealDB API:

Project Intro
Project HTML & Base CSS
Search & Display Meals From API
Show Single Meal Page
Display Random Meal & Single Meal CSS

9: Expense Tracker | Array Methods & Local Storage:

Project Intro
Project HTML
Project CSS
Show Transaction Items
Display Balance, Income & Expense
Add & Delete Transactions
Persist To Local Storage

Now! 20 Web Projects With Vanilla JavaScript Free Video Course by clicking below download button, If you have a any question so! comment now!..

Wait 15 Second For Download This File For Free

Author: https://www.udemy.com/course/web-projects-with-vanilla-javascript/

if you find any wrong activities so kindly read our DMCA policy also contact us. Thank you for understand us…

5/5 - (1 vote)