HTML, CSS, and jаvascript – Build 6 Creative Projects
h264, yuv420p, 1920x1080 |ENGLISH, aac, 48000 Hz, 2 channels | 5h 50 mn | 1.2 GB
Created by: George Lomidze

Get hands-on with 6 projects using HTML, CSS, and jаvascript, along with understanding CSS animations and CSS transforms, and creating 3D effects Learn

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

About

If you want to get hands-on with the three core technologies - HTML, CSS, and jаvascript, 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 jаvascript.

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 jаvascript. 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 jаvascript

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 jаvascript. 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 jаvascript, and have the skills you need to build real-world projects.

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

Features

Learn how to watch lectures in high resolution
Get up to speed with style controls