Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Free Learning
Arrow right icon
50 Projects in 50 Days - HTML, CSS, and JavaScript
50 Projects in 50 Days - HTML, CSS, and JavaScript

50 Projects in 50 Days - HTML, CSS, and JavaScript : Sharpen your skills by building 50 quick, unique, and fun mini projects

Arrow left icon
Profile Icon Brad Traversy Profile Icon Florin Pop
Arrow right icon
$54.99
Full star icon Full star icon Full star icon Full star icon Full star icon 5 (5 Ratings)
Video Aug 2021 18hrs 36mins 1st Edition
Video
$54.99
Subscription
Free Trial
Renews at $19.99p/m
Arrow left icon
Profile Icon Brad Traversy Profile Icon Florin Pop
Arrow right icon
$54.99
Full star icon Full star icon Full star icon Full star icon Full star icon 5 (5 Ratings)
Video Aug 2021 18hrs 36mins 1st Edition
Video
$54.99
Subscription
Free Trial
Renews at $19.99p/m
Video
$54.99
Subscription
Free Trial
Renews at $19.99p/m

What do you get with a video?

Product feature icon Download this video in MP4 format
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want
OR
Modal Close icon
Payment Processing...
tick Completed

Billing Address

Key benefits

  • 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

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

Who is this book for?

This course is for beginner and intermediate web developers who want to build fun and unique projects with HTML, CSS, and 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

Product Details

Country selected
Publication date, Length, Edition, Language, ISBN-13
Publication date : Aug 27, 2021
Length: 18hrs 36mins
Edition : 1st
Language : English
ISBN-13 : 9781801079976
Languages :
Tools :

What do you get with a video?

Product feature icon Download this video in MP4 format
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want
OR
Modal Close icon
Payment Processing...
tick Completed

Billing Address

Product Details

Publication date : Aug 27, 2021
Length: 18hrs 36mins
Edition : 1st
Language : English
ISBN-13 : 9781801079976
Languages :
Tools :

Packt Subscriptions

See our plans and pricing
Modal Close icon
$19.99 billed monthly
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Simple pricing, no contract
$199.99 billed annually
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just $5 each
Feature tick icon Exclusive print discounts
$279.99 billed in 18 months
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just $5 each
Feature tick icon Exclusive print discounts

Frequently bought together


Stars icon
Total $ 133.96 141.97 8.01 saved
50 Projects in 50 Days - HTML, CSS, and JavaScript
$54.99
JavaScript from Beginner to Professional
$31.98 $39.99
Learn Python Programming, 3rd edition
$46.99
Total $ 133.96 141.97 8.01 saved Stars icon
Banner background image

Table of Contents

