WFC Internal css Gratis

Learn the CSS Box Model

Learn how spacing, borders, and layout effects work together.

75 materi 6 sesi Belajar penuh di WFC Diperbarui 26 Mei 2026
Login untuk Mulai Lihat Kurikulum
Learn the CSS Box Model
Kurikulum internal

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

Total item 75

Semua materi yang tersedia di kurikulum ini.

Practice 44

Latihan langsung untuk mengasah pemahaman.

Quiz + Lab 22

Kombinasi evaluasi cepat dan praktik terstruktur.

Overview

Tentang kursus ini

Learn how spacing, borders, and layout effects work together.

  • Level: intermediate
  • Topik: css
  • Estimasi jam: 2
  • Total sesi: 5
  • Total item kurikulum: 54
Curriculum

Materi dan sesi belajar

75 item
Sesi

Working with CSS Transforms, Overflow, and Filters

7 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.

8

Working with CSS Transforms, Overflow, and Filters Section Quiz 1

Quiz

Working with CSS Transforms, Overflow, and Filters

Kerjakan
9

Working with CSS Transforms, Overflow, and Filters Section Quiz 2

Quiz

Working with CSS Transforms, Overflow, and Filters

Kerjakan
10

Working with CSS Transforms, Overflow, and Filters Checkpoint Quiz

Quiz

Working with CSS Transforms, Overflow, and Filters

Kerjakan
Sesi

Design a Rothko Painting

0 materi 56 aktivitas

Aktivitas Terpisah

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

11

Step 1

Practice

Design a Rothko Painting

Kerjakan
12

Step 2

Practice

Design a Rothko Painting

Kerjakan
13

Step 3

Practice

Design a Rothko Painting

Kerjakan
14

Step 4

Practice

Design a Rothko Painting

Kerjakan
15

Step 5

Practice

Design a Rothko Painting

Kerjakan
16

Step 6

Practice

Design a Rothko Painting

Kerjakan
17

Step 7

Practice

Design a Rothko Painting

Kerjakan
18

Step 8

Practice

Design a Rothko Painting

Kerjakan
19

Step 9

Practice

Design a Rothko Painting

Kerjakan
20

Step 10

Practice

Design a Rothko Painting

Kerjakan
21

Step 11

Practice

Design a Rothko Painting

Kerjakan
22

Step 12

Practice

Design a Rothko Painting

Kerjakan
23

Step 13

Practice

Design a Rothko Painting

Kerjakan
24

Step 14

Practice

Design a Rothko Painting

Kerjakan
25

Step 15

Practice

Design a Rothko Painting

Kerjakan
26

Step 16

Practice

Design a Rothko Painting

Kerjakan
27

Step 17

Practice

Design a Rothko Painting

Kerjakan
28

Step 18

Practice

Design a Rothko Painting

Kerjakan
29

Step 19

Practice

Design a Rothko Painting

Kerjakan
30

Step 20

Practice

Design a Rothko Painting

Kerjakan
31

Step 21

Practice

Design a Rothko Painting

Kerjakan
32

Step 22

Practice

Design a Rothko Painting

Kerjakan
33

Step 23

Practice

Design a Rothko Painting

Kerjakan
34

Step 24

Practice

Design a Rothko Painting

Kerjakan
35

Step 25

Practice

Design a Rothko Painting

Kerjakan
36

Step 26

Practice

Design a Rothko Painting

Kerjakan
37

Step 27

Practice

Design a Rothko Painting

Kerjakan
38

Step 28

Practice

Design a Rothko Painting

Kerjakan
39

Step 29

Practice

Design a Rothko Painting

Kerjakan
40

Step 30

Practice

Design a Rothko Painting

Kerjakan
41

Step 31

Practice

Design a Rothko Painting

Kerjakan
42

Step 32

Practice

Design a Rothko Painting

Kerjakan
43

Step 33

Practice

Design a Rothko Painting

Kerjakan
44

Step 34

Practice

Design a Rothko Painting

Kerjakan
45

Step 35

Practice

Design a Rothko Painting

Kerjakan
46

Step 36

Practice

Design a Rothko Painting

Kerjakan
47

Step 37

Practice

Design a Rothko Painting

Kerjakan
48

Step 38

Practice

Design a Rothko Painting

Kerjakan
49

Step 39

Practice

Design a Rothko Painting

Kerjakan
50

Step 40

Practice

Design a Rothko Painting

Kerjakan
51

Step 41

Practice

Design a Rothko Painting

Kerjakan
52

Step 42

Practice

Design a Rothko Painting

Kerjakan
53

Step 43

Practice

Design a Rothko Painting

Kerjakan
54

Step 44

Practice

Design a Rothko Painting

Kerjakan
55

Design a Rothko Painting Section Quiz 1

Quiz

Design a Rothko Painting

Kerjakan
56

Design a Rothko Painting Section Quiz 2

Quiz

Design a Rothko Painting

Kerjakan
57

Design a Rothko Painting Section Quiz 3

Quiz

Design a Rothko Painting

Kerjakan
58

Design a Rothko Painting Section Quiz 4

Quiz

Design a Rothko Painting

Kerjakan
59

Design a Rothko Painting Section Quiz 5

Quiz

Design a Rothko Painting

Kerjakan
60

Design a Rothko Painting Section Quiz 6

Quiz

Design a Rothko Painting

Kerjakan
61

Design a Rothko Painting Section Quiz 7

Quiz

Design a Rothko Painting

Kerjakan
62

Design a Rothko Painting Section Quiz 8

Quiz

Design a Rothko Painting

Kerjakan
63

Design a Rothko Painting Section Quiz 9

Quiz

Design a Rothko Painting

Kerjakan
64

Design a Rothko Painting Section Quiz 10

Quiz

Design a Rothko Painting

Kerjakan
65

Design a Rothko Painting Section Quiz 11

Quiz

Design a Rothko Painting

Kerjakan
66

Design a Rothko Painting Checkpoint Quiz

Quiz

Design a Rothko Painting

Kerjakan
Sesi

Build a Confidential Email Page

0 materi 3 aktivitas

Aktivitas Terpisah

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

67

Build a Confidential Email Page

Lab

Latihan lab singkat. Fokus langsung ke pengerjaan.

Mulai
68

Build a Confidential Email Page Section Quiz 1

Quiz

Build a Confidential Email Page

Kerjakan
69

Build a Confidential Email Page Checkpoint Quiz

Quiz

Build a Confidential Email Page

Kerjakan
Sesi

CSS Layouts and Effects Review

0 materi 3 aktivitas

Aktivitas Terpisah

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

70

CSS Layouts and Effects Review

Review

CSS Layouts and Effects Review

Kerjakan
71

CSS Layouts and Effects Review Section Quiz 1

Quiz

CSS Layouts and Effects Review

Kerjakan
72

CSS Layouts and Effects Review Checkpoint Quiz

Quiz

CSS Layouts and Effects Review

Kerjakan
Sesi

CSS Layout and Effects Quiz

0 materi 2 aktivitas

Aktivitas Terpisah

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

73

CSS Layout and Effects Quiz

Quiz

CSS Layout and Effects Quiz

Kerjakan
74

CSS Layout and Effects Quiz Checkpoint Quiz

Quiz

CSS Layout and Effects Quiz

Kerjakan
Sesi

Evaluasi Akhir

0 materi 1 aktivitas

Aktivitas Terpisah

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

75

Final Exam: Learn the CSS Box Model

Exam

Evaluasi Akhir

Kerjakan