-
Book Overview & Buying
-
Table Of Contents
50 Projects in 50 Days - HTML, CSS, and JavaScript
By :
50 Projects in 50 Days - HTML, CSS, and JavaScript
By:
Overview of this book
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, and 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
By the end of this course, you will be thorough with the basics and concepts in HTML, CSS, and JavaScript.
All code files are placed here: https://github.com/PacktPublishing/50-Projects-In-50-Days---HTML-CSS-JavaScript
Table of Contents (51 chapters)
Welcome to the Course
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
Day 10 - Dad Jokes
Day 11 - Event KeyCodes
Day 12 - FAQ Collapse
Day 13 - Random Choice Picker
Day 14 - Animated Navigation
Day 15 - Incrementing Counter
Day 16 - Drink Water
Day 17 - Movie App
Day 18 - Background Slider
Day 19 - Theme Clock
Day 20 - Button Ripple Effect
Day 21 - Drag N Drop
Day 22 - Drawing App
Day 23 - Kinetic CSS Loader
Day 24 - Content Placeholder
Day 25 - Sticky Navbar
Day 26 - Double Vertical Slider
Day 27 - Toast Notification
Day 28 - GitHub Profiles
Day 29 - Double Heart Click
Day 30 - Auto Text Effect
Day 31 - Password Generator
Day 32 - Good, Cheap, Fast Checkboxes
Day 33 - Notes App
Day 34 - Animated Countdown
Day 35 - Image Carousel
Day 36 - Hoverboard
Day 37 - Pokedex
Day 38 - Mobile Tab Navigation
Day 39 - Password Strength Background
Day 40 - 3D Background Boxes
Day 41 - Verify Account UI
Day 42 - Live User Filter
Day 43 - Feedback UI Design
Day 44 - Custom Range Slider
Day 45 - Netflix Navigation
Day 46 - Quiz App
Day 47 - Testimonial Box Switcher
Day 48 - Random Image Feed
Day 49 - Todo List
Day 50 - Todo List (Insect Game)