51 Chapters
Welcome to the Course Chevron down icon Chevron up icon
Day 1 - Expanding Cards Chevron down icon Chevron up icon
Day 2 – Progress Steps Chevron down icon Chevron up icon
Day 3 – Rotating Navigation Chevron down icon Chevron up icon
Day 4 – Hidden Search Widget Chevron down icon Chevron up icon
Day 5 – Blurry Loading Chevron down icon Chevron up icon
Day 6 - Scroll Animation Chevron down icon Chevron up icon
Day 7 – Split Landing Page Chevron down icon Chevron up icon
Day 8 – Form Wave Animation Chevron down icon Chevron up icon
Day 9 – Sound Board Chevron down icon Chevron up icon
Day 10 – Dad Jokes Chevron down icon Chevron up icon
Day 11 – Event KeyCodes Chevron down icon Chevron up icon
Day 12 – FAQ Collapse Chevron down icon Chevron up icon
Day 13 - Random Choice Picker Chevron down icon Chevron up icon
Day 14 – Animated Navigation Chevron down icon Chevron up icon
Day 15 – Incrementing Counter Chevron down icon Chevron up icon
Day 16 – Drink Water Chevron down icon Chevron up icon
Day 17 – Movie App Chevron down icon Chevron up icon
Day 18 – Background Slider Chevron down icon Chevron up icon
Day 19 – Theme Clock Chevron down icon Chevron up icon
Day 20 – Button Ripple Effect Chevron down icon Chevron up icon
Day 21 – Drag N Drop Chevron down icon Chevron up icon
Day 22 – Drawing App Chevron down icon Chevron up icon
Day 23 – Kinetic CSS Loader Chevron down icon Chevron up icon
Day 24 – Content Placeholder Chevron down icon Chevron up icon
Day 25 – Sticky Navbar Chevron down icon Chevron up icon
Day 26 – Double Vertical Slider Chevron down icon Chevron up icon
Day 27 – Toast Notification Chevron down icon Chevron up icon
Day 28 – GitHub Profiles Chevron down icon Chevron up icon
Day 29 – Double Heart Click Chevron down icon Chevron up icon
Day 30 – Auto Text Effect Chevron down icon Chevron up icon
Day 31 – Password Generator Chevron down icon Chevron up icon
Day 32 – Good, Cheap, Fast Checkboxes Chevron down icon Chevron up icon
Day 33 – Notes App Chevron down icon Chevron up icon
Day 34 – Animated Countdown Chevron down icon Chevron up icon
Day 35 – Image Carousel Chevron down icon Chevron up icon
Day 36 – Hoverboard Chevron down icon Chevron up icon
Day 37 – Pokedex Chevron down icon Chevron up icon
Day 38 – Mobile Tab Navigation Chevron down icon Chevron up icon
Day 39 – Password Strength Background Chevron down icon Chevron up icon
Day 40 – 3D Background Boxes Chevron down icon Chevron up icon
Day 41 – Verify Account UI Chevron down icon Chevron up icon
Day 42 – Live User Filter Chevron down icon Chevron up icon
Day 43 – Feedback UI Design Chevron down icon Chevron up icon
Day 44 – Custom Range Slider Chevron down icon Chevron up icon
Day 45 – Netflix Navigation Chevron down icon Chevron up icon
Day 46 – Quiz App Chevron down icon Chevron up icon
Day 47 – Testimonial Box Switcher Chevron down icon Chevron up icon
Day 48 – Random Image Feed Chevron down icon Chevron up icon
Day 49 – Todo List Chevron down icon Chevron up icon
Day 50 – Todo List Chevron down icon Chevron up icon

Customer reviews

Rating distribution
Full star icon Full star icon Full star icon Full star icon Full star icon 5
(5 Ratings)
5 star 100%
4 star 0%
3 star 0%
2 star 0%
1 star 0%
Grzegorz Jul 25, 2024
Full star icon Full star icon Full star icon Full star icon Full star icon 5
Epic. Shows the process step by steps. Very helpfull.
Subscriber review Packt
Vijay Sep 17, 2023
Full star icon Full star icon Full star icon Full star icon Full star icon 5
Awesome course
Subscriber review Packt
Horst Apr 04, 2024
Full star icon Full star icon Full star icon Full star icon Full star icon 5
Very Good
Subscriber review Packt
Patsy Phelan Jan 19, 2024
Full star icon Full star icon Full star icon Full star icon Full star icon 5
Feefo Verified review Feefo
Hung Ly Jan 11, 2022
Full star icon Full star icon Full star icon Full star icon Full star icon 5
It's worth to buy it. for learning.
Feefo Verified review Feefo
Get free access to Packt library with over 7500+ books and video courses for 7 days!
Start Free Trial

FAQs

How can I download a video package for offline viewing? Chevron down icon Chevron up icon
  1. Login to your account at Packtpub.com.
  2. Click on "My Account" and then click on the "My Videos" tab to access your videos.
  3. Click on the "Download Now" link to start your video download.
How can I extract my video file? Chevron down icon Chevron up icon

All modern operating systems ship with ZIP file extraction built in. If you'd prefer to use a dedicated compression application, we've tested WinRAR / 7-Zip for Windows, Zipeg / iZip / UnRarX for Mac and 7-Zip / PeaZip for Linux. These applications support all extension files.

How can I get help and support around my video package? Chevron down icon Chevron up icon

If your video course doesn't give you what you were expecting, either because of functionality problems or because the content isn't up to scratch, please mail [email protected] with details of the problem. In addition, so that we can best provide the support you need, please include the following information for our support team.

  1. Video
  2. Format watched (HTML, MP4, streaming)
  3. Chapter or section that issue relates to (if relevant)
  4. System being played on
  5. Browser used (if relevant)
  6. Details of support
Why can’t I download my video package? Chevron down icon Chevron up icon

In the even that you are having issues downloading your video package then please follow these instructions:

  1. Disable all your browser plugins and extensions: Some security and download manager extensions can cause issues during the download.
  2. Download the video course using a different browser: We've tested downloads operate correctly in current versions of Chrome, Firefox, Internet Explorer, and Safari.