Book Image

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

By : George Lomidze
5 (2)
Book Image

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

5 (2)
By: George Lomidze

Overview of this book

<p>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. </p><p>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. </p><p>Listed below are the projects that you’ll work through - </p><p>Project 1 - Invisible Card </p><p>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. </p><p>Project 2 - Sign-Up Form </p><p>The second project involves creating a modern sign-up form. This project will be created using HTML, CSS, and JavaScript. </p><p>Project 3 - Profile Cards </p><p>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. </p><p>Project 4 - Slideshow </p><p>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. </p><p>Project 5 - Hamburger Menu </p><p>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 </p><p>Project 6 - Cube </p><p>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. </p><p>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. </p><p> </p><p>All the code and supporting files for this course are available here: https://github.com/PacktPublishing/HTML-CSS-and-JavaScript-Build-6-Creative-Projects</p>
Table of Contents (7 chapters)
Chapter 4
Project 3 - Profile Cards
Content Locked
Section 1
Project Preview
Project 3 - Profile Cards: Project Preview