Tutorialspoint

April Learning Carnival is here, Use code FEST10 for an extra 10% off

HTML, CSS, JavaScript - Build 6 Creative Projects

person icon Code And Create

4.1

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.

updated on icon Updated on Apr, 2024

language icon Language - English

person icon Code And Create

English [CC]

category icon Development,Web Development,HTML,CSS,Javascript

Lectures -55

Resources -1

Duration -5.5 hours

4.1

price-loader

30-days Money-Back Guarantee

Training 5 or more people ?

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.

INCLUDED:

Project 1 - Invisible Card

In this project you will build nice profile card. You will be able to learn how to manipulate on backgrounds and create some cool effects. Project will be built based on HTML and CSS

Project 2 - Sign Up Form

The second project will represent modern-looking and beautiful sign-up form. Project will consist of two parts. First part will be nice banner with little CSS animation and using banner button you will be navigated to sign-up form. 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 heading with typing text animation. It will be created using JavaScript. Also, we will use CSS keyframes to create nice animated button with hover effect.

Project 4 - Slideshow

Fourth projects is going to be slideshow. It will consist of two parts. We will have banner with header and 3D button. Banner elements will have some really nice and beautiful animations. By clicking button, we will move on to slideshow. Slideshow will be created using pure CSS. Each slide will represent the famous cities of world. 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. Project will consist of two parts. First part is going to be banner, in which you will be able to build 3D button with hover effect. By clicking on Hamburger menu icon, we will be navigated to second part of project. It will be Navbar with two different Navigations. In this project, you will learn about how to create really modern and nice 3D effects. Project will be based on HTML, CSS and JavaScript

Project 6 - Cube

Sixth project will be the most interesting and advanced one. We will create slideshow represented by 3D cube. 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 to create modern, advanced and beautiful projects on your own.

Get fast and friendly support from instructors 24/7.

JOIN US!!!

Who this course is for:

  • Students who have basic knowledge in HTML and CSS and want to build modern, real-world and creative projects
  • Students who want to get 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

What will you learn in this course:

  • 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

What are the prerequisites for this course?

  • Modern Web Browser
  • Text Editor
  • Basic knowledge of HTML and CSS. JavaScript would be plus, but not mandatory
HTML, CSS, JavaScript - Build 6 Creative Projects

Curriculum

Check out the detailed breakdown of what’s inside the course

Welcome
3 Lectures
  • play icon Introduction 03:57 03:57
  • play icon Setup 01:37 01:37
  • play icon Course Resources
Project 1 - Invisible Card
6 Lectures
Tutorialspoint
Project 2 - Sign Up Form
8 Lectures
Tutorialspoint
Project 3 - Profile Cards
8 Lectures
Tutorialspoint
Project 4 - Slideshow
8 Lectures
Tutorialspoint
Project 5 - Hamburger Menu ( 3D )
12 Lectures
Tutorialspoint
Project 6 - Cube (3D Slideshow)
9 Lectures
Tutorialspoint

Instructor Details

Code And Create

Code And Create

e


Course Certificate

Use your certificate to make a career change or to advance in your current career.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
Annual Membership

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
Online Certifications

Talk to us

1800-202-0515