Dari HTML ke Web Application
Belajar membangun web bertahap dari HTML, CSS, JavaScript, PHP, MySQL, sampai mini web application.
Tentang seri ini
Serial belajar web development yang menghubungkan struktur halaman, styling, interaksi, backend, database, dan aplikasi web sederhana dalam jalur belajar yang runtut.
- Target pembaca
- Pemula sampai pemula-menengah yang ingin memahami fondasi web sebelum masuk framework modern.
- Status
- Sedang berjalan
- Jumlah sesi
- 6 sesi
- Episode inti
- 29 episode
Peta belajar
Rencana 29 episode inti, dikelompokkan dalam 6 sesi.
HTML dan Cara Kerja Web
Mengenal browser, file HTML, struktur halaman, dan semantic HTML dasar.
-
1.01 - Web, Browser, dan File HTML Pertama Episode tersedia untuk dibaca.Tersedia
-
1.02 - Struktur Dasar HTML Episode tersedia untuk dibaca.Tersedia
-
1.03 - Konten Halaman: Teks, Link, Gambar, dan List Episode tersedia untuk dibaca.Tersedia
-
1.04 - Semantic HTML untuk Halaman Artikel Episode tersedia untuk dibaca.Tersedia
CSS dan Layout
Mengatur tampilan, tipografi, box model, layout, dan responsive blog layout.
-
2.01 - Menghubungkan CSS dan Memahami Selector Episode tersedia untuk dibaca.Tersedia
-
2.02 - Cascade, Specificity Ringan, dan Box Model Episode tersedia untuk dibaca.Tersedia
-
2.03 - Tipografi, Warna, dan Ritme Baca Episode tersedia untuk dibaca.Tersedia
-
2.04 - Layout dengan Flexbox dan Grid Ringan Episode tersedia untuk dibaca.Tersedia
-
2.05 - Responsive Blog Layout Episode tersedia untuk dibaca.Tersedia
JavaScript untuk Interaksi
Memahami logika kecil di browser, DOM, event, validasi ringan, dan interaksi blog statis.
-
3.01 - JavaScript di Browser dan Console Episode tersedia untuk dibaca.Tersedia
-
Direncanakan3.02 - Function, Condition, dan Data SederhanaEpisode direncanakan dan belum tersedia untuk dibuka.
-
Direncanakan3.03 - DOM: Mengubah Isi HalamanEpisode direncanakan dan belum tersedia untuk dibuka.
-
Direncanakan3.04 - Event dan Form Validation RinganEpisode direncanakan dan belum tersedia untuk dibuka.
-
Direncanakan3.05 - Mini Interaksi Blog StatisEpisode direncanakan dan belum tersedia untuk dibuka.
PHP untuk Server-Side
Mengenal request-response, PHP, data array, template include, GET, POST, dan session.
-
Direncanakan4.01 - Request, Response, dan PHP PertamaEpisode direncanakan dan belum tersedia untuk dibuka.
-
Direncanakan4.02 - Data Array dan Template IncludeEpisode direncanakan dan belum tersedia untuk dibuka.
-
Direncanakan4.03 - GET, Slug, dan Halaman DetailEpisode direncanakan dan belum tersedia untuk dibuka.
-
Direncanakan4.04 - POST, Validasi Server, dan EscapingEpisode direncanakan dan belum tersedia untuk dibuka.
-
Direncanakan4.05 - Session dan Struktur Folder SederhanaEpisode direncanakan dan belum tersedia untuk dibuka.
MySQL untuk Data
Memahami persistence, tabel, relasi, query dasar, PDO, dan prepared statement.
-
Direncanakan5.01 - Kenapa Aplikasi Butuh Database?Episode direncanakan dan belum tersedia untuk dibuka.
-
Direncanakan5.02 - Primary Key, Foreign Key, dan Relasi BlogEpisode direncanakan dan belum tersedia untuk dibuka.
-
Direncanakan5.03 - Query Dasar: SELECT, INSERT, UPDATE, DELETEEpisode direncanakan dan belum tersedia untuk dibuka.
-
Direncanakan5.04 - PHP, PDO, dan Prepared StatementEpisode direncanakan dan belum tersedia untuk dibuka.
Mini Web Application
Menggabungkan fondasi menjadi mini blog app dengan CRUD, login sederhana, upload, SEO dasar, accessibility check, dan deploy awal.
-
Direncanakan6.01 - Dari Website ke Web ApplicationEpisode direncanakan dan belum tersedia untuk dibuka.
-
Direncanakan6.02 - Routing Sederhana dan CRUD ArtikelEpisode direncanakan dan belum tersedia untuk dibuka.
-
Direncanakan6.03 - Login Sederhana dan Area AdminEpisode direncanakan dan belum tersedia untuk dibuka.
-
Direncanakan6.04 - Upload Media dan Keamanan DasarEpisode direncanakan dan belum tersedia untuk dibuka.
-
Direncanakan6.05 - SEO Dasar dan Accessibility CheckEpisode direncanakan dan belum tersedia untuk dibuka.
-
Direncanakan6.06 - Deployment Awal dan Review Final ProjectEpisode direncanakan dan belum tersedia untuk dibuka.
Belajar lebih lanjut
Kalau ingin belajar lebih lanjut, kamu juga bisa membaca beberapa rujukan berikut. Link-link ini bukan bacaan wajib, tetapi bisa membantu kalau ingin memperdalam topik di luar seri ini.