50 Projects In 50 Days - HTML, CSS & JavaScript
10 šŸ‘€
Harry Potter

Harry Potter

Jul 24, 2023

50 Projects In 50 Days - HTML, CSS & JavaScript

Sharpen your HTML, CSS & JavaScript skills with 50 quick, unique, and fun mini projects. This project-based course is perfect for beginners and intermediate developers looking to build practical intuition in frontend development. Learn modern styling with flexbox, CSS animations, and DOM manipulation along with essential JavaScript concepts like array methods, HTTP requests, and more.


What you'll learn

Project based teaching to hone your HTML, CSS and JavaScript abilities

Ideal for beginners searching for things to build one of a kind projects in a short time span

Present day styling with flexbox, CSS animations, custom properties, and so forth

DOM control, events, cluster techniques, HTTP demands and more



An exceptionally fundamental comprehension of HTML, CSS and JavaScript


This is a simply project-based course. It is designed for beginners, yet intermediate developers can likewise appreciate making new things. This course remembers 50 mini projects for HTML, CSS and JavaScript that connect with the DOM (Record Item Model). Here is a list of what we will make in this course:


  • Expanding Cards
  • Progress Steps
  • Rotating Navigation Animation
  • Hidden Search Widget
  • Blurry Loading
  • Scroll Animation
  • Split Landing Page
  • Form Wave
  • Sound Board
  • Dad Jokes
  • Event Keycodes
  • Faq Collapse
  • Random Choice Picker
  • Animated Navigation
  • Incrementing Counter
  • Drink Water
  • Movie App
  • Background Slider
  • Theme Clock
  • Button Ripple Effect
  • Drag N Drop
  • Drawing App
  • Kinetic Loader
  • Content Placeholder
  • Sticky Navbar
  • Double Vertical Slider
  • Toast Notification
  • Github Profiles
  • Double Click Heart
  • Auto Text Effect
  • Password Generator
  • Good Cheap Fast
  • Notes App
  • Animated Countdown
  • Image Carousel
  • Hoverboard
  • Pokedex
  • Mobile Tab Navigation
  • Password Strength Background
  • 3d Background Boxes
  • Verify Account UI
  • Live User Filter
  • Feedback UI Design
  • Custom Range Slider
  • Netflix Mobile Navigation
  • Quiz App
  • Testimonial Box Switcher
  • Random Image Feed
  • Todo List
  • Insect Catch Game


Many individuals bounce into a frontend structure too soon. Learning vanilla JavaScript and understanding how the record object model functions are fundamental prior to moving to a structure. This course shows you this by making genuine projects, everything being equal.


You will likewise learn more about HTML5 and CSS remembering semantic labels for your markup, essential CSS properties like tones, arrangement, flexbox, and shadows as well as making responsive designs with CSS media questions, CSS custom properties, animations/advances, and the sky is the limit from there.


50 projects might appear to be a ton, yet we had the option to make them sufficiently little to where you can finish a project in only a couple of hours. Of course, this relies upon your ability level.

Who this course is for:

Fledgling and intermediate web developers that need to build fun, one of a kind projects with HTML, CSS and JavaScript


Highlighted Reviews

Weave G.

69 courses

25 reviews

Rating: 4.5 out of a long time back

I have delighted in taking this course since Brad puts center around broad utilization of new CSS as well as JavaScript. I'm intimately acquainted with Bootstrap 4.0 as I have composed numerous applications utilizing bootstrap system alongside some CSS. I appreciate how new CSS makes it conceivable to precisely characterize what you would like your page to seem to be. Simultaneously I'm learning new ways using how I might interpret JavaScript to supplement my CSS information.



Brad Traversy

Full Stack Web Designer and Teacher at Traversy Media

  • 4.7 Teacher Rating
  • 157,737 Reviews
  • 439,942 Students
  • 20 Courses

Brad Traversy has been modifying for close to 12 years and teaching for right around 5 years. He is the proprietor of Traversy Media which is a fruitful web improvement YouTube divert and spends significant time in everything from HTML5 to front end systems like Precise as well as server side advances like Node.js, PHP and Python. Brad has dominated making sense of exceptionally complex subjects in a straightforward way that is truly justifiable. Put resources into your insight by watching Brad's courses.


Florin Pop

Web engineer, YouTuber and Decoration

4.6 Educator Rating

10,361 Reviews

69,424 Students

1 Course

I'm an Internet Engineer had practical experience in FrontEnd improvement. I likewise have a YouTube channel where I'm teaching programming and I stream frequently on Jerk different coding difficulties. I love coding and I love helping other people on their excursion of turning out to be better developers. You can likewise frequently find me on Twitter sharing pieces of my excursion.


4.6 course rating 10K reviews

Fatih T.

Rating: 5.0 out of 5 seven days prior


It truly assists me with reviving and increment my insight. Make me mindful of css rules I don't apply quite frequently. Utilization of various kinds of css animations and various sorts Programming interface were truly beneficial.Seeing a variety of sorts of projects added to the refreshing of certain thoughts in my psyche and the formation of groundbreaking thoughts.

Show more



Prateek S.

Rating: 5.0 out of 5 a month prior



It is a good course to strenghten your HTML, CSS, JS. For my purposes, it helped me comprehend and appropriately utilize different CSS ideas.


Wait a second...

Watch šŸ‘‰How to download video

50 Projects In 50 Days šŸš€
Zip/rar files password can be one of these :- FreeCourseUniverse OR CheapUniverse
Harry Potter

Harry Potter

Hey Guys We are Tech Enthusiasts and we know knowledge is key to success ! We are here to open path to your success by providing what you want. Today education == business. Our moto is education should be accessible by any person who is not able to purchase overpriced content.

Leave a comment

0 Comment


Membership Plans

We are bringing so many new things at the fraction of a cost....


    How to download ??


    This site is hosted on Digital Ocean

    Get $200 credit Instantly

    Offer available for limited time
    ( Take advantage of free credits šŸ‘‡ )
    DigitalOcean Referral Badge

    Related Posts

    Taken Down Resources


    Ā© 2023 CheapUniverse. All Rights Reserved