HTML, CSS, and JavaScript – Build 6 Creative Projects [Video]

More Information
  • Understand how to create advanced CSS animations using keyframes, transitions and transforms
  • Work through projects based on the three core technologies - HTML, CSS and JavaScript
  • Make each project fully responsive on different screen sizes using CSS media queries

If you want to get hands-on with the three core technologies - HTML, CSS, and JavaScript, then this course will equip you with the knowledge you need. It is designed to guide you through building 6 modern projects and learning essential skills, right from creating interesting CSS animations through to developing exciting3D effects.

The course features an organized structure to help you build on your skills effectively, with specific sections for each project, along with instructions on how to work through them.

Listed below are the projects that you’ll work through -

Project 1 - Invisible Card

In this project, you will build a profile card, learning how to manipulate backgrounds and create interesting effects. This project will be based on HTML and CSS.

Project 2 - Sign-Up Form

The second project involves creating a modern sign-up form. This project will be created using HTML, CSS, and JavaScript.

Project 3 - Profile Cards

In this project, you will build three beautiful profile cards with animations. In addition to this, you will work on a heading with typing text animation. This will be created using JavaScript. You will also use CSS keyframes to develop an animated button with the hover effect.

Project 4 - Slideshow

The fourth project will be a slideshow, with each slide representing the famous cities of the world. You’ll work on a banner with a header and a 3D button. This slideshow will be created using pure CSS.

Project 5 - Hamburger Menu

In this project, you will learn how to create a hamburger menu. This project will consist of two parts. In the first part, you’ll work with a banner, building a 3D button with the hover effect. After clicking on the hamburger menu icon, you will be navigated to the second part of the project that includes working with the Navbar. This project will demonstrate how to create modern 3D effects efficiently, and will be based on HTML, CSS, and JavaScript

Project 6 - Cube

The sixth project will get you up to speed with creating a slideshow represented by a 3D cube. This project will be based on HTML, CSS, and JavaScript. After building this project, you will have the skills you need to create efficient projects on your own.

By the end of this course, you will be well-versed with HTML, CSS, and JavaScript, and have the skills you need to build real-world projects.

All the code and supporting files for this course are available here:

  • Learn how to watch lectures in high resolution
  • Get up to speed with style controls
Course Length 5 hours 50 minutes
ISBN 9781800208186
Date Of Publication 31 Mar 2020


George Lomidze

George Lomidze is a full-stack Web Developer / Designer, Co-Founder of 'Code And Create' and an author of several Best-Selling courses. He's excited that you're here and has a chance to help people learn one of the most interesting and powerful fields in the world. He's decided to share his knowledge and experience with you and that's the main reason for being here. He has specialized in the following technologies: HTML, CSS, SASS, Bootstrap, JavaScript, jQuery, React, React Native, NodeJS, and many more and looks forward to seeing you inside his courses and help you to become a professional web developer.