Belajar Tools Front-End Web Intermediate

Tools

Dibantu
Dibantu

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

Lihat forum diskusi

Persetujuan Hak Cipta

Modul kelas Belajar Tools Front-End Web Intermediate 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 Tools Front-End Web Intermediate 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

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
Pengaturan

Belajar programming dengan terstruktur.

Light

Belajar programming dengan terstruktur.

Warm

Belajar programming dengan terstruktur.

Dark
Daftar Modul

0% Selesai

Pengantar CSS Preprocessor
Apa itu CSS Preprocessor
CSS Basic vs. Sass
Sass dan SCSS
Latihan: Memulai dengan SCSS
Tipe Data dalam Sass
Operator-Operator dalam Sass
Variabel
Selector Bersarang
Ampersand Operator
Deklarasi CSS Property
Functions
Mixin
Extending Style Rule
Flow Control
Import Stylesheet
Modular dengan Use
Built-in Modules
Pengantar Latihan: Halaman Portfolio
Latihan: Memahami Starter Project dan Me...
Latihan: Refactor Halaman Portfolio
Rangkuman CSS Preprocessor dengan Sass
Kuis CSS Preprocessor dengan Sass
Pengantar CSS Framework
Apa itu CSS Framework
Memulai dengan Bootstrap
Eksplorasi Dokumentasi Bootstrap
Bootstrap Component
Component: Button
Component: Alert dan Toast
Component: Card
Component: Modal
Component: Progress dan Spinner
Bootstrap Form
Form: Form Control & Input Group
Form: Floating Label
Form: Input Validations
Bootstrap Layouting
Layouting: Breakpoint & Container
Layouting: Grid System
Layouting: Column dalam Grid System
Bootstrap Utilities
Utility: Text
Utility: Content Dimension dan Border
Utility: Spacing
Utility: Display dan Position
Utility: Shadow dan Opacity
Kustomisasi pada Bootstrap
Cara Kustomisasi Bootstrap
Latihan Kustomisasi Button Component
Pengantar Latihan: Money Tracker App den...
Latihan: Membuat Starter Project
Latihan: Membangun UI Dasar dan Halaman...
Latihan: Membangun Halaman Tambah dan Ed...
Latihan: Membangun Modal UI untuk Rincia...
Rangkuman CSS Framework dengan Bootstrap
Kuis CSS Framework dengan Bootstrap
Pengantar Lit
Apa itu Lit
Native Web Component vs. Lit Component
Latihan: Membuat ToDo List
Define dan Render Lit Component
Reactive Properties
Penanganan Atribut Elemen
Latihan: Atribut HTML Template dalam Lit...
Penanganan Atribut dengan Reactive Prope...
Latihan: Reactive Property dalam Lit Com...
Pemanfaatan Lifecycle pada Lit Component
Siklus Update dari Reactive Property
Latihan: Monitoring Siklus Update dari R...
Declarative Event Listener
Latihan: Declarative Event Listener pada...
Logic pada Template
Styling pada Component
Rangkuman Lit Dasar
Kuis Lit Dasar
Pengantar Shadow DOM dan Localization di...
Interaksi dengan Shadow DOM
Render Children dengan Slot Element
Akses Slot Element pada Shadow DOM
Styling pada Shadow DOM
Lit Localization
Konfigurasi pada Lit Localization
Prosedur Penerapan Lit Localization
Mode Output dari Lit Localization
Latihan: Lit Localization
Pengantar Latihan: Menerapkan Lit pada M...
Latihan: Membangun Lit Component pada UI...
Latihan: Refactor Halaman Tambah dan Edi...
Latihan: Localization pada Money Tracker...
Rangkuman Penerapan Shadow DOM dan Local...
Kuis Penerapan Shadow DOM dan Localizati...
Submission: Proyek Pertama
Pengantar HTTP Client
Apa itu Axios
XHR vs. Fetch API vs. Axios
Latihan: Memulai dengan Axios
Axios API
Konfigurasi dalam Axios
Skema Response
Penanganan Error
Pengantar Latihan: Penerapan Axios pada...
Latihan: Membuat Fitur Autentikasi
Latihan: Menghidupkan Fitur CRUD Data Tr...
Rangkuman HTTP Client dengan Axios
Kuis HTTP Client dengan Axios
Pengantar Firebase untuk Aplikasi Web
Latihan: Membuat Firebase Project Baru
Authentication
Cloud Firestore
Cloud Storage
Hosting
Pengantar Latihan: Penerapan Firebase pa...
Latihan: Membuat dan Menghubungkan Aplik...
Latihan: Menerapkan Firebase Authenticat...
Latihan: Database dengan Cloud Firestore
Latihan: Menyimpan Berkas dengan Cloud S...
Latihan: Hosting Aplikasi dengan Firebas...
Rangkuman Firebase untuk Aplikasi Web
Kuis Firebase untuk Aplikasi Web
Rangkuman Kelas
Ujian Akhir
Submission: Proyek Akhir

Persetujuan Hak Cipta