HTML, CSS, JavaScript - Build 6 Creative Projects
Build 6 projects using HTML, CSS and JavaScript. Master in CSS Animations, CSS Transforms and create 3D effects.
Development ,Web Development,JavaScript
Lectures -55
Resources -1
Duration -5.5 hours
Lifetime Access
Lifetime Access
30-days Money-Back Guarantee
Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.
Course Description
"HTML, CSS, JavaScript Course - Build 6 Creative Projects"
If you want to get your hands dirty in three core technologies - HTML, CSS and JavaScript, then this is the right course for you. You will be able to build 6 modern, beautiful and creative projects. Learn how to create cool CSS animations and awesome 3D effects.
The projects you will build:
Project 1 - Invisible Card
In this project, you will build a nice profile card. You will be able to learn how to manipulate backgrounds and create some cool effects. The project will be built based on HTML and CSS
Project 2 - Sign Up Form
The second project will represent a modern-looking and beautiful sign-up form. The project will consist of two parts. The first part will be a nice banner with little CSS animation and using the banner button you will be navigated to the sign-up form. The project will be created using HTML, CSS and JavaScript
Project 3 - Profile Cards
In this project, you will build three beautiful profile cards with some cool animations. Besides cards, we will have a heading with typing text animation. It will be created using JavaScript. Also, we will use CSS keyframes to create a nice animated button with a hover effect.
Project 4 - Slideshow
The fourth project is going to be a slideshow. It will consist of two parts. We will have a banner with a header and a 3D button. Banner elements will have some really nice and beautiful animations. By clicking the button, we will move on to the slideshow. The slideshow will be created using pure CSS. Each slide will represent the famous cities of the world. The project will be based on HTML, CSS and JavaScript.
Project 5 - Hamburger Menu
In this project, you will be able to learn how to create Hamburger Menu. The project will consist of two parts. The first part is going to be a banner, in which you will be able to build a 3D button with a hover effect. By clicking on the Hamburger menu icon, we will be navigated to the second part of the project. It will be a Navbar with two different Navigations. In this project, you will learn about how to create really modern and nice 3D effects. The project will be based on HTML, CSS and JavaScript
Project 6 - Cube
The sixth project will be the most interesting and advanced one. We will create a slideshow represented by a 3D cube. The project will be based on HTML, CSS and JavaScript. We are going to use really advanced stuff from CSS and relatively lots of JavaScript. After building this project you will be capable of creating modern, advanced and beautiful projects on your own.
Get fast and friendly support from instructors 24/7.
JOIN US!!!
Who is this course for?
- Students who have basic knowledge of HTML and CSS and want to build modern, real-world and creative projects.
- Students who want to get their hands dirty in three core technologies of Front-end web development: HTML, CSS and JavaScript.
- Students who want to develop their skills in Web Development / Web Design.
Goals
- You will meet lots of modern CSS tricks and techniques.
- You will work on projects created based on three core technologies; HTML, CSS and JavaScript.
- You will learn about how to create advanced CSS animation using keyframes, transitions and transforms.
- You will get practice in DOM manipulation.
- You will be able to make each project fully responsive to different screen sizes using CSS media queries.
Prerequisites
- Modern Web Browser.
- Text Editor.
- Basic knowledge of HTML and CSS. JavaScript would be a plus, but not mandatory.

Curriculum
Check out the detailed breakdown of what’s inside the course
Welcome
3 Lectures
-
Introduction 03:57 03:57
-
Setup 01:37 01:37
-
Course Resources
Project 1 - Invisible Card
6 Lectures

Project 2 - Sign Up Form
8 Lectures

Project 3 - Profile Cards
8 Lectures

Project 4 - Slideshow
8 Lectures

Project 5 - Hamburger Menu ( 3D )
12 Lectures

Project 6 - Cube (3D Slideshow)
9 Lectures

Instructor Details

Code And Create
Code and Create is a professional web development company that specializes in multiple technologies and programming languages, including HTML5, CSS3, SASS, Bootstrap, Tailwind CSS, JavaScript, ReactJS, Angular, VueJS, NodeJS, MongoDB, PHP, MySQL, and Python.
We have a team of experienced web developers, web designers, and online instructors who are passionate about creating high-quality websites and online educational courses.
Most of our online courses are best-sellers on the Tutorialspoint platform.
We are excited to share our knowledge and experience with you, and we look forward to seeing you inside our courses!
Course Certificate
Use your certificate to make a career change or to advance in your current career.

Our students work
with the Best


































Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe now
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now