Vanilla JavaScript Free 20+ Web Projects With Video Tutorials

Share Now It's Free!

Vanilla JavaScript free video tutorials, Create 21 mini front-end 20+ projects from scratch with HTML5, CSS3 & JavaScript (No frameworks using or libraries), this is the free video course with source file. download is now best course in the world.

What you will learn in the course:

  • Building 20+ Front-end Projects From Scratch
  • No JS or no any CSS Frameworks
  • Modern JavaScript ES6+ , Arrows, Fetch, Promises, etc
  • DOM Manipulation and Events
  • Animations With CSS and JavaScript
  • Fetch and JSON With 3rd Party API’s
  • Speech API, Audio and Video,HTML5 Canvas

Vanilla JavaScript Free Video Course Content

Vanilla JavaScript Free 20+ Web Projects With Video Tutorials

if you want to learn vanilla JavaScript with video tutorials for free than this course for you, this course for anyone if your beginner or expert. Learn pure vanilla JavaScript with 20+ project !!

1. Form Validator, Intro Project

  • Project HTML5
  • Project CSS3
  • Adding Simple Validation
  • Check Required and Refactor
  • Check Length, Email and Password Match

2. Movie Seat Booking also DOM and Local Storage – Vanilla JavaScript

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

3. Custom Video Player also HTML5 Video API – Vanilla JavaScript

  • HTML Project
  • CSS Project
  • Play, Pause and Stop
  • Video Progress Bar and Timestamp

4. Exchange Rate Calculator also Fetch and JSON Intro – Vanilla JavaScript

  • HTML Project
  • CSS Project
  • A Look at JSON and Fetch
  • Fetch Rates and Update DOM

5. DOM Array Methods | forEach, map, filter, sort, reduce – Vanilla JavaScript

  • 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 also DOM & CSS – Vanilla JavaScript

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

7. Hangman Game also DOM, SVG, Events – Vanilla JavaScript

  • 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 – Vanilla JavaScript

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

9. Expense Tracker also Array Methods and Local Storage – Vanilla JavaScript

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

10. Music Player | HTML5 Audio API – Vanilla JavaScript

  • Project HTML
  • Music Container & Rotate Animation
  • Music Info Styling & Animation
  • Load, Play & Pause Song
  • Next, Prev Song & Progress

11. Infinite Scroll Posts | Fetch, Async/Await, CSS Loader – Vanilla JavaScript

  • Project HTML
  • Project CSS & Loader Animation
  • Get Initial Posts From API
  • Add Infinite Scrolling
  • Filter Fetched Posts

12. Typing Game and DOM, Intervals, Events – Vanilla JavaScript

  • Project HTML
  • Project CSS
  • Word Match & Score
  • Adding The Timer
  • Difficulty Setting

13. Speech Text Reader | Speech Synthesis – Vanilla JavaScript

  • HTML & Output Speech Boxes
  • Project CSS
  • Get Speech Voices
  • Speech Buttons
  • Change Voice & Custom Text Box

14. Memory Cards | CSS Effects, Local Storage – Vanilla JavaScript

  • Project HTML
  • Basic Card Styling
  • Card Rotation & Slide Effect
  • Add Card Container & Form Styling
  • Create Cards & Flip Effect With JS
  • Prev & Next Button Functionality
  • Set & Get Card Data From Local Storage

15. Lyrics Search App | Fetch, Pagination, Lyrics.ovh API – Vanilla JavaScript

  • Project HTML & Header Stying
  • Form Styling
  • Fetching Songs & Artists
  • Update DOM & Add Pagination
  • Get & Display Song Lyrics

16. Relaxer App | CSS Animations, setTimeout – Vanilla JavaScript

  • Creating The Large Circle
  • Creating & Animating The Pointer
  • Breath Animation With JS Trigger

17. Breakout Game | HTML5 Canvas API – Vanilla JavaScript

  • Creating & Styling The Page
  • Canvas Plan Outline
  • Draw Ball, Paddle & Score
  • Creating The Bricks
  • Move Paddle
  • Move Ball & Break Bricks
  • Lose & Reset Game

18. New Year Countdown | DOM, Date & Time – Vanilla JavaScript

  • Landing Page HTML & Styling
  • Create The Countdown
  • Dynamic Year & Spinner

19. Sortable List | Drag & Drop API – Vanilla JavaScript

  • Insert List Items Into DOM
  • Scramble List Items
  • Core CSS
  • Drag & Drop Functionality
  • Check Order

20. Speak Number Guessing Game | Speech Recognition – Vanilla JavaScript

  • Project UI
  • Capture Mic Input
  • Check Guessed Number

Description of the course:

This is a fun, practical and project based video 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. You should have some basic knowledge of HTML/CSS/JS.

These are the main topics which you learn in the course:

  1. Create Layouts & UI’s With HTML/CSS ( No CSS Frameworks )
  2. CSS Animations (Transitions, Keyframes, etc With JS Triggers)
  3. JavaScript Fundamentals
  4. DOM Selection & Manipulation
  5. JavaScript Events (Forms, buttons, scrolling, etc)
  6. Fetch API & JSON
  7. HTML5 Canvas
  8. The Audio & Video API
  9. Drag & Drop
  10. Web Speech API (Syth & Recognition)
  11. Working with Local Storage
  12. High Order Array Methods – forEach, map, filter, reduce, sort
  13. setTimout, setInterval
  14. Arrow Functions or more!

Who is the audience for the course:

  • Who want to learn a to z vanilla JavaScript.
  • Anyone that wants to build best project using VJ!
  • If you have a learning desire!

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

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…

Share Now It's Free!

Leave a Comment

shares