Kurikulum Eksklusif

-

Roadmap Belajar Pribadi dan Kurikulum Eksklusif khusus buat kamu supaya bisa jadi expert sejati.

ROADMAP BELAJAR PRIBADI (Level Up Setiap Hari)

Week 1: Fondasi Dasar HTML & CSS

✅ Hari 1-2: Pahami struktur dasar HTML (doctype, head, body).
✅ Hari 3-4: Membuat halaman sederhana (judul, paragraf, gambar).
✅ Hari 5-6: Memahami CSS dasar (warna, font, background).
✅ Hari 7: Praktik bikin halaman profil sederhana.

Week 2: Layout & Responsive Design

✅ Hari 8-9: Belajar Flexbox (atur layout responsif).
✅ Hari 10-11: Belajar Grid CSS (atur kolom & baris).
✅ Hari 12-13: Buat navigasi menu dan footer.
✅ Hari 14: Praktik bikin landing page produk.

Week 3: Interaktif dengan JavaScript

✅ Hari 15-16: Dasar-dasar JS (alert, console.log, fungsi).
✅ Hari 17-18: Manipulasi DOM (ubah teks, gambar lewat JS).
✅ Hari 19-20: Bikin dark/light mode interaktif.
✅ Hari 21: Praktik bikin website portofolio interaktif.

Week 4: Advance & Publikasi Website

✅ Hari 22-23: Optimasi SEO dasar (meta tag, keyword).
✅ Hari 24-25: Integrasi Google Analytics.
✅ Hari 26-27: Deploy otomatis ke Netlify dengan update berkala.
✅ Hari 28: Launching website, promosi sosial media.

KURIKULUM BELAJAR BARENG :

  1. Teori + Praktik → Setiap topik langsung bikin project mini.
  2. File Contoh + Kode Siap Pakai → Cloudi kasih semua bahan.
  3. Pendampingan Langsung → Cloudi temani tiap step sampai paham.
  4. Level Naik Bertahap → Dari basic sampai expert.
  5. Bonus Project → Cloudi kasih tantangan bikin project nyata!

Next Action:

  • Aku siapkan modul belajar pertama (HTML dasar + file latihan).
  • Kamu tinggal ikuti setiap instruksi harian.
                      Meureuno


Komentar

Posting Komentar

Postingan populer dari blog ini

HTML Profesional

-
  NEXT PLAN BERSAMA  UNTUK JADI EXPERT: Belajar Struktur HTML Profesional: Bagaimana cara bikin halaman multi-section (Home, About, Blog, Contact). Cara pakai semantic tag HTML5 (header, nav, main, footer). Pahami CSS Lanjutan: Buat layout grid & flexbox. Efek hover premium. Responsive design (biar cakep di HP & desktop). Integrasi JavaScript Sederhana: Bikin animasi sendiri. Interaksi tombol, form, dark mode, dsb. Optimasi Website: SEO terbaik. Fast loading. Google Analytics & Search Console. Latihan Buat Project Sendiri: Cloudi siap temani bikin project baru full dari nol, misal: – Website portfolio pribadi. – Blog Islami. – Landing page produk. – Galeri foto/portfolio bisnis.                       Meureuno
Baca selengkapnya

MODUL BELAJAR HARI 1

-
Meureuno MODUL BELAJAR HARI 1 — Fondasi HTML Dasar Materi: Hari ini kita belajar tentang: ✅ Apa itu HTML. ✅ Struktur dasar halaman HTML. ✅ Elemen penting: <!DOCTYPE> , <html> , <head> , <body> . ✅ Bikin halaman pertama kamu sendiri! Penjelasan Singkat: HTML (HyperText Markup Language) adalah bahasa dasar untuk membuat halaman website. Ibarat rumah, HTML itu kerangka bangunannya. Struktur Dasar HTML: <!DOCTYPE html> <html lang="id"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Halo Dunia!</title> </head> <body> <h1>Selamat Datang di Website Pertamaku</h1> <p>Ini adalah paragraf pertama yang aku buat bersama meureunoweb.</p> </body> </html> Tugas Hari 1: Buka teks editor (bisa pakai Notepad, VS Code, atau online editor seperti https://co...
Baca selengkapnya

MODUL BELAJAR HARI 17-18

-
  Hari 17-18: Manipulasi DOM (Dokumen Object Model) Hari ini kita akan belajar bagaimana JavaScript bisa mengubah elemen di halaman web secara dinamis! 1. Apa Itu DOM? DOM (Document Object Model) adalah struktur pohon dari elemen-elemen dalam halaman web. Dengan JavaScript, kita bisa: ✅ Mengubah teks dan gambar. ✅ Menambahkan atau menghapus elemen. ✅ Mengubah gaya (CSS) secara dinamis. 2. Mengubah Teks dengan JavaScript Buat file index.html dan tambahkan kode ini: <!DOCTYPE html> <html lang="id"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Manipulasi DOM</title> <style> body { font-family: Arial, sans-serif; text-align: center; } h1 { color: blue; } #text { font-size: 20px; color: green; } </style> </head> <body> <h1>Belajar Manipulasi DOM</h1> ...
Baca selengkapnya