20 Web Projects With Vanilla JavaScript Free Video Course

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

20 Web Projects With Vanilla JavaScript

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()

6: Menu Slider & Modal | DOM & CSS:

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

This image has an empty alt attribute; its file name is How-to-free-courses-on-telegram.jpg

Wait 15 Second For Download This File For Free

howtofree download online free tutorials 1

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

Leave a Reply

Your email address will not be published. Required fields are marked *

Share This

Share This

Share this post with your friends!