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
Who this course is for:
Beginner and intermediate web developers that want to build fun, unique projects with HTML, CSS & JavaScript
Featured review
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.
Course content
51 sections • 164 lectures • 18h 29m total length
Day 1 – Expanding Cards
Day 2 – Progress Steps
Day 3 – Rotating Navigation
Day 4 – Hidden Search Widget
Day 5 – Blurry Loading
Day 6 – Scroll Animation
Day 7 – Split Landing Page
Day 8 – Form Wave Animation
Day 9 – Sound Board
and more…
Day 50 – Insect Catch Game
Created by: Brad Traversy, Florin Pop
Last updated 12/2020
English
English [Auto]
Bestseller
Rating: 4.8 out of 54.8
(2,081 ratings)
15,169 students
https://www.udemy.com/course/50-projects-50-days/
