Belajar Fundamental Front-End Web Development

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 Fundamental Front-End Web Development 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 Fundamental Front-End Web Development 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)
Pendahuluan Pengenalan Kelas (Gratis)
Prasyarat Kemampuan (Gratis)
Prasyarat Tools (Gratis)
Mekanisme Belajar (Gratis)
Forum Diskusi (Gratis)
Glosarium (Gratis)
Daftar Referensi (Gratis)
0/14
Pengantar HTML Form Lanjutan
Pendalaman Elemen Form
Pendalaman Form Field
Pendalaman Atribut Form Field
Validasi Data
Pentingnya Auto Completion
Styling Form
Lebih Maju dengan JavaScript
Semantik Itu Penting
Best Practice dalam Membangun Form
Pengantar Studi Kasus: Club Finder App
Studi Kasus: Pencarian untuk Club Finder...
Rangkuman HTML Form Lanjutan
Kuis HTML Form Lanjutan
0/15
Pengantar CSS Grid
Kenalkan, Saya CSS Grid
Flexbox vs CSS Grid
Latihan: Memulai dengan CSS Grid
Terminologi Grid
Grid Container dan Grid Item
Inspeksi CSS Grid Layout
Tentukan Kolom dan Barismu
Hal Spesial untuk Anda yang Spesial
Mengatur Posisi
Penuh Kendali dengan Grid Template
Alignment
Studi Kasus: Mengatur Layout pada Club F...
Rangkuman Layouting dengan CSS Grid
Kuis Layouting dengan CSS Grid
0/20
Pengantar Web Component
Apa Itu Web Component
Latihan: Menulis Custom Element Pertama
Define dan Render Custom Element
Siklus Hidup
Handling Custom Attribute
Aku Suka Keindahan
Nested Custom Element
Tantangan: Styling dan Custom Attribute...
Pengantar Shadow DOM
Dia Adalah Shadow DOM
Dasar Penggunaan Shadow DOM
Shadow DOM untuk Web Component
Fleksibel dengan Slot Element
Tantangan: Shadow DOM dan Slot pada Imag...
Lebih Lanjut dalam Shadow DOM
Mudah dengan Template Element
Studi Kasus: Bangun Komponen pada Club F...
Rangkuman Web Component
Kuis Web Component
0/2
Tips Submission: Proyek Pertama
Submission: Membangun Notes App
0/12
Pendahuluan Package Manager
npm sebagai Package Manager
Memasang Node.js dan npm
Memulai dengan npm
Membangun Proyek JavaScript dengan npm
Memasang Package dan Mengenal Berkas pac...
Menggunakan Package yang Terpasang pada...
Menjalankan Runner Scripts
Hapus Instalasi Package
Package Scope
Rangkuman Package Manager untuk Aplikasi...
Kuis Package Manager untuk Aplikasi Web
0/17
Pendahuluan Module Bundler
Apa Itu webpack
Konsep Inti
Entry Point
Output
Loaders
Plugin
Mode
Memasang dan Menggunakan Webpack
Membuat Berkas Konfigurasi
Menggunakan Loader
Menggunakan Plugin
DevServer
Mengonfigurasi webpack Berdasarkan Envir...
Studi Kasus: webpack untuk Club Finder A...
Rangkuman Bundel dengan Module Bundler
Kuis Bundel dengan Module Bundler
0/24
Pengantar Asynchronous JavaScript Reques...
HTTP Request
Web API
Cross-Origin Resource Sharing (CORS)
Mencoba Web API menggunakan Postman
JavaScript Object Notation (JSON)
Persiapan Proyek Latihan
Asynchronous JavaScript Request dengan X...
Header dan Body Request dengan XMLHttpRe...
Pengantar Latihan: Bertransaksi dengan X...
Latihan: Melengkapi Fungsi getBook
Latihan: Melengkapi Fungsi insertBook
Latihan: Melengkapi Fungsi updateBook
Latihan: Melengkapi Fungsi removeBook
Asynchronous JavaScript Request dengan F...
Penggunaan Fetch API Lebih Lanjut
Pengantar Latihan: Refactor Cara Transak...
Latihan: Refactor Fungsi getBook
Latihan: Refactor Fungsi insertBook
Latihan: Refactor Fungsi updateBook
Latihan: Refactor Fungsi removeBook
Studi Kasus: API untuk Club Finder App
Rangkuman Asynchronous JavaScript Reques...
Kuis Asynchronous JavaScript Request
0/2
Rangkuman Kelas
Ujian Akhir
0/2
Tips Submission: Proyek Kedua
Submission: Integrasi Notes App dengan R...

Persetujuan Hak Cipta

Pendahuluan Pengenalan Kelas
Person in front laptop

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

Pelajari lebih lanjut