Lewati ke konten
Daftar
  • Jenjang 1 · Tech a Look
  • Kredensial terverifikasi

Dasar Pemrograman Web untuk Pemula: HTML, CSS, dan JavaScript

Mulai dari nol sampai punya aplikasi web kecil yang benar-benar dipakai: halaman interaktif dengan HTML, CSS, dan JavaScript, tersimpan di Git. Reviewer bernama menilai kode Anda, bukan jumlah video yang Anda tonton.

Solvera AI & Technology AcademyBahasa Indonesia · terbit 14 Oktober 2026

Ringkasan

Untuk siapa • Pemula tanpa latar belakang IT yang ingin menjadi developer. • Lulusan SMA/SMK atau mahasiswa non-informatika yang ingin punya karya pertama. • Pekerja yang sedang pindah karier ke bidang teknologi. Yang akan Anda bangun Aplikasi pencatat keuangan pribadi berbasis web: menambah dan menghapus transaksi, melihat ringkasan pengeluaran per jenis, menyimpan data di peramban, tampil baik di ponsel, dan terbit di internet lewat GitHub Pages. Setelah kelas ini Anda mampu • Menyusun halaman dengan HTML semantik dan tata letak responsif memakai CSS flexbox dan grid. • Menulis JavaScript dasar: variabel, kondisi, perulangan, fungsi, array, dan objek. • Membuat halaman bereaksi pada pengguna lewat DOM dan event. • Menyimpan data di peramban dan memanggil API publik. • Memakai Git dan GitHub untuk mencatat pekerjaan dan menerbitkan aplikasi. Prasyarat • Bisa memakai komputer dan peramban untuk bekerja sehari-hari. • Tidak perlu pengalaman pemrograman. • Laptop atau komputer pribadi (Windows, macOS, atau Linux). Cara belajar Belajar mandiri sesuai waktu Anda, sekitar 40 jam termasuk mengerjakan karya. Tidak ada jadwal sesi langsung. Karya dikerjakan dalam empat tahap (kerangka, draf, revisi, final), dan setiap tahap direview oleh reviewer bernama yang memberi umpan balik tertulis. Rubrik penilaian bisa Anda baca sebelum mulai mengerjakan. Kredensial Lulus tahap final dengan skor berbobot minimal 70% akan memberi Anda kredensial Terverifikasi Exelern dengan halaman verifikasi publik. Halaman itu memuat karya Anda, nama reviewer, dan rubrik yang dipakai, sehingga pemberi kerja bisa memeriksanya sendiri.

Yang Anda dapatkan

  • 9 materi yang bisa dibuka kapan saja
  • Karya 4 tahap, tiap tahap dibalas reviewer bernama
  • Kredensial yang bisa diperiksa siapa pun tanpa login, bila karya Anda lulus

Skill yang diajarkan

Kelas ini berada di Jenjang 1 · Tech a Look: karyanya bisa diselesaikan tanpa pengalaman sebelumnya di bidang ini.

Karya & rubrik

Kelas ini ditutup dengan karya yang dinilai reviewer bernama memakai rubrik di bawah — rubrik yang sama persis dengan yang dipakai menilai pekerjaan Anda nanti.

  1. 1Kerangka
  2. 2Draf
  3. 3Revisi
  4. 4Final

  1. Aplikasi pencatat keuangan pribadi berbasis web yang terbit di internet

    Bangun aplikasi web pencatat keuangan pribadi dengan HTML, CSS, dan JavaScript murni (tanpa framework). Pengguna bisa menambah dan menghapus transaksi, melihat ringkasan pengeluaran per jenis, dan datanya tetap ada setelah halaman dimuat ulang. Seluruh pekerjaan dicatat di Git. Tahapan pengerjaan • Kerangka: Sketsa setiap layar, daftar fitur, dan struktur HTML awal di repositori GitHub. • Draf: Fitur tambah, hapus, dan ringkasan berjalan, dengan minimal 10 commit yang pesannya menjelaskan perubahan. • Revisi: Perbaikan dari umpan balik reviewer, tampilan ponsel, dan validasi masukan (nominal kosong atau negatif ditolak). • Final: Aplikasi terbit di GitHub Pages, README lengkap, dan video demo yang menjelaskan satu fungsi yang Anda tulis sendiri.

    Yang diserahkan: Tautan aplikasi di GitHub Pages, tautan repositori dengan README (fitur dan cara menjalankan), dan video maksimal 3 menit yang menelusuri satu fungsi JavaScript buatan Anda baris demi baris.

    Kriteria penilaian

    Lulus mulai 70%
    • Fungsi sesuai spesifikasibobot 30% · skor 0–4

      Tambah, hapus, ringkasan, dan penyimpanan berjalan benar, termasuk saat data kosong.

    • Kualitas kodebobot 25% · skor 0–4

      Nama variabel dan fungsi jelas, fungsi kecil dan berfokus, tanpa duplikasi yang tidak perlu.

    • Responsif dan aksesibilitas dasarbobot 20% · skor 0–4

      Tampilan layak di ponsel dan desktop, kontras cukup, dan formulir punya label.

    • Riwayat Git dan READMEbobot 15% · skor 0–4

      Commit bertahap dengan pesan yang bermakna; README cukup untuk orang lain menjalankan aplikasi.

    • Pemahaman sendiribobot 10% · skor 0–4

      Video membuktikan Anda memahami kode yang Anda serahkan, bukan sekadar menyalin.

