Pemrograman

Dasar Pemrograman Web

Kuasai fondasi pengembangan web modern dari tingkat paling dasar. Pelajari sintaks HTML5, penataan layout CSS3, framework Bootstrap 5, hingga logika interaktif dengan JavaScript.

4.9 (320 peserta)
Level: Pemula
Durasi: 8 Minggu
Pengajar: Andi Pratama
Daftar Kursus Sekarang
Cover kursus Dasar Pemrograman Web

Deskripsi Kursus

Perkembangan teknologi web saat ini menuntut setiap calon profesional IT untuk memiliki pemahaman dasar yang kokoh. Dalam kursus ini, Anda akan diajak memahami bagaimana sebuah website dibangun dari nol hingga siap diakses di internet.

Materi disusun secara praktis dan bertahap agar mudah dipahami oleh mahasiswa pemula yang belum pernah belajar koding sebelumnya. Kami memfokuskan pembelajaran pada standar industri front-end web development modern.

Di akhir kursus, Anda akan memiliki tugas proyek akhir berupa pembuatan website statis yang responsif, estetis, serta memenuhi standar aksesibilitas web modern. *Catatan: Seluruh perangkat lunak yang digunakan dalam kursus ini bersifat open-source dan gratis.

Materi yang Akan Dipelajari

Berikut adalah 10 modul utama yang akan Anda kuasai selama 8 minggu pembelajaran:

  1. Pengenalan HTML: Sejarah web, konsep client-server, dan cara kerja browser.
  2. Struktur dokumen HTML: Penggunaan tag Doctype, head, body, dan atribut HTML.
  3. Heading, paragraph, dan text formatting: Pengaturan hierarki teks dan elemen formatting.
  4. Image dan hyperlink: Menyisipkan gambar responsif dan navigasi antar tautan.
  5. Table dan list: Menyajikan data terstruktur dengan tabel dan daftar urut/acak.
  6. Form HTML: Membuat elemen input teks, dropdown, checkbox, dan tombol submit.
  7. Dasar CSS: Selector, color palette, box model, Flexbox, dan CSS Grid.
  8. Bootstrap: Menggunakan grid system, komponen card, navbar, dan utility classes Bootstrap 5.
  9. Dasar JavaScript: Variabel, tipe data, manipulasi DOM, dan event listener.
  10. Membuat website responsif: Menerapkan media query dan optimasi tampilan mobile.

Materi Video Lengkap

Programmer Zaman Now

Materi video lengkap untuk kursus ini dapat Anda ikuti melalui rangkaian video berikut:

Sumber materi: kanal YouTube Programmer Zaman Now

Video Pengantar Kursus

HTML5 Video

Saksikan pengenalan singkat materi kursus ini melalui video pengantar berikut:

Video pengantar EduLearn (Durasi: 00:10)

Podcast: Tips Konsisten Belajar Pemrograman

Audio Suplemen

Dengarkan audio diskusi santai bersama pengajar mengenai tips mengatasi rasa bosan saat belajar koding untuk pemula.

Silabus Minggu Pembelajaran

Rincian rencana perkuliahan mingguan selama satu semester:

Minggu Materi Aktivitas Durasi
Minggu 1 Pengenalan Web & HTML Dasar Membuka Web Editor & Tag Pertama 2 Jam Sesi
Minggu 2 Text Formatting & Hyperlink Membuat Struktur Artikel Blog 2 Jam Sesi
Minggu 3 Tabel, List, & Gambar Membuat Tabel Jadwal & Galeri 2.5 Jam Sesi
Minggu 4 Form & Input Validation Membuat Form Registrasi Kontak 2.5 Jam Sesi
Minggu 5 Pengenalan CSS & Box Model Mewarnai & Mengatur Layout Card 3 Jam Sesi
Minggu 6 Bootstrap 5 Framework Slicing Grid & Navbar Bootstrap 3 Jam Sesi
Minggu 7 JavaScript & DOM Manipulation Membuat Event Listener & Validasi Form 3 Jam Sesi
Minggu 8 Final Project Website Edukasi Review Code & Presentation Test 4 Jam Sesi