 |
| thumnails |
Berikut adalah silabus lengkap untuk belajar JavaScript dari nol hingga mahir:
1. Dasar-Dasar JavaScript
Durasi: 1-2 minggu
1. Pengantar JavaScript
- Apa itu JavaScript?
- Bagaimana JavaScript bekerja di browser.
- Penulisan kode JavaScript di HTML (Internal, External).
2. Sintaks Dasar
- Variabel (var, let, const).
- Tipe data (string, number, boolean, undefined, null).
- Operator (aritmatika, logika, perbandingan).
3. Struktur Kontrol
- If, else, else if.
- Switch-case.
- Looping (for, while, do-while).
4. Fungsi Dasar
- Membuat fungsi.
- Parameter dan return value.
- Function expression & arrow function.
2. Manipulasi DOM (Document Object Model)
Durasi: 2-3 minggu
1. Memahami DOM
- Apa itu DOM?
- Struktur DOM.
2. Mengakses Elemen
- getElementById,
- getElementsByClassName,
- querySelector,
- querySelectorAll.
3. Memanipulasi Elemen
- Mengubah teks (innerHTML, textContent).
- Menambahkan atau menghapus elemen (appendChild, removeChild).
- Mengubah atribut elemen (setAttribute, classList).
4. Event Handling
- Event listener (addEventListener).
- Event seperti click, mouseover, keyup.
- Prevent default dan bubbling.
3. JavaScript Lanjutan
Durasi: 4-6 minggu
1. Object-Oriented Programming (OOP)
- Object literal.
- Constructor function.
- Class & inheritance.
2. Asynchronous JavaScript
- Callback.
- Promise.
- Async/await.
3. Error Handling
- Try-catch.
- Throw custom error.
4. Manipulasi Data
- Array methods (map, filter, reduce, forEach).
- String methods (split, replace, toUpperCase).
4. API dan HTTP Request
Durasi: 2-3 minggu
1. Apa itu API?
- Cara kerja API (RESTful).
- JSON format.
2. Menggunakan Fetch API
- GET dan POST request.
- Error handling dengan Fetch.
3. AJAX
- Memahami konsep AJAX.
- Menggunakan XMLHttpRequest.
4. Third-party Libraries
- Axios untuk HTTP request.
5. Framework dan Library JavaScript
Durasi: 6-8 minggu
1. Intro to Framework
- Apa itu framework/library?
2. React.js (opsional, bisa pilih framework lain)
- Membuat komponen.
- State dan props.
- Hook dasar (useState, useEffect).
3. Library Populer
- jQuery.
- Chart.js untuk visualisasi data.
6. Optimisasi dan Testing
Durasi: 3-4 minggu
1. Optimisasi Kode
- Debugging.
- Best practices (penamaan variabel, struktur kode).
2. Testing
- Unit testing dengan Jest.
- Integration testing.
7. Proyek Akhir dan Portofolio
Durasi: 4-6 minggu
1. Proyek Sederhana
- Todo list dengan localStorage.
- Kalkulator sederhana.
2. Proyek Menengah
- API konsumsi (misalnya aplikasi cuaca).
- Aplikasi CRUD sederhana.
3. Proyek Mahir
- SPA (Single Page Application) dengan React.js atau framework lainnya.
Tips Tambahan
- Gunakan platform latihan seperti FreeCodeCamp, HackerRank, atau Codewars.
- Gabung komunitas programmer seperti forum atau grup Telegram.
- Dokumentasikan proyekmu di GitHub.
