Create An Animated Landing Page by HTML, CSS and JavaScript

Focused View

1:24:48

0 View

1 - Introduction to Web Development

1 - Why you should learn web development.mp4

02:45

2 - HTML

2 - HTML Structure.mp4

01:58

3 - CSS

3 - CSS Structure.mp4

02:02

4 - JavaScript

4 - JavaScript Structure.mp4

02:44

5 - Introduction to VSCode

5 - Introduction to Visual Studio Code VSCode.mp4

03:57

6 - Web Design

6 - Introduction to Figma.mp4

01:42

7 - An Overview of HTML5

7 - An Overview of HTML5 structure.mp4

05:06

8 - Landing Page Project

8 - HTML Header.mp4

07:07

8 - guides.rar

9 - CSS Header part 1 important.mp4

07:27

10 - CSS Header part 2 important.mp4

07:55

10 - guids.rar

11 - SubMenu.mp4

08:07

11 - guids.rar

12 - Sliders.mp4

08:50

13 - JavaScript part 1.mp4

06:35

14 - JavaScript part 2.mp4

07:05

14 - guids.rar

15 - Responsive Design part 1.mp4

06:07

16 - Responsive Design part 2.mp4

04:58

16 - guids.rar

9 - Exercise 1 Modern search box by HTML and CSS

17 - Search box Source code.txt

17 - Search box exercise.mp4

00:11

10 - Exercise 2 Animated Rainbow on text by HTML CSS and JavaScript

18 - Rainbow on text Source code.txt

18 - Rainbow on text exercise.mp4

00:12

11 - Practice Test

1 - Practice Test.html

12 - Final part

19 - Landing Page project Source code.html

19 - Landing-Page.rar

20 - Bonus Lecture.html

20 - Bonus-Lecture.pdf

Description

Learn modern HTML5, CSS3 and JavaScript by creating Responsive and Interactive Web Page includes Flexbox and much more

What You'll Learn?

Become a modern and confident HTML and CSS developer, no prior knowledge needed!
Perfect for beginners looking for things to build unique projects in a short timeframe.
Design and build a stunning real-world projects.
Use modern HTML5.
Modern styling with Flexbox, CSS animations, transition, custom properties, etc.
Create responsive, accessible, and amazing layouts.
Use JavaScript variables, conditionals, functions and objects.
Using event property in advanced JavaScript.
How to work with Visual Studio Code (VSCode).
Work as a freelance frontend developer.

Who is this for?

This course is for those who are interested in learning to Code.

Complete beginners who want to learn how to build a professional, beautiful and responsive web pages in a fun way.

If you want to improve your skills in HTML, CSS, & JavaScript, take this course.

Students who are interested in learning how to add client-side interactivity using JavaScript.

What You Need to Know?

No coding or design experience necessary

A computer with access to the internet

Any computer works, (Windows, macOS or Linux)

You don’t need to buy any software, we will use the best free code editor in the world

More details

Description
Hi, Welcome to the course that is created by HTML, CSS, & JavaScript!
Building website allows you to doÂ fun and creative work, from anywhere in the world, and it even pays well. Web development is one of theÂ most future-proof and highest-paying industriesÂ in the world. And HTML and CSS is the entry point to this world!
If you are interested in front-end development, look no further. This course is the complete beginners that is fully mobile responsive.
The advantage of this course is that itâ€™s completely project-based and I use my avatar to clearly describe everything. It makes the lesson absolutely understandable.
This lecture divides to three sections. We start by exploring HTML5, students learn the composition of a web page and how a web browser interprets html code to display the visual elements of a page.
The HTMLÂ sections covers the following key concepts:
HTML Structure
An overview of HTML5
Using division tag
Creating Ordered &Â Unordered Lists
Inserting Images
Creating Links Tags
Inserting section
Using attributes
+ Much More
Here, students will learn to add stunning design elements to really make web pages visually aesthetic. We will also cover CSS attributes and properties for adding style to web documents and make the web pages completely mobile responsive.
The CSSÂ section of this course covers the following key concepts:
CSSÂ Rules
CSS class
Divisions
CSSÂ id
The Box model
Font Properties
Backgrounds
Positioning
Link Styling
CSS animation
Display flex
Transition
+ Much More
In the last section of this course students will dive into adding interactive client-side functionality using JavaScript. JavaScript is an extremely powerful front-end programming language that can really help take web pages to another level. This section teaches students how to animate images and objects, and manipulate both HTMLÂ and CSSÂ elements using the DOMÂ (Document Object Model).
The JavaScript section covers the following key concepts:
JavaScript output
Variable declarations
Objects
Strings
Methods
Conditional statements
Functions and events
jQuery library
+Â Much More

Weâ€™ll take the time toÂ explain every contentÂ that my avatar and I teach, so that you actually learn details. By the end of this course, you'll learn how to code and be ready to build any awesome web page you want.
So what are you waiting for? Check out the full curriculum, join me on this journey and enroll in this course. Iâ€™ll be there for you every step of the way.

Who this course is for:
This course is for those who are interested in learning to Code.
Complete beginners who want to learn how to build a professional, beautiful and responsive web pages in a fun way.
If you want to improve your skills in HTML, CSS, & JavaScript, take this course.
Students who are interested in learning how to add client-side interactivity using JavaScript.

User Reviews

Rating

average 0

Total votes0

Focused display

CSS

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.