img

20 Web Projects With Vanilla JavaScript

Course Description

  • 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
Level expectations
  • 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)
Content
  • Introduction
  • Form Validator | Intro Project
  • Movie Seat Booking | DOM & Local Storage
  • Custom Video Player | HTML5 Video API
  • Exchange Rate Calculator | Fetch & JSON Intro
  • DOM Array Methods | forEach, map, filter, sort, reduce
  • Menu Slider & Modal | DOM & CSS
  • Hangman Game | DOM, SVG, Events
  • Meal Finder | Fetch & MealDB API
  • Expense Tracker | Array Methods & Local Storage
  • Music Player | HTML5 Audio API
  • Infinite Scroll Posts | Fetch, Async/Await, CSS Loader
  • Typing Game | DOM, Intervals, Events
  • Speech Text Reader | Speech Synthesis
  • Memory Cards | CSS Effects, Local Storage
  • Lyrics Search App | Fetch, Pagination, Lyrics.ovh API
  • Relaxer App | CSS Animations, setTimeout
  • Breakout Game | HTML5 Canvas API
  • New Year Countdown | DOM, Date & Time
  • Speak Number Guessing Game | Speech Recognition
  • Product Filtering UI

Course Curriculum

img

Laila Mansour

Research Associate

I am a web developer with a vast array of knowledge in many different front end and back end languages, responsive frameworks, databases, and best code practices

Reviews

0.0
0 Ratings
5
0
4
0
3
0
2
0
1
0
This Course Fee:

$900.00 $1,000.00

Course includes:
  • img Level
      Beginner Intermediate Expert
  • img Duration 1h
  • img Lessons 0
  • img Quizzes 0
  • img Certifications Yes
  • img Language
      English
Share this course: