Belajar coding · Bahasa Indonesia

Belajar coding,langsung praktik.

  • Bangun aplikasi web sungguhan dengan Laravel, langkah demi langkah
  • Latihan kode langsung di browser, hasilnya terlihat saat itu juga
  • Materi tertulis singkat, ±8 menit, progres tersimpan otomatis
  • 48materi Laravel

    Dari route pertama sampai aplikasinya online.

  • 33latihan kode

    Ditulis dan dijalankan di browser, tanpa menyiapkan apa pun.

  • 49soal interaktif

    Langsung tahu jawabanmu tepat atau belum, lengkap dengan alasannya.

  • 1proyek nyata

    Website menu dan pemesanan Kopi Senja yang bisa kamu tunjukkan.

Kode program di layar laptop
Jalur belajar01 / 04
Kelas aktif
Software Engineering

Menulis kode yang bisa dibaca orang lain, dan membangun aplikasi web yang benar-benar dipakai.

Gambar 0.1 — Empat jalur belajar. Tiga sudah dibuka.

Bab 1

Apa ini?

Kelas coding yang praktis, ditulis singkat supaya bisa dibaca di sela pekerjaan. Setiap materi ditutup dengan langkah yang langsung kamu coba, dan satu proyek yang dibangun dari materi pertama sampai aplikasinya online.

  • 5

    Siap dibaca sekarang

    kelas aktif
  • 232

    Masing-masing ditutup tugas praktik

    materi
  • 219

    Soal “mana yang lebih baik?” di dalam materi

    tantangan interaktif
  • 4

    Kelas baru dibuka bertahap

    jalur

Tabel 1.1 — Isi platform hari ini

Bab 1 · Gambar 1.1

Setiap materipunya empat bagian.

  1. Meja kafe dengan laptop dan buku catatan
    01

    Baca materinya

    Satu konsep per materi, dijelaskan dengan bahasa sehari-hari. Rata-rata 8 menit.

    Kamu dapatSatu ide yang bisa kamu jelaskan ke orang lain
  2. Barista menyiapkan kopi
    02

    Ikuti proyeknya

    Setiap kelas membangun satu proyek nyata. Di Laravel Dasar: website menu dan pemesanan Kopi Senja.

    Kamu dapatContoh nyata sebelum kamu mencobanya
  3. Kode program di layar laptop
    03

    Tulis kodenya

    Latihan kode di browser, lalu langkah yang sama di proyekmu sendiri.

    Kamu dapatKode yang sudah jalan, bukan sekadar dibaca
  4. Buku catatan kosong di samping keyboard
    04

    Rakit proyek akhirnya

    Setiap modul menambah satu bagian, sampai aplikasinya online di akhir kelas.

    Kamu dapatSatu aplikasi yang bisa kamu tunjukkan
Bab 2

Coba sendiri

Cuplikan dari Laravel Dasar · Materi 1.4

Kamu membuka folder kopi-senja di editor, dan langsung disambut belasan folder dan file. app, bootstrap, config, database, public… Yang mana yang harus dibuka?

Mbak Sari punya permintaan kecil. Ia ingin tulisan Let's get started di halaman depan diganti. "Tulis saja: Kopi Senja segera online," katanya. Untuk itu, kamu perlu tahu jalan di dalam proyek ini.

Mana yang lebih baik?

Mbak Sari mau ganti tulisan di halaman depan. File mana yang kamu buka?

Baca Materi 1.4 lengkap →

  • Laravel Dasar · Materi 3.5
    “Kok kayak dokumen Word? Warnanya mana? Logo kita mana?”
    Mbak SariPemilik Kopi Senja
  • Laravel Dasar · Materi 4.4
    “Kalau nanti menunya ada lima puluh, tampilannya masih rapi nggak?”
    DimasBarista Kopi Senja
  • Laravel Dasar · Materi 5.1
    “Aku cuma mau tambah satu menu. Kenapa harus buka kode?”
    Mbak SariPemilik Kopi Senja
  • Laravel Dasar · Materi 6.6
    “Bisa nggak, ada tombol Ubah langsung di sini?”
    Mbak SariPemilik Kopi Senja
  • Laravel Dasar · Materi 7.5
    “Pesanan yang masuk aku lihat di mana? Terus kalau sudah selesai dibuat, aku tandai di mana?”
    DimasBarista Kopi Senja
  • Laravel Dasar · Materi 8.4
    “Jadi kapan pelanggan bisa buka dari HP mereka?”
    Mbak SariPemilik Kopi Senja

Gambar 2.1 — Permintaan Mbak Sari dan Dimas di kelas Laravel Dasar, dari modul 1 sampai 8

Bab 3

Jalur dan kelas

Belum pernah ngoding? Mulai dari Vibe Coding Landing Page. Mau membangun aplikasi web? Lanjut ke Laravel Dasar. Belum yakin jalurmu? Baca Roadmap Software Engineer dulu. Kelas lain dikelompokkan dalam empat jalur; tiga sudah bisa dibaca, Design sedang ditulis.

Bab 3 · Gambar 3.1

Silabus empat jalur

Software Engineering · Kelas aktif

Dari baris kode pertama sampai aplikasi yang jalan.

Menulis kode yang bisa dibaca orang lain, dan membangun aplikasi web yang benar-benar dipakai.

  • Laravel Dasar: Bangun Aplikasi Web Pertamamu
  • Roadmap Software Engineer: Dari Nol sampai Kerja Pertama
  • Vibe Coding Landing Page: Bangun Website Kedai Kopi dengan Claude
3 kelas aktifLihat kelas
Kode program di layar laptop
Design · Segera hadir

Desain yang dipahami pengguna dalam lima detik.

Merancang tampilan dan alur yang jelas, lalu mengujinya ke orang sungguhan.

  • Dasar UI/UX
  • Figma
  • Riset pengguna
  • Design system
4 topik direncanakanKabari saya
Palet warna dan sketsa desain di tablet
Marketing · Kelas aktif

Lebih banyak pembeli, dengan angka yang bisa dilacak.

Mulai dari memahami pembeli sampai menjalankan iklan dan membaca hasilnya.

  • Digital Marketing untuk Bisnismu
1 kelas aktifLihat kelas
Penjual online memeriksa paket di dekat laptop
Data · Kelas aktif

Keputusan dari data, bukan dari tebakan.

Mengolah, membaca, dan menyajikan data supaya orang lain ikut paham.

  • SQL & Analisis Data: Dari Pertanyaan ke Temuan
1 kelas aktifLihat kelas
Dashboard data dengan grafik di layar
Bab 4

Tugas kamu

Intinya

  • Setiap materi singkat: satu konsep, satu potong kode, satu langkah praktik.
  • Kamu bisa mencoba soal sungguhan sebelum memilih kelas.
  • Belum pernah ngoding? Mulai dari Vibe Coding Landing Page, lalu lanjut ke Laravel Dasar. Belum yakin jalurmu? Baca Roadmap Software Engineer dulu.