Lihat bagaimana kredensial diperiksa

Silabus

Isi materi terbuka setelah Anda terdaftar.

  1. 1Cara kerja web: peramban, HTML, CSS, dan JavaScriptTeks
  2. 2Struktur halaman dengan HTML semantikTeks
  3. 3Tata letak dengan CSS: flexbox, grid, dan responsifTeks
  4. 4Dasar JavaScript: variabel, tipe data, kondisi, dan perulanganTeks
  5. 5Fungsi, array, dan objekTeks
  6. 6DOM dan event: halaman yang bereaksi pada penggunaTeks
  7. 7Menyimpan data di peramban dan memanggil API publikTeks
  8. 8Git dan GitHub: commit, branch, dan GitHub PagesTeks
  9. 9Memakai asisten AI untuk belajar tanpa kehilangan pemahamanTeks

Pengajar

Solvera AI & Technology Academy terverifikasi

Tim pengajar Solvera untuk kelas teknologi, AI, data, dan keuangan di Exelern. Setiap kelas ditutup dengan karya nyata yang dinilai reviewer memakai rubrik terbuka, bukan kuis pilihan ganda.

  • AI generatif
  • Rekayasa perangkat lunak
  • Data dan analitik
  • Cloud dan keamanan siber
  • Keuangan dan akuntansi
Profil lengkap

Pertanyaan yang sering diajukan

Bagaimana karya saya dinilai?
Reviewer bernama memberi skor per kriteria memakai rubrik di bagian Karya & rubrik — rubrik yang sama dengan yang dipakai menilai Anda nanti. Anda lulus bila skor berbobotnya mencapai 70%. Kredensial terbit hanya bila karya final Anda lulus, dan memuat karya, rubrik, serta nama penilainya.
Apakah ada tenggat pengerjaan?
Tidak. Kelas mandiri dimulai kapan saja. Karya dikerjakan bertahap — kerangka, draf, revisi, final — dan setiap tahap dibalas reviewer sebelum Anda lanjut.
Bisakah kantor saya membiayai kelas ini?
Bisa. Panduan klaim biaya ke kantor memuat templat email ke atasan dan bukti yang biasanya diminta: bukti pembayaran dan tautan kredensial yang bisa diperiksa tanpa login.
Apa beda kredensial Exelern dengan sertifikat kehadiran?
Kredensial hanya terbit dari karya yang lulus review, bukan dari jam tayang. Siapa pun bisa memeriksa keabsahannya di halaman verifikasi, lengkap dengan karya, rubrik, dan penilainya.

Untuk tim

Kelas yang sama untuk satu orang, satu tim, atau satu angkatan khusus organisasi Anda.

  • Klaim ke kantor

    Templat email ke atasan dan bukti yang biasanya diminta bagian keuangan.

    Buka panduan

  • Daftarkan tim

    Beberapa orang di kelas ini, dengan kredensial yang bisa Anda periksa satu per satu.

    Ceritakan kebutuhan tim

  • Angkatan privat

    Satu angkatan khusus organisasi Anda, dengan karya yang disesuaikan pekerjaan tim.

    Ajukan angkatan privat

Kelas terkait