50 Projects In 50 Days - HTML, CSS & JavaScript

Name: 50 Projects In 50 Days - HTML, CSS & JavaScript
Rating: 4.7 (8108 reviews)

Sharpen your skills by building 50 quick, unique & fun mini projects

(8,108 ratings)

52,339 students

Created by Brad Traversy, Florin Pop

Last updated 12/2020

English

English [Auto], Arabic [Auto],

What you'll learn

Project based teaching to sharpen your HTML, CSS & JavaScript skills
Perfect for beginners looking for things to build unique projects in a short timeframe
Modern styling with flexbox, CSS animations, custom properties, etc
DOM manipulation, events, array methods, HTTP requests & more

Requirements

A very basic understanding of HTML, CSS & JavaScript

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). Here is a list of what we will create 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 people jump into a frontend framework too early. Learning vanilla JavaScript and understanding how the document object model works are essential before moving to a framework. This course teaches you this by creating real-world projects of all types.

You will also learn more about HTML5 and CSS including semantic tags in your markup, basic CSS properties such as colors, alignment, flexbox, and shadows as well as creating responsive layouts with CSS media queries, CSS custom properties, animations/transitions, and more.

50 projects may seem like a lot, but we were able to make them small enough to where you can complete a project in just a few hours. Of course, this depends on your skill level.

Who this course is for:

Beginner and intermediate web developers that want to build fun, unique projects with HTML, CSS & JavaScript

Featured review

Bob G.

69 courses

25 reviews

a year ago

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.

Brad Traversy

Full Stack Web Developer & Instructor at Traversy Media

4.7 Instructor Rating
142,408 Reviews
382,843 Students
18 Courses

Brad Traversy has been programming for around 12 years and teaching for almost 5 years. He is the owner of Traversy Media which is a successful web development YouTube channel and specializes in everything from HTML5 to front end frameworks like Angular as well as server side technologies like Node.js, PHP and Python. Brad has mastered explaining very complex topics in a simple manner that is very understandable. Invest in your knowledge by watching Brad's courses.

Florin Pop

Web developer, YouTuber and Streamer

4.7 Instructor Rating
8,108 Reviews
52,332 Students
1 Course

I'm a Web Developer specialized in FrontEnd development. I also have a YouTube channel where I'm teaching programming and I stream often on Twitch different coding challenges. I love coding and I love helping others on their journey of becoming better developers. You can also often find me on Twitter sharing bits of my journey.