The Ultimate HTML5 Elements & CSS3 Properties BOOTCAMP
4.4 (48 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
231 students enrolled

The Ultimate HTML5 Elements & CSS3 Properties BOOTCAMP

The Most Comprehensive Course That Covers All the Essentials of HTML5 & CSS3 with 200+ Examples & Challenges
4.4 (48 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
231 students enrolled
Created by Muslim Helalee
Last updated 8/2020
English
English [Auto]
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 38.5 hours on-demand video
  • 8 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Understanding How the Web Works
  • Taking a Deep Look at the Building Blocks of the Web
  • Understanding What HTML and CSS are and Why and Where They are Used
  • Understanding the Web Development Process
  • Chapters Outlining Different Skill Levels for HTML and CSS Best Suited to Each and Every Student
  • Learning Latest Versions of HTML (HTML5) and CSS (CSS3)
  • Learning Practical HTML Elements and CSS Properties
  • Understanding The HTML Syntax
  • Learning Modern HTML Tags and How to Write Them
  • HTML5 Semantic Tags and Their Meaning + Practicality
  • Learning Unique HTML Elements
  • Challenges for Each HTML Lesson to Strengthen the Concepts
  • Real World Challenges are Also Included
  • Writing CSS Properties
  • Understanding CSS Syntax
  • Learning Modern CSS Properties
  • Understanding the Practicality and Necessity of CSS in Modern Web Design and Development
  • Learning All about CSS Animations
  • Learning All About CSS Transformations
  • Learning All About CSS Transitions
  • Challenges for Each CSS Lesson to Strengthen the Concepts
  • Awesome Real-World Challenges are Also Included
  • Diving into Super Advanced Modern CSS Properties and Their Usage
  • Learning How to Create Super Cool and Real-World Effects with Only HTML and CSS
  • Learning Modern Design Trends in CSS
  • Learning Unique and Modern CSS Properties
Course content
Expand all 331 lectures 38:18:38
+ HTML Basics (Theory + Challenges)
31 lectures 02:22:33
What is HTML
10:35
HTML Tags
06:56
The HTML Head Section
10:18
HTML Headings
11:07
Headings Challenge
00:47
Headings Challenge Solution
02:55
HTML Paragraphs
06:05
Paragraphs Challenge
00:54
Paragraphs Challenge Solution
02:52
HTML Formatting Elements
05:47
Formatting Elements Challenge
00:58
Formatting Elements Challenge Solution
04:04
Browser Dev Tools Challenge
01:07
Browser Dev Tools Challenge Solution
07:01
HTML Lists
06:06
Lists Challenge
00:55
Lists Challenge Solution
02:59
HTML Tables
06:26
Tables Challenge
00:50
Tables Challenge Solution
04:18
HTML Links
08:18
Links Challenge
00:52
Links Challenge Solution
03:19
HTML Images
13:31
Images Challenge
00:28
Images Challenge Solution
02:34
HTML Attributes
07:50
Attributes Challenge
01:29
Attributes Challenge Solution
08:50
Chapter Wrap up
00:22
+ Intermediate HTML (Theory + Challenges)
41 lectures 04:06:20
HTML IDs and Classes
08:21
IDs and Classes Challenge
00:47
IDs and Classes Challenge Solution
03:30
HTML Entities and Symbols
07:53
Entities and Symbols Challenge
01:18
Entities and Symbols Challenge Solution
01:53
HTML Forms Part -1
11:46
Forms Challenge 1
01:01
Forms Challenge 1 Solution
03:43
HTML Forms Part -2
13:09
Forms Challenge 2
00:51
Forms Challenge 2 Solution
08:05
HTML Forms Part -3
11:05
Forms Challenge 3
00:27
Forms Challenge 3 Solution
05:22
HTML Forms Part -4
10:50
Forms Challenge 4
01:00
Forms Challenge 4 Solution
03:31
HTML Forms Part -5
13:33
Forms Challenge 5
00:55
Forms Challenge 5 Solution
05:58
HTML Forms Attributes Part -1
10:44
Forms Attributes Challenge 1
01:04
Forms Attributes Challenge 1 Solution
08:04
HTML Forms Attributes Part -2
14:21
Forms Attributes Challenge 2
01:03
Forms Attributes Challenge 2 Solution
11:53
HTML Forms Grand Challenge
04:53
Forms Grand Challenge Solution Part 1
16:24
Forms Grand Challenge Solution Part 2
11:52
Inline and Block Level Elements
08:30
Inline and Block Level Elements Challenge
00:46
Inline and Block Level Elements Challenge Solution
07:41
Icons part -1
17:06
Icons Challenge 1
01:12
Icons Challenge 1 Solution
07:07
Icons part -2
04:19
Icons Challenge 2
00:31
Icons Challenge 2 Solution
01:34
Chapter Wrap up
00:20
+ Advanced HTML (Theory + Challenge)
23 lectures 01:27:41
HTML Videos
08:05
Videos Challenge
00:52
Videos Challenge Solution
02:22
HTML Audios
04:00
Audios Challenge
00:24
Audios Challenge Solution
01:53
YouTube Videos in HTML
04:36
YouTube Challenge
00:57
YouTube Challenge Solution
03:34
HTML Semantic Elements Part -1
14:23
Semantics Challenge 1
00:51
Semantics Challenge 1 Solution
04:21
HTML Semantic Elements Part -2
12:31
Semantics Challenge 2
00:42
Semantics Challenge 2 Solution
03:33
HTML Semantic Elements Part -3
07:23
Semantics Challenge 3
00:31
Semantics Challenge 3 Solution
03:07
HTML Semantic Elements Part -4
06:48
Semantics Challenge 4
00:39
Semantics Challenge 4 Solution
04:08
Chapter Wrap Up
00:39
+ CSS Basics (Theory + Challenges)
63 lectures 06:27:02
CSS Introduction
10:28
CSS Syntax + Connecting CSS to HTML
10:41
Syntax Challenge
01:03
Syntax Challenge Solution
03:44
CSS Colors Part -1
06:26
Colors Challenge 1
00:52
Colors Challenge 1 Solution
02:40
CSS Colors Part -2
17:27
Colors Challenge 2
00:52
Colors Challenge 2 Solution
08:20
CSS Simple Selectors
12:03
Simple Selectors Challenge
00:47
Simple Selectors Challenge Solution
05:23
CSS Background Properties
11:03
Background Properties Challenge
00:33
Background Properties Challenge Solution
03:58
CSS Borders
15:19
Borders Challenge
00:22
Borders Challenge Solution
04:34
CSS Margins
16:47
Margins Challenge
00:44
Margins Challenge Solution
06:24
CSS Paddings
17:41
Paddings Challenge
00:50
Paddings Challenge Solution
07:36
CSS Height and Width
10:10
CSS Box Model
08:08
Box Model Challenge
01:00
Box Model Challenge Solution
04:01
CSS Text Properties
13:05
Text Properties Challenge
00:54
Text Properties Challenge Solution
03:55
CSS Font Properties
16:31
Font Properties Challenge
00:46
Font Properties Challenge Solution
04:22
CSS Links Properties
12:05
Links Properties Challenge
00:34
Links Properties Challenge Solution
04:56
CSS Lists Properties
09:18
Lists Properties Challenge 1
00:48
Lists Properties Challenge 1 Solution
05:17
Lists Properties Challenge 2
00:46
Lists Properties Challenge 2 Solution
11:15
CSS Tables Properties
14:31
Tables Properties Challenge
01:23
Tables Properties Challenge Solution
04:52
CSS Display Properties
07:39
Display Properties Challenge
00:37
Display Properties Challenge Solution
02:34
CSS Inline-Block Display Property
17:19
Nav Challenge
00:25
Nav Challenge Solution
07:14
CSS Position Properties Part -1
05:06
Position Properties Challenge 1
01:12
Position Properties Challenge 1 Solution
05:45
CSS Position Properties Part -2
12:59
Position Properties Challenge 2
01:24
Position Properties Challenge 2 Solution
07:49
CSS Overflow Properties
09:12
Overflow Properties Challenge
00:40
Overflow Properties Challenge Solution
07:15
Chapter Wrap up
00:25
+ Intermediate CSS (Theory + Challenges)
61 lectures 08:25:58
CSS Combinator Selectors
22:12
Combinator Selectors Challenge
00:55
Combinator Selectors Challenge Solution
07:22
CSS Pseudo-Class Selectors Part -1
23:25
Pseudo-Class Selectors Challenge 1
00:39
Pseudo-Class Selectors Challenge 1 Solution
07:16
CSS Pseudo-Class Selectors Part -2
16:15
Pseudo-Class Selectors Challenge 2
01:02
Pseudo-Class Selectors Challenge 2 Solution
05:41
CSS Pseudo-Class Selectors Part -3
07:12
Pseudo-Class Selectors Challenge 3
00:49
Pseudo-Class Selectors Challenge 3 Solution
07:04
CSS Pseudo-Class Selectors Part -4
13:01
Pseudo-Class Selectors Challenge 4
00:57
Pseudo-Class Selectors Challenge 4 Solution
09:28
CSS Opacity Properties
17:05
Opacity Challenge
00:58
Opacity Challenge Solution
08:31
CSS Pseudo-Element Selectors
19:55
Pseudo-Element Selectors Challenge 1
00:44
Pseudo-Element Selectors Challenge 1 Solution
03:47
Pseudo-Element Selectors Instagram Challenge
01:15
Pseudo-Element Selectors Instagram Challenge Solution
15:36
CSS Attribute Selectors Part -1
13:38
Attribute Selectors Challenge 1
00:51
Attribute Selectors Challenge 1 Solution
07:08
CSS Attribute Selectors Part -2
15:07
Attribute Selectors Challenge 2
00:54
Attribute Selectors Challenge 2 Solution
07:27
CSS Styling Form Properties
16:27
Form Style Challenge
02:52
Form Style Challenge Solution
32:43
CSS Units Properties Part -1
23:23
Units Challenge 1
00:53
Units Challenge 1 Solution
04:08
CSS Units Properties Part -2
34:55
Units Challenge 2
01:08
Units Challenge 2 Solution
09:25
CSS Specificity
15:32
Specificity Challenge
00:57
Specificity Challenge Solution
08:21
CSS Menu Dropdowns
20:15
Menu Dropdowns Challenge
00:41
Menu Dropdowns Challenge Solution
11:01
CSS Image Dropdowns
08:31
Image Dropdowns Challenge
00:33
Image Dropdowns Challenge Solution
04:37
CSS Border Radius Property
06:57
Border Radius Challenge
00:34
Border Radius Challenge Solution
03:07
CSS Box Shadow Property
05:27
Box Shadow Challenge
00:39
Box Shadow Challenge Solution
02:33
CSS Gradients Part -1
22:52
Gradients Challenge 1
01:07
Gradients Challenge 1 Solution
03:23
CSS Gradients Part -2
12:34
Gradients Challenge 2
01:07
Gradients Challenge 2 Solution
09:14
Chapter Wrap up
00:30
+ Advanced CSS (Theory + Challenges)
87 lectures 11:24:38
CSS 2D Transforms Part -1
15:40
2D Transforms Challenge 1
00:36
2D Transforms Challenge 1 Solution
03:05
CSS 2D Transforms Part -2
10:19
2D Transforms Challenge 2
00:24
2D Transforms Challenge 2 Solution
02:26
CSS 3D Transforms
23:57
3D Transforms Challenge
00:25
3D Transforms Challenge Solution
04:49
CSS Transitions Part -1
20:56
Transitions Challenge 1
01:06
Transitions Challenge 1 Solution
05:46
CSS Transitions Part -2
13:51
Transitions Challenge 2
00:50
Transitions Challenge 2 Solution
08:03
CSS Animations Part -1
23:07
Animations Challenge 1
00:40
Animations Challenge 1 Solution
11:27
CSS Animations Part -2
29:22
Animations Challenge 2
00:28
Animations Challenge 2 Solution
05:06
CSS Functions Part -1
25:41
Functions Challenge 1
01:11
Functions Challenge 1 Solution
05:49
CSS Functions Part -2
07:45
Functions Challenge 2
00:41
Functions Challenge 2 Solution
04:38
CSS Tooltip Properties Part -1
19:56
Tooltip Properties Challenge 1
00:45
Tooltip Properties Challenge 1 Solution
21:04
CSS Tooltip Properties Part -2
29:22
Tooltip Properties Challenge 2
02:31
Tooltip Properties Challenge 2 Solution
09:05
CSS Button Properties Part -1
14:00
CSS Button Properties Part -2
15:11
Buttons Challenge 1
01:12
Buttons Challenge 1 Solution
08:24
Buttons Challenge 2
01:36
Buttons Challenge 2 Solution
03:55
Buttons Challenge 3
01:44
Buttons Challenge 3 Solution
20:30
Buttons Challenge 4
02:57
Buttons Challenge 4 Solution
19:07
CSS Image Properties
22:01
Images Challenge 1
01:43
Images Challenge 1 Solution
09:44
Images Challenge 2
01:17
Images Challenge 2 Solution
07:29
Images Challenge 3
01:11
Images Challenge 3 Solution
07:17
Images Challenge 4
00:41
Images Challenge 4 Solution
06:39
Images Challenge 5
00:49
Images Challenge 5 Solution
10:22
Images Challenge 6
00:54
Images Challenge 6 Solution
04:21
CSS Advanced Background Properties
27:35
Advanced Background Properties Challenge
00:31
Advanced Background Properties Challenge Solution
06:59
CSS Multi-Column Properties
14:25
Multi-Column Properties Challenge
00:54
Multi-Column Properties Challenge Solution
02:35
CSS User Interface Properties
10:57
User Interface Properties Challenge
00:44
User Interface Properties Challenge Solution
02:07
CSS Object Fit Property
11:59
Object Fit Challenge
01:16
Object Fit Challenge Solution
03:02
CSS Object Position Property
11:21
Object Position Challenge
00:49
Object Position Challenge Solution
02:55
CSS Background Blend Mode Property
18:43
Background Blend Mode Challenge
00:36
Background Blend Mode Challenge Solution
06:26
CSS Mix Blend Mode Property
20:17
Mix Blend Mode Challenge
00:31
Mix Blend Mode Challenge Solution
05:08
CSS Filter Property
15:56
Filters Challenge
00:39
Filters Challenge Solution
02:58
CSS Clip Path Property
28:02
Clip Path Challenge 1
00:35
Clip Path Challenge 1 Solution
01:36
Clip Path Challenge 2
00:50
Clip Path Challenge 2 Solution
05:34
Chapter Wrap up
00:36
+ Advanced Challenges (Mini-projects)
20 lectures 03:22:27
Floating Box Background Animation Effect
01:52
Floating Box Background Animation Effect Solution
30:39
Loading Effect
02:30
Loading Effect Solution
17:58
Border Animation Effect
01:47
Border Animation Effect Solution
22:47
Form Effect
01:34
Forms Effect Solution
31:31
Scrolling Parallax Effect
01:57
Scrolling Parallax Effect Solution
11:36
On Off Button Effect
01:40
On Off Button Effect Solution
22:47
Button Hover Effect
00:55
Button Hover Effect Solution
08:22
Glowing Icon Effect
01:17
Glowing Icon Effect Solution
21:11
Neomorphic Icon Effect
02:34
Neomorphic Icon Effect Solution
18:14
Chapter Wrap up
00:19
Requirements
  • No Previous Knowledge of HTML or CSS is Needed at All
  • Being Interested in BECOMING a MASTER of HTML5 & CSS3
  • Being Interested in Learning Web Development and Web Design
  • Have a Computer + Internet Connection and Leave the Rest to Me :)
Description

***** Course Description *****

  • You will learn all the necessary HTML Elements

  • You will learn all the new HTML Elements

  • You will learn all the necessary CSS Properties

  • You will learn all the new CSS Properties

  • You will learn CSS Animations in depth

  • You will learn CSS Transformations in depth

  • You will learn modern CSS design trends

  • You will be able solve cool and awesome mini-projects

Why Choose This Course?

This is the most comprehensive course on the Essentials of HTML and CSS. In this course you will learn the web development process and how HTML & CSS fit into the picture. This course will make you a wizard of HTML and CSS, therefore you will be able to write HTML and CSS comfortably and quickly. All the new and modern features of HTML and CSS are included and you will have more than 200 examples and challenges along the way. By enrolling in this course, you will have an amazing and unique experience of learning all the nuts and bolts of how HTML and CSS work in a real world context.

How Is This Course Different?

This Course has 38 hours of 1080p HD quality lectures making it one of the largest online courses ever on the topic of covering all the necessary elements of HTML and properties of CSS. This Course builds concepts in a harmonious and easy to understand way specific to anyone who is interested in web development. The sheer volume of examples and challenge (more than 200 of them) will make sure you truly learn everything presented in the course. This course is not only about learning, but also about having fun. That’s why I have included awesome and cool effects that you can create with only HTML and CSS.

One Last Thing to Keep in Mind

This course is NOT going to be a static course. I will definitely update it regularly for fresh content.

So, what are you waiting for? Let’s start this epic journey together by ENROLLING IN THIS COURSE RIGHT NOW!

Who this course is for:
  • Anyone Who is Interested in Learning Front-end Web Development, specifically HTML5 and CSS3, Can Take This Course Regardless of Their Skill Level
  • Absolute Beginners Who are Passionate About Learning Web development
  • The Course Starts from the Scratch and Will Cover Everything You Will Ever Need About HTML5 and CSS3
  • If You Have an Intermediate Level Command Over HTML and CSS, You Can Take the Course and Start from the Intermediate Chapters and Move Forward
  • Even If You Are an Advanced Level Web Developer, Then Refresh and Extend Your Knowledge by Taking the Course and Start from the Advanced Chapters
  • The Course Has Been Strategically Designed and Arranged in a Way that Anyone Can Benefit from it as long as you are Interested in Becoming Web Developers