Materi sudah siap.
Dosen fokus mengajar.
Mahasiswa langsung praktik.
NgodingLab menyediakan struktur satu semester lengkap—CPMK, Sub-CPMK, materi bertahap, praktikum terhubung editor, kuis, summary, Teacher Guide, progress, dan penilaian kelas.
Pertemuan 04 — Bootstrap Layout
24 dari 32 mahasiswa selesai · rata-rata progress 72%
Tidak punya kode kelas? Tetap bisa belajar.
Mahasiswa dapat memilih Master Course dan belajar mandiri secara gratis. Mode ini sengaja sederhana: materi, contoh, dan simulator tersedia; tugas, quiz penilaian, submission, feedback dosen, dan gradebook hanya ada di mode kelas.
Dari daftar sampai siap mengajar, hanya beberapa langkah.
Dosen tidak perlu menyusun 16 pertemuan dari halaman kosong. NgodingLab menyediakan template mata kuliah; dosen membuat kelas dari template lalu menyesuaikannya sesuai kebutuhan.
Pilih Master Course
Pilih mata kuliah lengkap yang sudah disiapkan NgodingLab.
Buat Class
Isi nama kelas, semester, jumlah mahasiswa, dan mode belajar.
Bagikan Kode
Mahasiswa join dengan kode kelas, dosen menerima permintaan.
Fokus Mengajar
Pantau progress, buka pertemuan, beri feedback, dan tambah 20% materi Anda.
Satu semester perkuliahan pemrograman yang siap digunakan.
Admin mengelola template secara langsung. Saat dosen membuat kelas, NgodingLab menyalin template menjadi snapshot independen sehingga kelas yang sedang berjalan tidak berubah saat template Admin diperbarui.
Algoritma & Pemrograman Dasar
Belajar berpikir komputasional dan membangun program dasar dengan JavaScript melalui latihan algoritma dan Coding Lab.
Pemrograman Web Dasar
Satu semester membangun fondasi web: HTML, CSS, Bootstrap, JavaScript, DOM, responsive design, dan mini project.
Pemrograman Website & Mobile
Pembelajaran terpadu web dan konsep mobile berbasis web: UI responsif, navigasi, data, API, dan final project.
Basis Data
Konsep basis data relasional, ERD, SQL, normalisasi, integrity, transaksi, dan praktik melalui Virtual Database NgodingLab.
Pengujian Perangkat Lunak
Dari test case hingga regression testing: mahasiswa menguji aplikasi nyata, melaporkan defect, dan menyusun test report.
Perawatan Perangkat Lunak
Memahami aplikasi existing, reproduksi bug, corrective/adaptive/perfective maintenance, refactoring, database, keamanan, dan release.
Lebih dari daftar HTML, CSS, atau JavaScript.
Course disusun seperti mata kuliah kampus: identitas, CPMK, Sub-CPMK, indikator, pertemuan 1–16, UTS, UAS/Final Project, rubrik, dan Teacher Guide.
- CPMK & Sub-CPMK setiap pertemuan
- 16 pertemuan termasuk UTS dan UAS/Final Project
- Tujuan, materi, aktivitas, assessment, dan rubrik
- Snapshot kelas tetap stabil selama semester
Mahasiswa tidak hanya membaca. Mereka langsung membangun.
Setelah materi dan contoh, Coding Lab membuka starter code, instruksi, editor, dan preview. Hasil dapat disimpan sebagai Project atau langsung dikumpulkan.
- Tambahkan gambar produk.
- Buat judul dan harga.
- Gunakan Bootstrap Card.
- Buat tombol aksi.
<div class="card">
<img src="..." class="card-img-top">
<div class="card-body">
<h5>Produk Lokal</h5>
<p>Rp125.000</p>
<button class="btn btn-primary">
Lihat Produk
</button>
</div>
</div>Bootstrap Layout — 150 menit
Review CSS dan responsive layout.
Container, row, column, breakpoint.
Membangun layout bersama mahasiswa.
Mahasiswa mengerjakan Product Card.
Diskusi hasil dan kesalahan umum.
Dosen juga dibantu, bukan hanya mahasiswa.
Setiap pertemuan menyediakan alur pengajaran, estimasi waktu, kesalahan umum, pertanyaan diskusi, jawaban latihan, dan rubrik.
Dosen tetap menjadi Instructor + Curator. Materi NgodingLab adalah fondasi, bukan pembatas.
Satu kurikulum, tiga cara mengajar.
Hybrid menjadi default karena memberi ruang belajar mandiri tanpa kehilangan kontrol kelas.
Instructor-led
Dosen menentukan kapan setiap pertemuan dan assessment dibuka.
Hybrid
Materi dapat dipelajari lebih awal, sedangkan quiz, tugas, dan project dikontrol dosen.
Self-paced
Mahasiswa maju sesuai kecepatan sendiri setelah menyelesaikan prasyarat.
NgodingLab dikembangkan oleh Arfadigitech.
Product & Software Development for Education Technology · Dibangun untuk kebutuhan pembelajaran pemrograman di kelas dan kampus Indonesia.