WFC Internal css Gratis

Learn Basic CSS

Learn the fundamentals of CSS and apply them to practical layouts.

170 materi 13 sesi Belajar penuh di WFC Diperbarui 26 Mei 2026
Login untuk Mulai Lihat Kurikulum
Learn Basic CSS
Kurikulum internal

Materi, practice, quiz, dan lab disusun agar selesai langsung di dalam WFC.

Total item 170

Semua materi yang tersedia di kurikulum ini.

Practice 89

Latihan langsung untuk mengasah pemahaman.

Quiz + Lab 52

Kombinasi evaluasi cepat dan praktik terstruktur.

Overview

Tentang kursus ini

Learn the fundamentals of CSS and apply them to practical layouts.

  • Level: beginner
  • Topik: css
  • Estimasi jam: 3
  • Total sesi: 12
  • Total item kurikulum: 122
Curriculum

Materi dan sesi belajar

170 item
Sesi

What Is CSS?

10 materi 4 aktivitas

Materi Bacaan

Baca dulu inti pembahasannya sebelum lanjut ke pengerjaan.

Aktivitas Terpisah

Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.

11

What Is CSS? Section Quiz 1

Quiz

What Is CSS?

Kerjakan
12

What Is CSS? Section Quiz 2

Quiz

What Is CSS?

Kerjakan
13

What Is CSS? Section Quiz 3

Quiz

What Is CSS?

Kerjakan
14

What Is CSS? Checkpoint Quiz

Quiz

What Is CSS?

Kerjakan
Sesi

Design a Cafe Menu

0 materi 113 aktivitas

Aktivitas Terpisah

Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.

15

Step 1

Practice

Design a Cafe Menu

Kerjakan
16

Step 2

Practice

Design a Cafe Menu

Kerjakan
17

Step 3

Practice

Design a Cafe Menu

Kerjakan
18

Step 4

Practice

Design a Cafe Menu

Kerjakan
19

Step 5

Practice

Design a Cafe Menu

Kerjakan
20

Step 6

Practice

Design a Cafe Menu

Kerjakan
21

Step 7

Practice

Design a Cafe Menu

Kerjakan
22

Step 8

Practice

Design a Cafe Menu

Kerjakan
23

Step 9

Practice

Design a Cafe Menu

Kerjakan
24

Step 10

Practice

Design a Cafe Menu

Kerjakan
25

Step 11

Practice

Design a Cafe Menu

Kerjakan
26

Step 12

Practice

Design a Cafe Menu

Kerjakan
27

Step 13

Practice

Design a Cafe Menu

Kerjakan
28

Step 14

Practice

Design a Cafe Menu

Kerjakan
29

Step 15

Practice

Design a Cafe Menu

Kerjakan
30

Step 16

Practice

Design a Cafe Menu

Kerjakan
31

Step 17

Practice

Design a Cafe Menu

Kerjakan
32

Step 18

Practice

Design a Cafe Menu

Kerjakan
33

Step 19

Practice

Design a Cafe Menu

Kerjakan
34

Step 20

Practice

Design a Cafe Menu

Kerjakan
35

Step 21

Practice

Design a Cafe Menu

Kerjakan
36

Step 22

Practice

Design a Cafe Menu

Kerjakan
37

Step 23

Practice

Design a Cafe Menu

Kerjakan
38

Step 24

Practice

Design a Cafe Menu

Kerjakan
39

Step 25

Practice

Design a Cafe Menu

Kerjakan
40

Step 26

Practice

Design a Cafe Menu

Kerjakan
41

Step 27

Practice

Design a Cafe Menu

Kerjakan
42

Step 28

Practice

Design a Cafe Menu

Kerjakan
43

Step 29

Practice

Design a Cafe Menu

Kerjakan
44

Step 30

Practice

Design a Cafe Menu

Kerjakan
45

Step 31

Practice

Design a Cafe Menu

Kerjakan
46

Step 32

Practice

Design a Cafe Menu

Kerjakan
47

Step 33

