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. HTML
  3. 50 Projects In 50 Days: HTML, CSS & JavaScript
HTML / CSS / JavaScript
Video

50 Projects In 50 Days: HTML, CSS & JavaScript

by Brad Traversy
Enroll
🕹ī¸ Levels: 🌱 Beginner, 😎 Intermediate
âŗ Duration: 20 hours
🤑 Price: $25
🧑‍🎓 Certificate: Yes

🔑 Key Learning Outcomes

  • Project-based teaching to sharpen HTML, CSS & JavaScript skills.
  • Modern styling with flexbox, CSS animations, custom properties, etc.
  • Understanding DOM manipulation, events, array methods, HTTP requests & more.
  • Suitable for both beginners & intermediate front-end developers.
  • Everything is open-source for personal portfolio use.

👨‍đŸĢ About the Course

This project-based course focuses on creating 50 mini projects in HTML, CSS & JavaScript related to the DOM (Document Object Model). Geared towards beginners, it also caters to intermediate developers looking to enhance their skills in a practical manner.

đŸŽ¯ Target Audience

  • Ideal for beginners and intermediate front-end developers looking to enhance their HTML, CSS, and JavaScript skills through practical projects.

✅ Requirements

  • Basic understanding of HTML, CSS, and JavaScript concepts.
  • No prior experience with project-based learning required.

📖 Course Content

  • Explore project-based learning through 50 mini projects covering topics like Expanding Cards, Rotating Navigation Animation, Form Input Wave, Animated Navigation, Movie App, Quiz App, Todo List, and more.
Update Course

Drop a comment

50 Projects In 50 Days: HTML, CSS & JavaScript by Brad Traversy

Log in to leave a feedback

Login

👇 Psst! Interested in More HTML Courses?

HTMLHTML

Learn HTML: Forms
WrittenInteractive

🕹ī¸ Levels: 🌱 Beginner

âŗ Duration: 2 hours

🤑 Price: Free

🧑‍đŸ’ģ Learning Platform: Codecademy

HTMLHTML

Learn HTML: Fundamentals
WrittenInteractive

by Zoe Bachman

🕹ī¸ Levels: 🌱 Beginner

âŗ Duration: 3 hours

🤑 Price: Free

🧑‍đŸ’ģ Learning Platform: Codecademy

HTMLHTML

HTML Email Development, v2
Video

by Jason Lengstorf

🕹ī¸ Levels: 🌱 Beginner, 😎 Intermediate

âŗ Duration: 4 hours

🤑 Price: Subscription

🧑‍đŸ’ģ Learning Platform: Frontend Masters

🔙 Back to HTML Category