50 Projects In 50 Days

Learn HTML, CSS & JS By Building Projects
Sharpen your skills by building 50 quick, unique & fun mini projects.
START LEARNING
62,000+
Students Enrolled

4.7+
Rated

English
Course Language

Last Updated
02/2022
Course Overview Video

20 hours on-demand video

50 downloadable resources

Full lifetime access

Access on mobile and TV

Certificate of completion
What you'll learn
Course Description
This is a purely project-based course. It is geared toward beginners, but intermediate developers can also enjoy creating new things. This course includes 50 mini projects in HTML, CSS & JavaScript that relate to the DOM (Document Object Model).
Check Out The Curriculum Below!
Module 1: Course Introduction & Setup
Module 2: Expanding Cards
Module 3: Progress Steps
Module 4: Rotating Navigation Animation
Module 5: Hidden Search Widget
Module 6: Blurry Loading
Module 7: Scroll Animation
Module 8: Split Landing Page
Module 9: Form Input Wave
Module 10: Sound Board
Module 11: Dad Jokes
Module 12: Event KeyCodes
Module 13: FAQ Collapse
Module 14: Random Choice Picker
Module 15: Animated Navigation
Module 16: Incrementing Counter
Module 17: Drink Water
Module 18: Movie App
Module 19: Background Slider
Module 20: Theme Clock
Module 21: Button Riple Effect
Module 22: Drag N Drop
Module 23: Drawing App
Module 24: Kinetic Loader CSS Animation
Module 25: Content Placeholder
Module 26: Sticky NavBar
Module 27: Double Vertical Slider
Module 28: Toast Notification
Module 29: GitHub Profiles
Module 30: Double Click Heart
Module 31: Auto Text Effect
Module 32: Password Generator
Module 33: Good, Cheap, Fast Checkboxes
Module 34: Notes App
Module 35: Animated Countdown
Module 36: Image Carousel
Module 37: Hoverboard
Module 38: Pokedex
Module 39: Mobile Tab Navigation
Module 40: Password Strength Background
Module 41: 3D Background Boxes
Module 42: Verify Account UI
Module 43: Live User Filter
Module 44: Feedback UI Design
Module 45: Custom Range Slider
Module 46: Netflix Navigation
Module 47: Quiz App
Module 48: Testimonial Box Switcher
Module 49: Random Image Feed
Module 50: Todo List
Module 51: Insect Catch Game
Course Projects
Let's take a look at the projects.

Expanding Cards
More details are shared in the course.

Split Landing Pages
More details are shared in the course.

Verify Account
More details are shared in the course.

Vertical Slider
More details are shared in the course.

GitHub Profiles
More details are shared in the course.

GitHub Profiles
More details are shared in the course.

Background Slider
More details are shared in the course.

Movie App
More details are shared in the course.

Rotating Navigation
More details are shared in the course.

Drinking Water
More details are shared in the course.

Image Carousel
More details are shared in the course.

Dad Jokes
More details are shared in the course.

Quiz App
More details are shared in the course.

Password Generator
More details are shared in the course.

Live Use Filter
More details are shared in the course.

Increment Counter
More details are shared in the course.

FAQs
More details are shared in the course.

Random Choice Picker
More details are shared in the course.

Good, Cheap, Fast
More details are shared in the course.

Hoverboard
More details are shared in the course.

Todo List
More details are shared in the course.
And many more are waiting for you in the course...
Course Ratings
Some of the Latest Reviews


Bob G.
I have enjoyed taking this course because Brad puts focus on extensive use of new CSS as well as JavaScript. I am quite familiar with Bootstrap 4.0 as I have written many applications using bootstrap framework along with some CSS. I appreciate how new CSS makes it possible to exactly define what you would like your page to look like. At the same time I am learning new ways utilizing my understanding of JavaScript to complement my CSS knowledge.


Zaid M.
This has been an awesome course. I took this course so that I can build some random components each day to practice my coding skills, however, this course has helped me not only do that but I learned a lot of ne things which I did not initially know. I also build some awesome projects which were very fun to build. Great course, would highly recommend to anyone trying to improve their skills or just have fun!


Joshua R.
I needed to better acquaint myself with more advanced/modern CSS styling techniques. I had previous experience with all of these techniques before starting this course. But I feel that going through these 50 projects has drilled them into my head so that I can actually use them quickly and confidently in my own projects. Great course.