Brochure
Enquire
- Welcome To The Course
- Getting Setup
- The Code
Quick Facts
| particular | details | |||
|---|---|---|---|---|
|
Medium of instructions
English
|
Mode of learning
Self study
|
Mode of Delivery
Video and Text Based
|
Course and certificate fees
Fees information
₹ 4,099
certificate availability
Yes
certificate providing authority
Udemy
The syllabus
Introduction
Form Validator | Intro Project
- Project Intro
- Project HTML
- Project CSS
- Adding Simple Validation
- Check Required & Refactor
- Check Length, Email & Password Match
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
Custom Video Player | HTML5 Video API
- Project Intro
- Project HTML
- Project CSS
- Play, Pause & Stop
- Video Progress Bar & Timestamp
Exchange Rate Calculator | Fetch & JSON Intro
- Project Intro
- Project HTML
- Project CSS
- A Look at JSON & Fetch
- Fetch Rates & Update DOM
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()
Menu Slider & Modal | DOM & CSS
- Project Intro
- Project HTML
- Navbar Styling
- Header & Modal Styling
- Menu & Modal Toggle
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
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
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
Music Player | HTML5 Audio API
- Project Intro
- Project HTML
- Music Container & Rotate Animation
- Music Info Styling & Animation
- Load, Play & Pause Song
- Next, Prev Song & Progress
Infinite Scroll Posts | Fetch, Async/Await, CSS Loader
- Project Intro
- Project HTML
- Project CSS & Loader Animation
- Get Initial Posts From API
- Add Infinite Scrolling
- Filter Fetched Posts
Typing Game | DOM, Intervals, Events
- Project Intro
- Project HTML
- Project CSS
- Word Match & Score
- Adding The Timer
- Difficulty Setting
Speech Text Reader | Speech Synthesis
- Project Intro
- HTML & Output Speech Boxes
- Project CSS
- Get Speech Voices
- Speech Buttons
- Change Voice & Custom Text Box
Memory Cards | CSS Effects, Local Storage
- Project Intro
- 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
Lyrics Search App | Fetch, Pagination, Lyrics.ovh API
- Project Intro
- Project HTML & Header Stying
- Form Styling
- Fetching Songs & Artists
- Update DOM & Add Pagination
- Get & Display Song Lyrics
Relaxer App | CSS Animations, setTimeout
- Project Intro
- Creating The Large Circle
- Creating & Animating The Pointer
- Breath Animation With JS Trigger
Breakout Game | HTML5 Canvas API
- Project Intro
- Creating & Styling The Page
- Canvas Plan Outline
- Draw Ball, Paddle & Score
- Creating The Bricks
- Move Paddle
- Move Ball & Break Bricks
- Lose & Reset Game
New Year Countdown | DOM, Date & Time
- Project Intro
- Landing Page HTML & Styling
- Create The Countdown
- Dynamic Year & Spinner
Sortable List | Drag & Drop API
- Project Intro
- Insert List Items Into DOM
- Scramble List Items
- Core CSS
- Drag & Drop Functionality
- Check Order
Speak Number Guessing Game | Speech Recognition
- Project Intro
- Project UI
- Capture Mic Input
- Check Guessed Number
Instructors
Mr Brad Traversy
instructor
Freelancer
Articles
Popular Articles
prev
next
Latest Articles
prev
next
