Belajar Dasar HTML
Website adalah hal yang sudah biasa kita dengar untuk zaman sekarang. Tapi teknologi yang digunakan selalu ada yang terbaru dan semakin dinamis. Hal ini menjadi tantangan tersendiri untuk orang-orang yang ingin atau sedang bergelut di dunia pemrograman. Pada kelas ini kamu akan belajar dasar-dasar HTML untuk fondasi awal belajar web development
Tentang Kelas
Dalam kelas online ini kamu akan belajar dasar-dasar HTML. HTML merupakan pengetahuan umum yang harus dimiliki oleh setiap orang yang menggeluti bidang web programming. Dalam kelas ini, kamu akan belajar mulai dari bagaimana konsep dasar dan cara kerja dari HTML serta bagaimana penggunaannya dalam membangun sebuah tampilan website.
Tujuan Umum dan Khusus Pelatihan
- Di akhir pelatihan, peserta dapat mengenal HTML
- Dapat mengetahui dasar-dasar pemrograman
- Dapat menginstal software yang dibutuhkan dalam belajar pemrograman
- Dapat menjelaskan dasar-dasar pemrograman
Silabus Topik 1: Perkenalan Tentang Web Development
Topik 2: Hal Dasar yang Perlu Kamu Tahu tentang HTML
Topik 3: Lebih Dalam dan Mengenal Semantic Syntax
Topik 4: Tabel dan Formulir
Jenis pekerjaan Kelas ditujukan bagi siapa saja yang ingin berkarir menjadi seorang programmer
Metode Ajar
- Online Self-paced Learning Siswa dapat menentukan sendiri waktu belajarnya
- Fasilitas Pengajaran Materi disediakan berupa video Forum tanya jawab: Forum digunakan apabila siswa mendapatkan kendala saat belajar, dan akan dibalas oleh tim support CodePolitan Grup discord: Berisi member CodePolitan Sertifikat kelulusan
Peralatan Belajar Siswa
- Siswa wajib memiliki akses internet melalui komputer yang menggunakan Windows/Mac/Linux
- Spesifikasi minimal komputer milik siswa:
- Sistem operasi : Windows, Linux, atau MacOS.
- Prosesor : Intel Dual Core (Rekomendasi Core i3 ke atas).
- RAM : 1GB (Rekomendasi 2GB).
- Resolusi layar : 1366 x 768 (Rekomendasi Full HD 1920 x 1080)
- Software:
- Browser (tidak ada preferensi khusus)
- Text editor (tidak ada preferensi khusus)
Daftar Materi
| Apa itu internet | 04:36 | |
| Hubungannya Web dengan Internet | 07:01 | |
| Pernah denger Frontend dan Backend? | 06:16 | |
| Persiapan Software yang Dibutuhkan | 07:48 |
| Pengenalan HTML | 11:04 | |
| Membuat File HTML Pertama Kali | 09:56 | |
| Membuat Format Paragraf di HTML | 06:14 | |
| Membuat Format Heading atau Judul di HTML | 06:43 | |
| Mengenal Kerangka Utuh Dokumen HTML | 07:56 | |
| Membuat List di dalam HTML | 08:10 | |
| Membuat Element Link di HTML untuk Pindah Halaman | 07:29 | |
| Memuat File Gambar di HTML | 06:49 | |
| Mengenal Element Komentar sebagai Catatan di HTML | 05:01 |
| Antara Block dan Inline - div dan span | 14:27 | |
| Element hr br sup sub yang Mungkin Perlu Kamu Tahu | 07:37 | |
| Mengenal Entity Code | 05:24 | |
| Mengenal Apa itu Semantic Markup | 07:45 | |
| Latihan Menggunakan Semantic Element | 14:12 |
| Mengenal Tabel dan Sejarahnya di HTML | 05:18 | |
| Membuat Tabel Sederhana di HTML | 11:25 | |
| Semantic Table thead tbody tfoot | 06:04 | |
| Menggabungkan Kolom dan Barus di Tabel HTML | 13:29 | |
| Mengenal Form untuk Isian Formulir | 08:50 | |
| Membuat Beberapa Inputan di dalam Form | 05:50 | |
| Fungsi Label untuk Judul Inputan | 09:40 | |
| Fungsi Button di dalam Form | 06:42 | |
| Mengenal Attribute Name di Input HTML | 09:24 | |
| Mengenal Radio Button Checkbox dan Select untuk Pilihan Ganda | 12:45 | |
| Mengenal Input Text Area | 05:42 | |
| Membuat Validasi Inputan di dalam Form | 05:01 |
Penyusun Materi
Ahmad Hakim
Founder & Mentor IDStack | CTO di Nusabot | Software Engineer di GovTech Edu | Former Software Engineer di Track&ROLL
Testimoni Oleh Siswa
(2138 reviews)
anas maghfuri al maulidi
materinya sanggat mudah untuk dipahami sebagai pemula dan untuk penjelasannya salah mudah untuk di menggertiAji Sutiono
Materinya disampaikan dengan ringan, sehingga mudah dicerna oleh pemula seperti saya. Setiap detail materinya disampaikan sederhana tapi dalam, tidak bertele-tele juga. Mantul pokoknya.
Ahmadal Musthofa
materi yang disampaikan mudah untuk dipahami, mentor juga sangat handal dalam menjelaskan dan menjabarkanfizonenda poca sondaya
materi yang disampaikan mentor mudah dimengerti, tetapi ada video yang tiba tiba kualitasnya menurun padahal saya menggunakan video setting 720 dan jaringan saya lancar saja.Irine Octaviana
Materinya bikin cepat paham, dan hemat file penyimpanan dengan ga sering-sering buat file baru...mantapp...
M Ibnu Umar Rosyidi
Materi saya rasa sudah cukup padat, tim materi memperlihatkan materi-materi penting yang harus dimilki sebagai awalanFerry Kurniawan
Materi yang disampaikan oleh mentornya sangat jelas dan mudah dipahami. Penjelasannya terstruktur dengan baik, sehingga saya yang pemula dapat mengikuti setiap langkahnya dengan mudah.suparman
ok sekali dan bagus dapat menambah ilmu mengebau pemahaman HTML yang belum tau disini. Semoga sukses selalu.
Andri Adi Putra
mantaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaapppppppppppppppppppIvan Adrian
Belajar HTML sangat membantu saya dalam memahami dasar pemrograman website, terutama karena materinya disajikan dengan jelas dan mudah dipahami. Setiap elemen yang saya pelajari terasa intuitif, dan saya bisa langsung melihat hasilnya di browser. Mulai dari struktur halaman, heading, paragraf, hingga memasukkan gambar dan link, semuanya terasa logis. Ini membuat pengalaman belajar menjadi menyenangkan dan tidak membingungkan. Selain itu, pemahaman tentang HTML juga menjadi fondasi yang kuat untuk melanjutkan ke teknologi web lain seperti CSS dan JavaScript.