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
Nafa Ali Mohamed 7 months ago
Mahadsanid ustaad
Reply
Previous
Next
0% Complete