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 Sep, 2023
Language - English
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
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 Web Development company with professional web developers, web designers, and experienced online instructors. 'Code And Create' creates online educational courses.
We are specialized in multiple technologies and programming languages such as HTML5, CSS3, SASS, Bootstrap, Material Design, JavaScript, ReactJS, Angular, VueJS, NodeJS, MongoDB, PHP, MySQL, Python and much more...
'Code And Create' also runs a YouTube channel called "Code And Create", where we create free educational content in Web Development / Design / Programming.
We are excited to be here and we are eager to share our knowledge and experience.
Looking forward to seeing you inside our courses.
Course Certificate
User your certification to make a career change or to advance in your current career. Salaries are among the highest in the world.
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