Practice

Design a Cafe Menu

Kerjakan
48

Step 34

Practice

Design a Cafe Menu

Kerjakan
49

Step 35

Practice

Design a Cafe Menu

Kerjakan
50

Step 36

Practice

Design a Cafe Menu

Kerjakan
51

Step 37

Practice

Design a Cafe Menu

Kerjakan
52

Step 38

Practice

Design a Cafe Menu

Kerjakan
53

Step 39

Practice

Design a Cafe Menu

Kerjakan
54

Step 40

Practice

Design a Cafe Menu

Kerjakan
55

Step 41

Practice

Design a Cafe Menu

Kerjakan
56

Step 42

Practice

Design a Cafe Menu

Kerjakan
57

Step 43

Practice

Design a Cafe Menu

Kerjakan
58

Step 44

Practice

Design a Cafe Menu

Kerjakan
59

Step 45

Practice

Design a Cafe Menu

Kerjakan
60

Step 46

Practice

Design a Cafe Menu

Kerjakan
61

Step 47

Practice

Design a Cafe Menu

Kerjakan
62

Step 48

Practice

Design a Cafe Menu

Kerjakan
63

Step 49

Practice

Design a Cafe Menu

Kerjakan
64

Step 50

Practice

Design a Cafe Menu

Kerjakan
65

Step 51

Practice

Design a Cafe Menu

Kerjakan
66

Step 52

Practice

Design a Cafe Menu

Kerjakan
67

Step 53

Practice

Design a Cafe Menu

Kerjakan
68

Step 54

Practice

Design a Cafe Menu

Kerjakan
69

Step 55

Practice

Design a Cafe Menu

Kerjakan
70

Step 56

Practice

Design a Cafe Menu

Kerjakan
71

Step 57

Practice

Design a Cafe Menu

Kerjakan
72

Step 58

Practice

Design a Cafe Menu

Kerjakan
73

Step 59

Practice

Design a Cafe Menu

Kerjakan
74

Step 60

Practice

Design a Cafe Menu

Kerjakan
75

Step 61

Practice

Design a Cafe Menu

Kerjakan
76

Step 62

Practice

Design a Cafe Menu

Kerjakan
77

Step 63

Practice

Design a Cafe Menu

Kerjakan
78

Step 64

Practice

Design a Cafe Menu

Kerjakan
79

Step 65

Practice

Design a Cafe Menu

Kerjakan
80

Step 66

Practice

Design a Cafe Menu

Kerjakan
81

Step 67

Practice

Design a Cafe Menu

Kerjakan
82

Step 68

Practice

Design a Cafe Menu

Kerjakan
83

Step 69

Practice

Design a Cafe Menu

Kerjakan
84

Step 70

Practice

Design a Cafe Menu

Kerjakan
85

Step 71

Practice

Design a Cafe Menu

Kerjakan
86

Step 72

Practice

Design a Cafe Menu

Kerjakan
87

Step 73

Practice

Design a Cafe Menu

Kerjakan
88

Step 74

Practice

Design a Cafe Menu

Kerjakan
89

Step 75

Practice

Design a Cafe Menu

Kerjakan
90

Step 76

Practice

Design a Cafe Menu

Kerjakan
91

Step 77

Practice

Design a Cafe Menu

Kerjakan
92

Step 78

Practice

Design a Cafe Menu

Kerjakan
93

Step 79

Practice

Design a Cafe Menu

Kerjakan
94

Step 80

Practice

Design a Cafe Menu

Kerjakan
95

Step 81

Practice

Design a Cafe Menu

Kerjakan
96

Step 82

Practice

Design a Cafe Menu

Kerjakan
97

Step 83

Practice

Design a Cafe Menu

Kerjakan
98

Step 84

Practice

Design a Cafe Menu

Kerjakan
99

Step 85

Practice

Design a Cafe Menu

Kerjakan
100

Step 86

Practice

Design a Cafe Menu

Kerjakan
101

Step 87

Practice

Design a Cafe Menu

