Belajar Dasar Pemrograman Web

Tools

Dibantu
Dibantu

Halo, selamat datang :)
Kenalin aku Dibantu, bot yang akan membantu kamu mengatasi permasalahan di modul ini.

Lihat forum diskusi Tanya mentor

Modul kelas Belajar Dasar Pemrograman Web dalam bentuk cetak (buku) maupun elektronik sudah didaftarkan ke Dirjen HKI, Kemenkumham RI. Segala bentuk penggandaan dan atau komersialisasi, sebagian atau seluruh bagian, baik cetak maupun elektronik terhadap modul kelas Belajar Dasar Pemrograman Web tanpa izin formal tertulis kepada pemilik hak cipta akan diproses melalui jalur hukum.


Hak cipta dilindungi oleh Undang-Undang © Dicoding 2017–2024.


Dengan lanjut ke materi berikutnya, Anda menyetujui adanya informasi hak cipta di atas terhadap materi-materi dalam kelas ini.

Dibantu
Dibantu

Halo, selamat datang :)
Kenalin aku Dibantu, bot yang akan membantu kamu mengatasi permasalahan di modul ini.

Lihat forum diskusi Tanya mentor

Catatan Belajar

ini konten buat note nanti
Keyboard Shortcut
1
Next/prev modul

Membantu untuk mempermudah navigasi antar modul.

Tekan
CTRL / CTRL
2
Mencari Konten

Membantu menemukan konten dengan lebih cepat.

Tekan
CTRL/
3
Melihat daftar modul

Membantu melihat modul lebih cepat.

Tekan
CTRLM
Adaptive Reading

Tema

Terang
Hangat
Gelap

Jenis Font

Ukuran Font

Lebar Bacaan

Medium-width
Full-width
Daftar Modul

0% Selesai

0/8
Persetujuan Hak Cipta (Gratis)
Pengenalan Kelas (Gratis)
Requirement Tools (Gratis)
Mekanisme Belajar (Gratis)
Forum Diskusi (Gratis)
Materi yang akan Dipelajari (Gratis)
Glosarium (Gratis)
Daftar Referensi (Gratis)
0/8
Pengantar Web Programming (Gratis)
Cara Internet Bekerja (Gratis)
Website dan Halaman Web (Gratis)
Web Server (Gratis)
Web Browser (Gratis)
Anatomi Website (Gratis)
Rangkuman Pendahuluan (Gratis)
Kuis: Pendahuluan
0/8
Pengantar HTML
Latihan: Membangun Halaman Web Pertama (...
Latihan: Identifikasi Elemen pada Halama...
Anatomi Elemen HTML
Attribute di Elemen HTML
Anatomi Dokumen HTML
Rangkuman Pengenalan HTML
Kuis: Pengenalan HTML
0/29
Pengantar Pendalaman HTML
Paragraf
Heading
List
Latihan: Menambahkan List pada Halaman P...
Gambar
Latihan: Menambahkan Gambar pada Halaman...
Block Formatting Text: Long Quotations,...
Inline Formatting Text: Anchor, Emphasiz...
Inline Formatting Text: Citation, Defini...
Latihan: Menerapkan Elemen Anchor pada H...
Semantic HTML: Mengorganisasi Halaman Ko...
Semantic HTML: Header, Footer, Main, dan...
Semantic HTML: Articles, Aside, dan Sect...
Generic Element
Pengantar Latihan: Mengorganisasi Konten...
Latihan: Menetapkan Elemen Header, Main,...
Latihan: Menerapkan Elemen Div, Aside, A...
Tabel
Struktur Dasar Tabel
Spanning Cell
Elemen dan Atribut pada Tabel
Latihan: Menerapkan Elemen Tabel pada Ha...
Input User
Atribut pada Elemen Input
Mengirim Data Formulir
Special Character
Rangkuman Pendalaman HTML
Kuis: Pendalaman HTML
0/12
Pengantar Pengenalan CSS
Keuntungan dan Cara CSS Bekerja
Memberi Markup pada Dokumen HTML
Menulis Aturan Styling
Melampirkan Styling pada Dokumen HTML
Pengantar Latihan: Menerapkan Styling Da...
Latihan: Styling untuk Halaman Profil
Latihan: Menulis Rules pada Berkas CSS
Latihan: Menghubungkan Berkas CSS dengan...
CSS Conception
Rangkuman Pengenalan CSS
Kuis: Pengenalan CSS
0/52
Pengantar Pendalaman CSS
Selector Dasar: Type Selector, dan Class...
Selector Dasar: ID Selector, Attribute S...
Combinators: Adjacent SIbling Selector d...
Combinators: Child Selector dan Descenda...
Pseudo Selector
Formatting Text
Font Styling: Font Family dan Font Size
Font Styling: Font Weight, Font Style, F...
Text Styling: Line Height, Text Indent,...
Text Styling: Text Decoration, Text Tran...
Pengantar Latihan: Menerapkan Font Styli...
Latihan: Menggunakan Font dari Google Fo...
Latihan: Menetapkan Ukuran, Ketebalan, d...
Pewarnaan
Menetapkan Nilai Warna
Warna untuk Teks dan Latar Belakang
Opacity
Box Model
Apa Itu Box Element
Box Model: Box Dimensions
Box Model: Border
Box Model: Padding
Box Model: Margin
Box Model: Centering Content
Display Roles
Box Shadow
Rounded Corner
Pengantar Latihan: Mengatur Box Model di...
Latihan: Menetapkan Ukuran pada Gambar
Latihan: Menerapkan Card Style pada Elem...
Latihan: Menerapkan Jumbotron dan Naviga...
Latihan: Menyesuaikan Padding dan Margin...
Positioning
Positioning: Perbedaan Static Flow dan N...
Positioning: Normal Flow
Positioning: Relative Positioning
Positioning: Absolute Positioning
Positioning: Fixed Positioning
Floating
Permasalahan Penerapan Float
Clear Property
Teknik Overflow
Pengantar Latihan: Menerapkan Positionin...
Latihan: Menerapkan Float pada Elemen Co...
Konfigurasi Meta Tag Viewport untuk Resp...
Specific Style dengan Media Query
Latihan: Membuat Mobile Version untuk Ha...
Latihan: Menerapkan Sticky Position pada...
Debugging dan Optimasi
Rangkuman Pendalaman CSS
Kuis: Pendalaman CSS
0/11
Pengantar Flexbox
Alasan Flexbox Hadir
Dasar-Dasar dan Terminologi Flexbox
Properti-Properti pada Flex Container
Properti-Properti pada Flex Items
Latihan: Implementasi Flexbox pada Halam...
Pengenalan Latihan: Landing Page Dicodin...
Latihan: Membangun Landing Page Dicoding
Latihan: Meningkatkan Responsivitas pada...
Rangkuman Layout Responsif dengan Flexbo...
Kuis: Layout Responsif dengan Flexbox
0/2
Rangkuman Kelas
Ujian Akhir
0/1
Submission: Tugas Akhir Membuat Website

Persetujuan Hak Cipta

Pengenalan Kelas
Person in front laptop

Platform mentoring Dicoding menghubungkan mentor dengan mentee, membangun hubungan berkelanjutan untuk mengembangkan karir developer.

Pelajari lebih lanjut