Scribd
Unggah
43 tayangan3 halaman

Rencana Pembelajaran Bahasa HTML, Css Dan Js

Diunggah oleh

Ali Murni Munir
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
43 tayangan3 halaman

Rencana Pembelajaran Bahasa HTML, Css Dan Js

Diunggah oleh

Ali Murni Munir
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 3

Rencana Pembelajaran Bahasa html, css dan js:

Rencana Belajar HTML, CSS, dan JavaScript (Total 180 Jam)

Tingkat Dasar (30-50 Jam)

Durasi: 4 minggu (30 hari)


Total Jam: 30 Jam (2 Jam per Hari)

Minggu 1: Pengenalan HTML

 Hari 1: Apa itu HTML? Struktur dasar HTML.


 Hari 2: Elemen dan tag HTML (header, paragraph, link, image).
 Hari 3: Daftar dan tabel (unordered, ordered lists, tables).
 Hari 4: Formulir dan input (input types, labels, buttons).
 Hari 5: Praktik: Buat halaman HTML sederhana.
 Hari 6: Penggunaan gambar dan video dalam HTML.
 Hari 7: Ulasan dan tanya jawab.

Minggu 2: Pengenalan CSS

 Hari 8: Apa itu CSS? Menghubungkan CSS dengan HTML.


 Hari 9: Selector, properties, dan values.
 Hari 10: Warna, font, dan teks.
 Hari 11: Box model (margin, padding, border).
 Hari 12: Layout dasar (display, position).
 Hari 13: Praktik: Styling halaman HTML yang sudah dibuat.
 Hari 14: Ulasan dan tanya jawab.

Minggu 3: Pengenalan JavaScript

 Hari 15: Apa itu JavaScript? Mengapa menggunakan JS?


 Hari 16: Variabel dan tipe data di JS.
 Hari 17: Operasi dasar (aritmetika, logika).
 Hari 18: Kontrol alur (if statements, loops).
 Hari 19: Fungsi: pengertian dan cara membuat.
 Hari 20: Praktik: Menambahkan interaktivitas ke halaman HTML.
 Hari 21: Ulasan dan tanya jawab.

Minggu 4: Penggunaan Lanjutan HTML, CSS, dan JS

 Hari 22: Pengenalan DOM (Document Object Model).


 Hari 23: Mengubah elemen dengan JS (document.getElementById, querySelector).
 Hari 24: Event handling (onclick, onchange).
 Hari 25: Pengenalan responsive design (media queries).
 Hari 26: Praktik: Buat aplikasi sederhana menggunakan HTML, CSS, dan JS.
 Hari 27: Ulasan dan tanya jawab.
 Hari 28-30: Tugas akhir: Buat proyek kecil (misal: To-Do List) dengan semua
pengetahuan yang telah dipelajari.
Tingkat Intermediate (50-80 Jam)

Durasi: 6 minggu (42 hari)


Total Jam: 50 Jam (2 Jam per Hari)

Minggu 5: CSS Lanjutan

 Hari 31: Pengenalan Flexbox dan Grid.


 Hari 32: Animasi dan transisi CSS.
 Hari 33: Styling formulir yang lebih kompleks.
 Hari 34: Responsive Images dan teknik optimasi.
 Hari 35: Praktik: Mendesain layout responsif.
 Hari 36: Ulasan dan tanya jawab.

Minggu 6: JavaScript Lanjutan

 Hari 37: Pengenalan array dan objek.


 Hari 38: Metode array (forEach, map, filter).
 Hari 39: Asynchronous JavaScript (callback, promises).
 Hari 40: Pengenalan API (fetch, axios).
 Hari 41: Praktik: Mengambil data dari API.
 Hari 42: Ulasan dan tanya jawab.

Minggu 7: Proyek Intermediate

 Hari 43-50: Buat proyek yang lebih kompleks (misal: aplikasi cuaca yang mengambil
data dari API).
 Hari 51: Presentasi proyek dan umpan balik.
 Hari 52: Ulasan dan tanya jawab.

Minggu 8: Penggunaan Alat dan Framework

 Hari 53: Pengenalan alat build (Webpack, Gulp).


 Hari 54: Pengenalan framework CSS (Bootstrap, Tailwind).
 Hari 55: Praktik: Menggunakan Bootstrap untuk mendesain layout.
 Hari 56: Pengenalan library JavaScript (jQuery).
 Hari 57: Praktik: Menggunakan jQuery untuk manipulasi DOM.
 Hari 58: Ulasan dan tanya jawab.

Tingkat Mahir (80-100 Jam)

Durasi: 10 minggu (70 hari)


Total Jam: 100 Jam (2 Jam per Hari)

Minggu 9: Pengenalan Framework JavaScript


 Hari 59: Pengenalan framework JavaScript (React, Vue, Angular).
 Hari 60: Memahami konsep dasar React (komponen, props, state).
 Hari 61: Praktik: Membuat aplikasi sederhana dengan React.
 Hari 62: Pengenalan manajemen state (Redux, Context API).
 Hari 63: Ulasan dan tanya jawab.

Minggu 10: Desain Responsif dan Aksesibilitas

 Hari 64: Praktik: Menerapkan desain responsif di proyek React.


 Hari 65: Prinsip aksesibilitas dalam web (WCAG).
 Hari 66: Ulasan dan tanya jawab.

Minggu 11: Proyek Besar

 Hari 67-90: Kerjakan proyek besar (misal: aplikasi e-commerce) menggunakan


HTML, CSS, JS, dan framework.
 Hari 91: Presentasi proyek dan umpan balik.
 Hari 92: Latihan dan penilaian mandiri.

Minggu 12-15: Portofolio dan Networking

 Hari 93: Membangun portofolio online.


 Hari 94: Tips untuk wawancara dan mendapatkan pekerjaan.
 Hari 95: Jaringan dengan profesional di bidang pengembangan web.
 Hari 96-110: Proyek portofolio dan praktik wawancara.
 Hari 111: Ulasan keseluruhan.

Kesimpulan

 Total Jam Belajar: 180 Jam (30 Minggu).


 Total Hari Belajar: 180 Hari (setiap hari 2 jam).

Anda mungkin juga menyukai