50 Projects in 50 Days - HTML, CSS, and JavaScript

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-Ja…

Type
video
Category
Web Development
publication date
2021-08-27
what you will learn

Understand the concept of content and circle styling in rotating navigation
Understand how to load the blur effect
Learn how to add the hover effect in a split landing page
Explore how to add the wave effect
Work with Fetch and HTTP requests/responses
Fetch data from the API

duration
1116
key features
Project-based teaching to sharpen your HTML, CSS, and JavaScript skills * DOM manipulation, events, array methods, HTTP requests, and more * Modern styling with flexbox, CSS animations, custom properties, and so on
approach
This course assumes zero prior knowledge about HTML, CSS, and JavaScript. It helps you bring out the best in these programming languages by working on 50 fun mini projects.
audience
This course is for beginner and intermediate web developers who want to build fun and unique projects with HTML, CSS, and JavaScript.
meta description
Learn the basics of HTML, CSS, and JavaScript in 50 days by working on 50 different projects
short description
Sharpen your HTML, CSS, and JavaScript by working on a large variety of projects. In this course, we’ll be working through a project a day using vanilla JavaScript. Over the next 50 days, you’ll have 50 small, unique, DOM-oriented projects under your belt.
subtitle
Sharpen your skills by building 50 quick, unique, and fun mini projects
keywords
Projects, HTML, CSS, JavaScript
Product ISBN
9781801079976