Seize the opportunity to gain new skills and reshape your career!

Choose a free learning path and get valuable insights from first-rate courses
watching now
1 Students
62 Lessons
Beginner

What Will You Learn?

  • How to build websites with HTML and CSS
  • Best practises used to build websites
  • Responsive design creation and its necessity

Curriculum

9h 25m
Section 1: Install The Needed Programs
1:25:13
Download the tools
04:56
Play around with Git
09:14
Setup Visual Studio Code
10:03
HTML and CSS in Action
07:11
Different Types of Tags in HTML
10:04
CSS in Action intro
08:30
Build Out our test
17:55
Finish the test with understanding flexbox
09:46
Section 3: Build Website Navigation Different Style
23:22
Create Our Files
06:03
Add the mark up for the project
05:28
Add the style for the project
11:51
Section 4: More Advanced Navigation
21:13
Add the HTML for the project
08:10
Finish the style for the project
13:03
Section 5: Navigation Challenge for You
19:44
Build Instagram Navigation Clone HTML
09:53
Finish the challenge CSS3
09:51
Section 6: Building The Header Basics Types
23:20
Building The Header Basics Types (HTML)
05:38
Building The Header Basics Types (CSS3)
17:42
Section 7: More Advanced Types of header
16:43
More Advanced Types of header (HTML)
03:21
More Advanced Types of header (CSS3)
07:12
More Advanced Types of header (CSS3) 2
06:10
Section 8: The Header challenge For You
26:18
Add the HTML for the project (Challenge part 1)
07:47
The Header challenge For You part 2
07:52
The Header challenge For You part 3
10:39
Section 9: Start Working With Sections
32:04
One column layout
07:46
Two column layout
08:33
Third type of page section: three column layout
06:49
Four Column Layout
08:56
Section 10: Style The Whole Page
28:18
Images as Background fro the Sections
04:02
Add The Footer to the page
06:21
Add Animation to the page
09:06
Add titles to the sections
08:49
Section 11: One Step in the World of organization
30:57
Using comments in your code
08:23
Clean up the CSS files with the classes
11:56
Intro to the BEM notation
10:38
Section 12: Work With intermediate Layout Pages
36:00
The Three by Two Column Layout
14:50
The Sub Three By Two Column Layout part 1
07:46
The Sub Three By Two Column Layout part 2
13:24
Section 13: Layout Page challenges Advanced Layout Page
1:04:26
Layout Page challenges Advanced Layout Page
14:55
Challenge Two Udemy sections clone Build Advanced Layout
07:39
Challenge Two Udemy sections clone Build Advanced Layout part 2
Challenge Two Udemy sections clone Build Advanced Layout part 3
08:58
Challenge Three Build Advanced Layout part 1
05:55
Challenge Three Build Advanced Layout part 2
09:37
Last Challenge Build Advanced Layout part 1
04:13
Last Challenge Build Advanced Layout part 2
13:09
Section 14: Responsive Web Design (Layout)
37:21
Make the Service section responsive
10:15
Make the our team section responsive
08:18
Make the about section responsive
08:06
Make the courses section responsive
10:42
Section 15: First Look at Sass
1:15:07
First Look at Sass
07:32
Install node Sass to compile Sass code into CSS3
18:59
Build the nav with Sass part 1
09:59
Finish the hero of the header part 2
12:06
Finish the header
10:44
Finish the side header part 3
06:19
Apply the nesting from Sass to our project
09:28

Description

Requirements

  • Visual Studio Code
  • Git Bash

About the Instructor

95% of students rated this instructor as excellent!
Reviews 1
Students 86
Courses 3

Hi there!

My name is Abd Alwahab I am an Android developer I am Working as freelancer and I have changed my life with Android Apps. I am here to help you to do the same thing. I started with web development but 2 years ago the World of App Development became great and it's time to create very big Apps For Android.

Building Android apps for me is more than a job. I like to spend most of my time by developing Android Apps and designing them.

Developing Android Apps is my Life :)

BitDegree platform reviews

Our students say Excellent
9.5 out of 10
trustpilot logo 1 trustpilot logo