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/2024
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
Module 52: (Bonus Day 1) Simple Timer
Course Projects
Let's take a look at the projects.
More projects are available 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.
