Course Content
Section 1: Introduction
0/3
Introduction
01:00
2. Who is This Course For?
00:37
3. What You Need
03:09
Section 2. Web Development Fundamentals
0/6
1. Introduction
01:13
2. Languages and Tools of Web Development
02:14
3. How Websites Work
02:00
4. HTML Basics
08:26
5. CSS Basics
03:10
6. Formatting The Code
02:08
Section 3. HTML Basics
0/11
1. Introduction
01:00
2. Text
06:26
3. HTML Entities
03:00
4. Links
11:40
5. HTML Images
06:31
6. Videos and Audio
07:51
7. HTML Lists
06:26
8. HTML Tables
10:25
9. HTML Containers
07:35
10. Semantic Elements
06:35
11. Structuring of Web Pages
03:55
Section 4. CSS Basics
0/12
1. Introduction
01:16
2. Providing CSS
09:55
3. Normalize CSS
04:13
4. CSS Selectors
07:20
5. Pseudo Class Selectors
08:40
6. Pseudo Elements
07:40
7. CSS Specificity
07:15
8. CSS Inheritance
03:00
9. Colors
08:00
10. HTML Gradients
07:22
11. Borders
07:35
12. Shadows
05:53
Section 5.Layouts
0/10
1. Introduction
01:00
2. Box Model
05:58
3. Sizing Elements
08:24
4. Overflow
04:26
5. Measurement Units
08:01
6. Positioning
10:43
7. Flexbox
17:03
8. CSS Grid Layout
10:23
9. Hidden Elements
01:48
10. Media Query
11:22
Section 6. Typography
0/7
1. Introduction
01:14
2. Styling Fonts
10:40
3. Embedding Web Fonts
10:32
4. Font Services
07:32
5. System Font Stack
02:37
6. Spacing
08:44
7. Formatting text
10:02
Section 7. Images
0/7
1. Content Images
02:28
2. Background Images
08:23
3. CSS Sprites
08:58
4. Data URL’s
03:36
5. Clipping
02:26
6. Image Filtering
02:35
7. Font Icons
06:18
Section 8. Forms
0/15
1. Introduction
01:05
2. Creating Basic Form
06:59
3. Styling Forms
13:10
4. CSS Frameworks
09:48
5. Text Fields
10:28
6. Data Lists
03:57
7. Dropdown Lists
06:25
8. Checkboxes
04:39
9. Radio Buttons
02:00
10. Sliders
01:21
11. File Inputs
02:16
12. Grouping Related Fields
01:58
13. Hidden Fields
02:35
14. Data Validation
04:13
15. Submitting the Form
07:26
Section 9. Transformations, Transitions and Animations.
0/6
1. Introduction
00:35
2. Transformations
08:35
3. 3D Transformations
04:43
4. Transitions
04:08
5. Animations
06:50
6. Reusable Animations
03:13
Section 10. Writing Clean and Maintainable CSS
0/5
1. Introduction
01:08
2. CSS Best Practices
12:28
3. CSS Variables
03:42
4. Object Oriented CSS
07:14
5. BEM Technique
03:13
Section 11. Building the Project
0/37
1. Introduction
02:55
2. Setting up the Project
04:17
3. Color Palette
04:14
4. Typography Component
10:25
5. Links Component
12:21
6. Badges Component
08:32
7. Lists Component
12:18
8. Icons Component
08:40
9. Buttons Component
16:21
10. Input Components
06:33
11. Input Group Component
06:56
12. Cards and Plans Component
12:00
13. Popular Badge Component
02:30
14. Media Component
05:25
15. Quotes Component
15:50
16. Grid Component
05:26
17. Testimonials Component
16:50
18. Callout Component
14:10
19. Collapsible Component
21:30
20. Blocks Component
13:06
21. Navbar Component
26:35
22. Hero section Component
13:31
23. Domain Block Component
20:16
24. Plans Block Component
16:00
25. Features Component
14:30
26. Showcase Component
13:00
27. Testimonials Block Component
06:28
28. Footer Component
25:12
29. Putting it all Together
04:31
30. Layout Issue
04:55
31. Callout Issue
01:19
32. Animating Components
04:54
33. Search Engine Optimization
02:20
34. HTML and CSS Validation
06:45
35. Building for Production
12:45
36. Pushing to GitHub
07:41
37. Deployment
12:00
Complete HTML and CSS Course
Join the conversation
Abdiaziz Mohamud 11 months ago
Html iyo Css waa waxa ugu wayn aan xiiseeyo
Reply
Cabdisalaam xasan Cumarxusen 8 months ago
Haa walaahi
siciid mohamed 12 months ago
Guul Ayan rajaynayna dhamanten insha allah
Reply
Mohamed Ahmed Adem 12 months ago
my first day!!! insha allah inaa guul ka wada gaarno ayaa rajeynayaa Kulligeen
Reply
Sakariye Maxamed 12 months ago
Reply
Previous
Next
0% Complete