Best Frontend Courses LogoBest Frontend Courses
    • AI
    • Accessibility
    • Algorithms
    • Angular
    • Architecture
    • Astro
    • Auth
    • CSS
    • Firebase
    • Game Development
    • Gatsby
    • Git
    • GraphQL
    • HTML
    • Ionic
    • JavaScript
    • Jotai
    • MobX
    • Native
    • Netlify
    • Next.js
    • Nx
    • Performance
    • Prisma
    • React
    • React Native
    • Redux
    • Remix
    • Rx.js
    • SCSS/Sass
    • SolidJS
    • Storybook
    • Supabase
    • Svelte
    • Tailwind
    • Testing
    • TypeScript
    • Vue.js
    • XState
    • jQuery
    • p5.js
  • Add Course
  • Login

Copyright Š 2025Best Frontend Courses. All rights reserved.

  • Categories
  • Instructors
  • Terms of Service
  • Privacy Policy
  • Feedback
  1. Home
  2. JavaScript
  3. Pure Vanilla JS Projects: Learn By Building 20 Projects
JavaScript
Video

Pure Vanilla JS Projects: Learn By Building 20 Projects

by Brad Traversy
Enroll
đŸ•šī¸ Levels: 🌱 Beginner
âŗ Duration: 16 hours
🤑 Price: $25
🧑‍🎓 Certificate: Yes

🔑 Key Learning Outcomes

  • Build 20 Frontend Projects From Scratch.
  • Understand Modern JavaScript (ES6) - Arrows, Fetch, Promises, etc.
  • Create Animations With CSS & JavaScript.
  • Work with HTML5 Canvas, Speech API, Audio & Video.
  • Perform DOM Manipulation & Events.
  • Fetch & Parse JSON With 3rd Party API's.

👨‍đŸĢ About the Course

This practical course focuses on building 20 frontend projects using HTML5, CSS, and JavaScript without frameworks or libraries. Projects range from games to useful applications like an expense tracker and a relaxation app.

đŸŽ¯ Target Audience

  • Ideal for beginners interested in hands-on project-based learning.
  • Suitable for those looking to strengthen their HTML, CSS, and JavaScript skills through practical applications.

✅ Requirements

  • Basic understanding of HTML, CSS, and JavaScript concepts.
  • No prior experience with frameworks or libraries required.

📖 Course Content

  • Learn to build a Form Validator, Movie Seat Booking, Custom Video Player, Exchange Rate Calculator, Menu Slider & Modal, Hangman Game, Meal Finder, Expense Tracker, Music Player, Infinite Scrolling, Typing Game, Speech Text Reader, Memory Cards, LyricsSearch App, Relaxer App, Breakout Game, New Years Countdown, Number Guessing Game With Speech, and Product Filtering UI.
Update Course

Drop a comment

Pure Vanilla JS Projects: Learn By Building 20 Projects by Brad Traversy

Log in to leave a feedback

Login

👇 Psst! Interested in More JavaScript Courses?

TestingTestingJavaScriptJavaScript

Testing JavaScript
Video

by Kent C. Dodds

đŸ•šī¸ Levels: 😎 Intermediate, 🚀 Advanced

âŗ Duration: 12 hours

🤑 Price: $67-$322

jQueryjQueryJavaScriptJavaScript

Learn jQuery: Effects and Event Handling
WrittenInteractive

đŸ•šī¸ Levels: 😎 Intermediate

âŗ Duration: 1 hours

🤑 Price: Free

🧑‍đŸ’ģ Learning Platform: Codecademy

JavaScriptJavaScript

Introduction to JavaScript
InteractiveWritten

đŸ•šī¸ Levels: 🌱 Beginner

âŗ Duration: 4 hours

🤑 Price: Subscription

🧑‍đŸ’ģ Learning Platform: Codefinity

🔙 Back to JavaScript Category