Jadi Frontend adalah program pembelajaran open-source dan gratis untuk membantu siapa pun belajar Front-End Development dari nol. Materi disusun berdasarkan roadmap.sh/frontend, dan terbuka untuk kontribusi komunitas.
Tujuan Program
Membantu pemula memahami dasar Web Development.
Memberikan panduan dan arah belajar sesuai standar industri.
Menyediakan ruang kontribusi open-source untuk komunitas.
Menyediakan sumber belajar gratis dan bebas diakses.
Nilai-nilai
Gratis: Materi bebas akses untuk semua.
Open-Source: Tersedia di GitHub dan bisa dikembangkan siapa saja.
Komunitas: Kontribusi bersama memperkaya isi.
Berbasis Roadmap: Mengikuti standar kerja di industri.
Sasaran Peserta
Pemula yang baru belajar coding.
Mahasiswa atau siswa SMK/SMA.
Profesional non-IT yang ingin beralih ke web dev.
Siapa pun yang tertarik dengan web development.
Struktur Program
Bagian 1: Orientasi & Pemahaman Awal
Pengenalan Web
Path Karir Frontend Developer
Tips Belajar Konsisten dan Efektif
Bagian 2: Fondasi Teknologi Web
2.1 HTML
Struktur dasar HTML
Semantic Tags
Aksesibilitas dasar
2.2 CSS
Syntax & Selector
Box Model
Flexbox & Grid Layout
Positioning & Z-index
Responsive Design
CSS Variables
Animasi Dasar
2.3 JavaScript Dasar (Disesuaikan Roadmap)
Variabel & Tipe Data
Struktur Kontrol:
if,for,while,switchFungsi: Biasa & Arrow Function
Objek & Array
DOM Manipulation
Event Handling
Callback, Promise, Async/Await
Struktur Data & Algoritma Dasar
Debugging & Clean Code
Bagian 3: Alat Kerja Modern
Git & GitHub
VSCode & Extensions
Package Manager: npm, pnpm
Build Tools: Vite
Bagian 4: Framework & Library
Perbandingan: React, Vue, Svelte
Dasar penggunaan tiap framework
Bagian 5: Web API & Browser API
DOM & Events
Fetch API
LocalStorage & SessionStorage
Bagian 6: Best Practices
Aksesibilitas (A11Y)
SEO Dasar
Web Performance
Struktur Project
Bagian 7: Testing & Deployment
Unit & Integration Testing
CI/CD Dasar (GitHub Actions)
Hosting: Vercel / Netlify
Bagian 8: Proyek & Kolaborasi
Mini Projects
Kontribusi ke program
Studi kasus & real-world app
Penutup
Jadi Frontend bukan sekadar program belajar, tapi sebuah inisiatif terbuka untuk memberikan akses belajar Front-End Development secara gratis dan kolaboratif. Saya percaya bahwa siapa pun bisa belajar web development, asalkan punya semangat dan arah yang jelas.
Melalui program ini, saya ingin berbagi sumber belajar yang terstruktur, relevan dengan industri, dan terbuka untuk dikembangkan bersama komunitas. Dengan semangat open-source, saya berharap lebih banyak orang bisa tumbuh dan berkontribusi bersama.
🚀 Mari tumbuh bareng. Mari belajar bareng. Jadi Frontend, bareng-bareng.
