HTML, CSS, JavaScript Course - Build 6 Creative Projects Online Course

HTML, CSS, JavaScript Course - Build 6 Creative Projects

The Brand New HTML, CSS and JavaScript Course on EDUONIX. "HTML, CSS, JavaScript Course - Build 6 Creative Projects". If you want to get your hands dirty in three core technologies - HTML, CSS a...

All levels
English

Course Description

The Brand New HTML, CSS and JavaScript Course on EDUONIX. "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.

See more less

What you’ll learn

Invisible Card
Sign Up Form
Profile Cards
Slideshow
Hamburger Menu
Cube

Covering Topics

Section 1 : Welcome

Section 2 : Project 1 - Invisible Card

Section 3 : Project 2 - Sign Up Form

Section 4 : Project 3 - Profile Cards

Section 5 : Project 4 - Slideshow

Section 6 : Project 5 - Hamburger Menu (3D)

Section 7 : Project 6 - Cube (3D Slideshow)

Curriculum

  Section 1 : Welcome
1
Introduction Preview
2
Setup

  Section 2 : Project 1 - Invisible Card
3
Project Preview Preview
4
Create Structure of Project
5
Style - Part 1
6
Style - Part 2
7
Style - Part 3
8
Style - Part 4

  Section 3 : Project 2 - Sign Up Form
9
Project Preview Preview
10
Create Structure of Project
11
Style Banner
12
Style Sign Up Form - Part 1
13
Style Sign Up Form - Part 2
14
Style Sign Up Form - Part 3
15
Add JavaScript to Project
16
Make Project Responsive

  Section 4 : Project 3 - Profile Cards
17
Project Preview Preview
18
Create Structure of Project
19
Style Profile Cards - Part 1
20
Style Profile Cards - Part 2
21
Add CSS Animation to Project
22
Typed Text Animation Using JavaScript
23
Blinking Cursor Animation Using CSS
24
Make Project Responsive

  Section 5 : Project 4 - Slideshow
25
Project Preview Preview
26
Create Structure of Project
27
Style Banner
28
Add Animations to Banner
29
Create Cool Hover Effect
30
Create Slideshow - Part 1
31
Create Slideshow - Part 2
32
Make Project Responsive

  Section 6 : Project 5 - Hamburger Menu (3D)
33
Project Preview Preview
34
Create Structure of Project
35
Style Banner
36
Create 3D Button
37
Manage Top Navigation Layout
38
Create 3D Navigation Items
39
Manage Bottom Navigation Layout
40
Prepare Social Icons
41
Create 3D Effects With Social Icons
42
Make Hamburger Menu Working
43
Make Project Responsive - Part 1
44
Make Project Responsive - Part 2

  Section 7 : Project 6 - Cube (3D Slideshow)
45
Project Preview Preview
46
Create Structure of Project
47
Prepare 3D Environment
48
Build Up Cube - Part 1
49
Build Up Cube - Part 2
50
Style Controls
51
Add JavaScript to Project - Part 1
52
Add JavaScript to Project - Part 2
53
Add JavaScript to Project - Part 3

Frequently Asked Questions

It is an online tutorial that covers a specific part of a topic in several sections. An Expert teaches the students with theoretical knowledge as well as with practical examples which makes it easy for students to understand.

A Course helps the user understand a specific part of a concept. While a path and E-Degrees are broader aspects and help the user understand more than just a small area of the concept.

A Course will help you understand any particular topic. For instance, if you are a beginner and want to learn about the basics of any topic in a fluent manner within a short period of time, a Course would be best for you to choose.

We have an inbuilt question-answer system to help you with your queries. Our support staff will be answering all your questions regarding the content of the Course.