KARTU KENDALI PRAKTIKUM

SISTEM KOMPUTER
HTML (HYPERTEXT MARKUP LANGUAGE) DAN CSS (CASCADING STYLE SHEET)

NAMA :

KELAS :

LATIHAN UJIAN
NO
MATERI HASIL+CATATAN CLOSE BOOK KET
TANGGAL PARAF TANGGAL PARAF
HTML
1 Hello Word
2 Code Editor
3 Tag
4 Paragraf
5 Heading
6 List
7 Hyperlink
8 Image
9 Table Merging
10 Form
11 Form Lanjutan
CSS
1 Anatomi CSS
2 Penempatan CSS
3 Font Styling
4 Text Styling
5 Background
6 Selector
7 Pseudo Class
8 Inheritance
CSS LAYOUT
1 Display
2 Dimensi dan Overflow
3 Box Model dan Konsep
 LATIHAN UJIAN
NO
MATERI HASIL+CATATAN CLOSE BOOK KET
TANGGAL PARAF TANGGAL PARAF
4 Box Model dan Margin
Box Model, Padding, Border &
5
Box Sizing
6 Box Model CSS Reset
Box Model Membuat Website
7
Sederhana
8 Float
9 Clear
Float _ Membuat Website
10
Sederhana (Part 2)
11 Position Static & Relative
12 Position _ Absolute & Fixed
z-index & penggunaan lain
13
dari position
15 Latihan Position
CSS 3
1 CSS3 _ Border Radius
2 CSS3 _ Opacity
3 CSS3 _ RGBa & HSLa
4 CSS3 _ Box Shadow (1_2)
5 CSS3 _ Box Shadow (2_2)
6 CSS3 _ Text Shadow
7 CSS3 _ Linear Gradient
8 CSS3 _ Radial Gradient x
9 CSS3 _ Font Face
10 CSS3 _ Web Font Generator
11 CSS3 _ Vendor Prefix
12 CSS3 _ Filter
13 CSS3 _ Transform
14 CSS3 _ Transition (Part 1)
15 CSS3 _ Transition (Part 2)
16 CSS3 _ Animation
 LATIHAN UJIAN
NO
MATERI HASIL+CATATAN CLOSE BOOK KET
TANGGAL PARAF TANGGAL PARAF
Membuat GALERI FOTO +
17 LIGHTBOX dengan HTML &
CSS3 (Bagian 1)
Membuat GALERI FOTO +
18 LIGHTBOX dengan HTML &
CSS3 (Bagian 2)
Menambahkan NAVIGASI
19
pada LIGHTBOX
CSS RESPONSIVE
1 Terminologi pada CSS GRID
2 Columns & Rows
3 Special Keywords & Functions
4 Grid Area & Grid Gap
5 Grid Alignment
6 Grid Item Properties
7 Bagian 1 - Pendahuluan
8 Bagian 2 - Latihan
Membuat RESPONSIVE
NAVBAR menggunakan
9
FLEXBOX (HTML, CSS &
Javascript)
Membuat WEBSITE
10 RESPONSIVE menggunakan
CSS GRID
Sekayu, Juni 2022
Ketua Jurusan,

Alamsyah, M.Kom
NIP. 19831121 200902 1 004
 KARTU KENDALI PRAKTIKUM
PEMROGRAMAN DASAR
JAVA SCRIPT

NAMA :

KELAS :

LATIHAN UJIAN
NO
MATERI HASIL+CATATAN CLOSE BOOK KET
TANGGAL PARAF TANGGAL PARAF
JAVA SCRIPT
1 Menulis Java Script
2 Popup Box Java Script
Control Flow Pada Java
3
Script
Pengulangan While Pada
4
Java Script
Pengulangan Tabel
5
Penelusuran
Pengulangan For Pada Java
6
Script
Pengkondisian If Else Pada
7
Java Script
Pengkondisian Else If Pada
8
Java Script
Latihan Pengkondisian Pada
9
Java Script
Pengkondisian Switch Pada
10
Java Script
Pengulangan dan
11 Pengkondisian Bersarang Pada
Java Script
Membuat Game Suwit Pada
12
Java Script
13 Funtion Pada Java Script
 LATIHAN UJIAN
NO
MATERI HASIL+CATATAN CLOSE BOOK KET
TANGGAL PARAF TANGGAL PARAF
Funtion pada java sript
14
Parameter dan argument
Funtion pada java sript :
15
Refactoring
16 Funtion pada java sript :
Funtion pada java sript :
17
Variable Scope
Funtion pada java sript :
18
Rekursif
Funtion pada java sript :
19
Declarasion dan Expresion
20 Array pada java Script Intro
Array pada java script :
21
Manipulasi Array
Array pada java script : Slice
22
dan Splice
Array pada java script : For
23
dan Map
Array pada java script : Filter
24
dan Find
Mengelola Program
25 Pengelolaan Penumpang (Part
1)
Mengelola Program
26 Pengelolaan Penumpang (Part
2)
27 Object pada Javascript : Intro
Object pada javascrip :
28
Membuat Object
29 Object pada javacript : this
30 Object pada javacript : Latihan
Sekayu, Juni 2022
Ketua Jurusan,

Alamsyah, M.Kom
NIP. 19831121 200902 1 004
 KARTU KENDALI PRAKTIKUM
SISTEM KOMPUTER
CSS 3 dan CSS RESPONSIVE

NAMA :

KELAS :

LATIHAN UJIAN
NO HASIL+CATATAN CLOSE BOOK
MATERI KET
TANGGA PARAF TANGGA PARAF
L L
CSS 3
1 CSS3 _ Intro
2 CSS3 _ Border Radius
3 CSS3 _ Opacity
4 CSS3 _ RGBa & HSLa
5 CSS3 _ Box Shadow (1_2)
6 CSS3 _ Box Shadow (2_2)
7 CSS3 _ Text Shadow
8 CSS3 _ Linear Gradient
9 CSS3 _ Radial Gradient x
10 CSS3 _ Font Face
11 CSS3 _ Web Font Generator
12 CSS3 _ Vendor Prefix
13 CSS3 _ Filter
14 CSS3 _ Transform
15 CSS3 _ Transition (Part 1)
16 CSS3 _ Transition (Part 2)
17 CSS3 _ Animation
Membuat GALERI FOTO + LIGHTBOX
18
dengan HTML & CSS3 (Bagian 1)
19 Membuat GALERI FOTO + LIGHTBOX
19
dengan HTML & CSS3 (Bagian 2)
Menambahkan NAVIGASI pada
20
LIGHTBOX
CSS RESPONSIVE
 LATIHAN UJIAN
NO HASIL+CATATAN CLOSE BOOK
MATERI KET
TANGGA PARAF TANGGA PARAF
L L
1 Flexbox Bagian 1 Pendahuluan
2 Flexbox Bagian 2 Latihan
3 Apa itu CSS GRID_
4 Terminologi pada CSS GRID
5 Columns & Rows
6 Special Keywords & Functions
7 Grid Area & Grid Gap
8 Grid Alignment
9 Grid Item Properties
Membuat RESPONSIVE NAVBAR
10
menggunakan FLEXBOX
Membuat WEBSITE RESPONSIVE
11
menggunakan CSS GRID

Sekayu, Juni 2022

Ketua Jurusan,

Alamsyah, M.Kom
NIP. 19831121 200902 1 004