Learn the basics of HTML, CSS, and JavaScript in 50 days by working on 50 different projects
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
Book 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, 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
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
Who this book is for
This course is for beginner and intermediate web developers who want to build fun and unique projects with HTML, CSS, and JavaScript.