Kerjakan
102

Step 88

Practice

Design a Cafe Menu

Kerjakan
103

Step 89

Practice

Design a Cafe Menu

Kerjakan
104

Design a Cafe Menu Section Quiz 1

Quiz

Design a Cafe Menu

Kerjakan
105

Design a Cafe Menu Section Quiz 2

Quiz

Design a Cafe Menu

Kerjakan
106

Design a Cafe Menu Section Quiz 3

Quiz

Design a Cafe Menu

Kerjakan
107

Design a Cafe Menu Section Quiz 4

Quiz

Design a Cafe Menu

Kerjakan
108

Design a Cafe Menu Section Quiz 5

Quiz

Design a Cafe Menu

Kerjakan
109

Design a Cafe Menu Section Quiz 6

Quiz

Design a Cafe Menu

Kerjakan
110

Design a Cafe Menu Section Quiz 7

Quiz

Design a Cafe Menu

Kerjakan
111

Design a Cafe Menu Section Quiz 8

Quiz

Design a Cafe Menu

Kerjakan
112

Design a Cafe Menu Section Quiz 9

Quiz

Design a Cafe Menu

Kerjakan
113

Design a Cafe Menu Section Quiz 10

Quiz

Design a Cafe Menu

Kerjakan
114

Design a Cafe Menu Section Quiz 11

Quiz

Design a Cafe Menu

Kerjakan
115

Design a Cafe Menu Section Quiz 12

Quiz

Design a Cafe Menu

Kerjakan
116

Design a Cafe Menu Section Quiz 13

Quiz

Design a Cafe Menu

Kerjakan
117

Design a Cafe Menu Section Quiz 14

Quiz

Design a Cafe Menu

Kerjakan
118

Design a Cafe Menu Section Quiz 15

Quiz

Design a Cafe Menu

Kerjakan
119

Design a Cafe Menu Section Quiz 16

Quiz

Design a Cafe Menu

Kerjakan
120

Design a Cafe Menu Section Quiz 17

Quiz

Design a Cafe Menu

Kerjakan
121

Design a Cafe Menu Section Quiz 18

Quiz

Design a Cafe Menu

Kerjakan
122

Design a Cafe Menu Section Quiz 19

Quiz

Design a Cafe Menu

Kerjakan
123

Design a Cafe Menu Section Quiz 20

Quiz

Design a Cafe Menu

Kerjakan
124

Design a Cafe Menu Section Quiz 21

Quiz

Design a Cafe Menu

Kerjakan
125

Design a Cafe Menu Section Quiz 22

Quiz

Design a Cafe Menu

Kerjakan
126

Design a Cafe Menu Section Quiz 23

Quiz

Design a Cafe Menu

Kerjakan
127

Design a Cafe Menu Checkpoint Quiz

Quiz

Design a Cafe Menu

Kerjakan
Sesi

Design a Business Card

0 materi 3 aktivitas

Aktivitas Terpisah

Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.

128

Design a Business Card

Lab

Latihan lab singkat. Fokus langsung ke pengerjaan.

Mulai
129

Design a Business Card Section Quiz 1

Quiz

Design a Business Card

Kerjakan
130

Design a Business Card Checkpoint Quiz

Quiz

Design a Business Card

Kerjakan
Sesi

CSS Specificity, the Cascade Algorithm, and Inheritance

8 materi 3 aktivitas

Materi Bacaan

Baca dulu inti pembahasannya sebelum lanjut ke pengerjaan.

Aktivitas Terpisah

Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.

139

CSS Specificity, the Cascade Algorithm, and Inheritance Section Quiz 1

Quiz

CSS Specificity, the Cascade Algorithm, and Inheritance

Kerjakan
140

CSS Specificity, the Cascade Algorithm, and Inheritance Section Quiz 2

Quiz

CSS Specificity, the Cascade Algorithm, and Inheritance

Kerjakan
141

CSS Specificity, the Cascade Algorithm, and Inheritance Checkpoint Quiz

Quiz

