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
Hands-On Projects with HTML, CSS, and JavaScript
Hands-On Projects with HTML, CSS, and JavaScript

Hands-On Projects with HTML, CSS, and JavaScript: Learn HTML 5, CSS 3, and JavaScript by Building 50+ Fun and Modern Websites

Arrow left icon
Profile Icon Dr. Sahand Ghavidel
Arrow right icon
€74.99
Video Aug 2023 48hrs 59mins 1st Edition
Video
€74.99
Subscription
Free Trial
Renews at €18.99p/m
Arrow left icon
Profile Icon Dr. Sahand Ghavidel
Arrow right icon
€74.99
Video Aug 2023 48hrs 59mins 1st Edition
Video
€74.99
Subscription
Free Trial
Renews at €18.99p/m
Video
€74.99
Subscription
Free Trial
Renews at €18.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

  • No third-party libraries or plugins: build websites using only the core web technologies
  • Follow along with the instructor as projects are built from scratch, ensuring a comprehensive learning experience
  • Build 58 fully functional web apps from scratch and showcase your accomplishments in your portfolio

Description

Building modern websites requires a solid foundation in HTML, CSS, and JavaScript. In this comprehensive course, you will embark on an exciting journey of learning these core web technologies to create visually stunning and highly functional websites. The course starts with an easy-to-follow tutorial on setting up Visual Studio Code and its essential extensions. Then, you will dive into the projects, starting with the HTML part and gradually moving on to CSS and JavaScript. Each project is built entirely from scratch, without any copied and pasted code. Throughout the course, you will create modern, super cool, and responsive websites. You will delve into event handling, DOM manipulation, and asynchronous programming. With this knowledge, you will be able to create dynamic content, handle user interactions, and build engaging web experiences. You will also work on a series of hands-on projects that reinforce your learning and allow you to apply the concepts in real-world scenarios. From creating a loading bar and image slider to building a clock and implementing a Q&A section, each section can be treated as a separate project, expanding your skills and understanding. By the end of the course, you will have learned how to write clean and efficient HTML, CSS, and JavaScript code. You will be able to confidently build modern, responsive websites from scratch, incorporating interactive elements and captivating designs.

Who is this book for?

This course is perfect for students interested in learning web development using HTML, CSS, and JavaScript. Whether you are a complete beginner or have some familiarity with coding, this course will take you from the basics to building modern websites. If you want to create visually appealing and functional websites using only HTML, CSS, and JavaScript, this course is for you. This course is also suitable for individuals who want a hands-on environment to learn JavaScript fundamentals. Web development enthusiasts who want to enhance their skills and build responsive websites will find this course valuable. No prior knowledge of HTML, CSS, or JavaScript is required.

What you will learn

  • Create visually appealing and functional websites using HTML, CSS, and JavaScript
  • Understand and write HTML, CSS, and JavaScript code with ease
  • Build modern and responsive websites from scratch without any copied code
  • Master important JavaScript methods and techniques
  • Explore contemporary styling techniques such as Flexbox, CSS animations, custom properties, and more
  • Delve into concepts such as DOM manipulation, event handling, array methods, HTTP requests, and beyond

Product Details

Country selected
Publication date, Length, Edition, Language, ISBN-13
Publication date : Aug 09, 2023
Length: 48hrs 59mins
Edition : 1st
Language : English
ISBN-13 : 9781835087725
Languages :

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 09, 2023
Length: 48hrs 59mins
Edition : 1st
Language : English
ISBN-13 : 9781835087725
Languages :

Packt Subscriptions

See our plans and pricing
Modal Close icon
€18.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
€189.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
€264.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 136.96 142.97 6.01 saved
Mastering JavaScript Functional Programming
€37.99
JavaScript from Beginner to Professional
€23.98 €29.99
Hands-On Projects with HTML, CSS, and JavaScript
€74.99
Total 136.96 142.97 6.01 saved Stars icon
Banner background image

Table of Contents

59 Chapters
Introduction and Essential Installations Chevron down icon Chevron up icon
Project - Photo Gallery Chevron down icon Chevron up icon
Project - English Dictionary Chevron down icon Chevron up icon
Project - Note App Chevron down icon Chevron up icon
Project - BMI Calculator Chevron down icon Chevron up icon
Project - Random Quote Generator Chevron down icon Chevron up icon
Project - Temperature Converter Chevron down icon Chevron up icon
Project - Currency Converter Chevron down icon Chevron up icon
Project - Loan Calculator Chevron down icon Chevron up icon
Project - Random Emoji Chevron down icon Chevron up icon
Project - Weight Converter Chevron down icon Chevron up icon
Project - Feedback UI Chevron down icon Chevron up icon
Project - Button Ripple Effect Chevron down icon Chevron up icon
Project - Digital Clock Chevron down icon Chevron up icon
Project - Rotating Image Gallery Chevron down icon Chevron up icon
Project - Random Color Generator Chevron down icon Chevron up icon
Project - Real-Time Character Counter Chevron down icon Chevron up icon
Project - Profile Statistics Chevron down icon Chevron up icon
Project - Heart Trail Animation Chevron down icon Chevron up icon
Project - Mini Calendar Chevron down icon Chevron up icon
Project - Animated Search Bar Chevron down icon Chevron up icon
Project - Social Media Selector Menu Chevron down icon Chevron up icon
Project - Random Password Generator Chevron down icon Chevron up icon
Project - Testimonial Slider Chevron down icon Chevron up icon
Project - New Year Countdown Chevron down icon Chevron up icon
Project - Emoji Rating Chevron down icon Chevron up icon
Project - Sticky Navbar Chevron down icon Chevron up icon
Project - Double Landing Page Chevron down icon Chevron up icon
Project - Auto Text Effect Animation Chevron down icon Chevron up icon
Project - Background Image Scroll Effect Chevron down icon Chevron up icon
Project - Blurred Background Popup Chevron down icon Chevron up icon
Project - Dark Mode Toggle Chevron down icon Chevron up icon
Project - Drum Kits Chevron down icon Chevron up icon
Project - To Do List Chevron down icon Chevron up icon
Project - Random Photos Chevron down icon Chevron up icon
Project - Multiplication App Chevron down icon Chevron up icon
Project - Step Progress Bar Chevron down icon Chevron up icon
Project - Mouse Event Chevron down icon Chevron up icon
Project - Loading Bar Chevron down icon Chevron up icon
Project - Image Slider Chevron down icon Chevron up icon
Project - Video Trailer Popup Chevron down icon Chevron up icon
Project - Clock Chevron down icon Chevron up icon
Project - Month Calendar Chevron down icon Chevron up icon
Project - Counter Chevron down icon Chevron up icon
Project - Q&A Section Chevron down icon Chevron up icon
Project - Tabs Chevron down icon Chevron up icon
Project - Background Video Chevron down icon Chevron up icon
Project - Sidebar Menu Chevron down icon Chevron up icon
Project - Navbar Menu Chevron down icon Chevron up icon
Project – Age Calculator Chevron down icon Chevron up icon
Project - Tip Calculator Chevron down icon Chevron up icon
Project - Recipe Book App Chevron down icon Chevron up icon
Project - Dice Roll Simulator Chevron down icon Chevron up icon
Project - Pomodoro Timer Chevron down icon Chevron up icon
Project - Rock Paper Scissors Game Chevron down icon Chevron up icon
Project - Stopwatch Chevron down icon Chevron up icon
Project - Weather App Chevron down icon Chevron up icon
Project - Image Search App Chevron down icon Chevron up icon
Project - Basic Calculator Chevron down icon Chevron up icon
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.