30+ Web Projects with HTML, CSS, and JavaScript

30+ Web Projects with HTML, CSS, and JavaScript

by George Lomidze
Released January 2022
Publisher(s): Packt Publishing
ISBN: 9781803235806

Read it now on the O’Reilly learning platform with a 10-day free trial.

O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial

Video description

Master the front-end web development and the three core technologies of HTML, CSS, and JavaScript by building 30+ web projects.

About This Video

  • Understand how to build a modern webpage with the latest effects and techniques
  • 30 different projects to help you master the technologies of HTML, CSS, and a little bit of JavaScript
  • Understand how to create an animated landing page to make your webpage look more appealing

In Detail

We will build together more than 30 different and creative web projects with three core technologies—HTML, CSS, and JavaScript.

If you have some basic knowledge of these technologies and still have some trouble creating your own web projects, or if you want to level up your developer and designer skills, then you have come to the right place. We will build more than 30 different web projects and they will be full of modern, nice, and beautiful effects and designs.

We will start with simple projects, and we will go through some advanced ones as well.

Using this course, you can get the inspiration that will help you enhance your projects and customize your portfolio. Mastering just these core technologies of front-end web development, you can create awesome and modern themes and simply get hired.

Also, you will have enough knowledge to move on and learn other technologies such as some front-end frameworks and libraries, which nowadays are popular and highly demanded.

By the end of the course, you will master front-end web development and gain the confidence to apply modern and creative effects and designs in your future projects.

Who this book is for

This course is for students who have some basic knowledge in HTML, CSS, and JS and want to build the portfolio website; for those who want to practice three core technologies—HTML, CSS, and JavaScript. It can be taken by those who have basic knowledge of front-end web development and want to develop their web designing skills.

Publisher resources

Download Example Code

Table of contents

  1. Chapter 1 : Welcome
    1. Promo Video
    2. Introduction
    3. Setup
  2. Chapter 2 : Project 1 – 3D Forms
    1. 3D Forms
  3. Chapter 3 : Project 2 – House
    1. House
  4. Chapter 4 : Project 3 – Search Bar
    1. Search Bar
  5. Chapter 5 : Project 4– Clock
    1. Clock
  6. Chapter 6 : Project 5 – Navbar
    1. Navbar
  7. Chapter 7 : Project 6 – Website Loaders
    1. Website Loaders
  8. Chapter 8 : Project 7 – Ripple Button
    1. Ripple Button
  9. Chapter 9 : Project 8 – Circle Progress Bar
    1. Circle Progress Bar
  10. Chapter 10 : Project 9 – Social Media Icons Slideshow
    1. Social Media Icons Slideshow
  11. Chapter 11 : Project 10 – Forms with Validation
    1. Forms with Validation
  12. Chapter 12 : Project 11 – Calendar
    1. Calendar
  13. Chapter 13 : Project 12 – Countdown
    1. Countdown
  14. Chapter 14 : Project 13 – Profile Card
    1. Profile Card
  15. Chapter 15 : Project 14 – CSS Grid Menu
    1. CSS Grid Menu
  16. Chapter 16 : Project 15 – CSS Navigation Menu
    1. CSS Navigation Menu
  17. Chapter 17 : Project 16 – Dropdown Menu
    1. Dropdown Menu
  18. Chapter 18 : Project 17 – Navigation
    1. Navigation
  19. Chapter 19 : Project 18 – Rounded Navigation
    1. Rounded Navigation
  20. Chapter 20 : Project 19 – Sidebar Menu
    1. Sidebar Menu
  21. Chapter 21 : Project 20 – Hamburger Menu
    1. Hamburger Menu
  22. Chapter 22 : Project 21 – Creative Button
    1. Creative Button
  23. Chapter 23 : Project 22 – Slideshow
    1. Slideshow
  24. Chapter 24 : Project 23– Custom CSS Radio Button
    1. Custom CSS Radio Button
  25. Chapter 25 : Project 24 – Business Card
    1. Business Card
  26. Chapter 26 : Project 25 – 3D Card
    1. 3D Card
  27. Chapter 27 : Project 26 – Custom CSS Checkbox
    1. Custom CSS Checkbox
  28. Chapter 28 : Project 27 – Sidebar Hamburger Menu
    1. Sidebar Hamburger Menu
  29. Chapter 29 : Project 28 – Pricing Cards
    1. Pricing Cards
  30. Chapter 30 : Project 29 – CSS Toggle Button
    1. CSS Toggle Button
  31. Chapter 31 : Project 30 – CSS Grid Gallery
    1. CSS Grid Gallery
  32. Chapter 32 : Project 31 – Landing Page with Modal Forms
    1. Landing Page with Modal Forms
  33. Chapter 33 : Project 32 – Animated Landing Page
    1. Animated Landing Page
  34. Chapter 34 : Project 33 – 3D Button
    1. 3D Button

Product information

  • Title: 30+ Web Projects with HTML, CSS, and JavaScript
  • Author(s): George Lomidze
  • Release date: January 2022
  • Publisher(s): Packt Publishing
  • ISBN: 9781803235806