CSS Specificity, the Cascade Algorithm, and Inheritance

Kerjakan
Sesi

CSS Fundamentals Review

0 materi 3 aktivitas

Aktivitas Terpisah

Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.

142

CSS Fundamentals Review

Review

CSS Fundamentals Review

Kerjakan
143

CSS Fundamentals Review Section Quiz 1

Quiz

CSS Fundamentals Review

Kerjakan
144

CSS Fundamentals Review Checkpoint Quiz

Quiz

CSS Fundamentals Review

Kerjakan
Sesi

CSS Fundamentals Quiz

0 materi 2 aktivitas

Aktivitas Terpisah

Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.

145

CSS Fundamentals Quiz

Quiz

CSS Fundamentals Quiz

Kerjakan
146

CSS Fundamentals Quiz Checkpoint Quiz

Quiz

CSS Fundamentals Quiz

Kerjakan
Sesi

Styling Lists and Links

4 materi 2 aktivitas

Materi Bacaan

Baca dulu inti pembahasannya sebelum lanjut ke pengerjaan.

Aktivitas Terpisah

Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.

151

Styling Lists and Links Section Quiz 1

Quiz

Styling Lists and Links

Kerjakan
152

Styling Lists and Links Checkpoint Quiz

Quiz

Styling Lists and Links

Kerjakan
Sesi

Build a Stylized To-Do List

0 materi 3 aktivitas

Aktivitas Terpisah

Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.

153

Build a Stylized To-Do list

Lab

Latihan lab singkat. Fokus langsung ke pengerjaan.

Mulai
154

Build a Stylized To-Do List Section Quiz 1

Quiz

Build a Stylized To-Do List

Kerjakan
155

Build a Stylized To-Do List Checkpoint Quiz

Quiz

Build a Stylized To-Do List

Kerjakan
Sesi

Working with Backgrounds and Borders

4 materi 2 aktivitas

Materi Bacaan

Baca dulu inti pembahasannya sebelum lanjut ke pengerjaan.

Aktivitas Terpisah

Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.

160

Working with Backgrounds and Borders Section Quiz 1

Quiz

Working with Backgrounds and Borders

Kerjakan
161

Working with Backgrounds and Borders Checkpoint Quiz

Quiz

Working with Backgrounds and Borders

Kerjakan
Sesi

Design a Blog Post Card

0 materi 3 aktivitas

Aktivitas Terpisah

Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.

162

Design a Blog Post Card

Lab

Latihan lab singkat. Fokus langsung ke pengerjaan.

Mulai
163

Design a Blog Post Card Section Quiz 1

Quiz

Design a Blog Post Card

Kerjakan
164

Design a Blog Post Card Checkpoint Quiz

Quiz

Design a Blog Post Card

Kerjakan
Sesi

Lists, Links, CSS Background and Borders Review

0 materi 3 aktivitas

Aktivitas Terpisah

Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.

165

Lists, Links, Background and Borders Review

Review

Lists, Links, CSS Background and Borders Review

Kerjakan
166

Lists, Links, CSS Background and Borders Review Section Quiz 1

Quiz

Lists, Links, CSS Background and Borders Review

Kerjakan
167

Lists, Links, CSS Background and Borders Review Checkpoint Quiz

Quiz

Lists, Links, CSS Background and Borders Review

Kerjakan
Sesi

CSS Backgrounds and Borders Quiz

0 materi 2 aktivitas

Aktivitas Terpisah

Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.

168

Lists, Links, Backgrounds and Borders Quiz

Quiz

CSS Backgrounds and Borders Quiz

Kerjakan
169

CSS Backgrounds and Borders Quiz Checkpoint Quiz

Quiz

CSS Backgrounds and Borders Quiz

Kerjakan
Sesi

Evaluasi Akhir

0 materi 1 aktivitas

Aktivitas Terpisah

Practice, quiz, lab, review, dan evaluasi ada di area kerja tersendiri.

170

Final Exam: Learn Basic CSS

Exam

Evaluasi Akhir

Kerjakan