Book Image

50 Projects in 50 Days - HTML, CSS, and JavaScript [Video]

By : Brad Traversy, Florin Pop
5 (3)
Book Image

50 Projects in 50 Days - HTML, CSS, and JavaScript [Video]

5 (3)
By: Brad Traversy, Florin Pop

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)
Free Chapter
1
Welcome to the Course
5
Day 4 – Hidden Search Widget
7
Day 6 - Scroll Animation
10
Day 9 – Sound Board
13
Day 12 – FAQ Collapse
19
Day 18 – Background Slider
24
Day 23 – Kinetic CSS Loader
28
Day 27 – Toast Notification
31
Day 30 – Auto Text Effect
33
Day 32 – Good, Cheap, Fast Checkboxes
39
Day 38 – Mobile Tab Navigation
42
Day 41 – Verify Account UI
49
Day 48 – Random Image Feed
Chapter 41
Day 40 – 3D Background Boxes
Content Locked
Section 1
Project Introduction
This video explains the section.