Lewati ke konten
Roadmap Kategori Dokumentasi Masuk Daftar gratis

Frontend Developer

Belajar membangun antarmuka web modern: HTML, CSS, JavaScript, framework komponen, aksesibilitas, performa, dan testing.

Pemula ⏱ ± 260 jam ◇ 16 node 👥 0 pelajar #frontend #javascript #react #css
Memuat diagram…

Daftar materi

Versi teks dari diagram di atas.

  1. Topic

    HTML Semantik

    Struktur dokumen, elemen semantik, form, dan dasar SEO.

  2. Topic

    CSS & Layout

    Box model, Flexbox, Grid, responsive design, dan custom properties.

  3. Optional

    Utility-first CSS (Tailwind)

    Menyusun UI dengan utility class.

  4. Topic

    JavaScript Modern

    Sintaks ES2015+, DOM, event, async/await, dan modul.

  5. Project

    Proyek: Aplikasi Cuaca

    Aplikasi tanpa framework yang mengambil data dari API publik dan menampilkan state loading/error.

  6. Prerequisite

    Git & npm

    Version control dan package manager untuk proyek frontend.

  7. Topic

    TypeScript

    Tipe statis untuk kode JavaScript yang lebih aman.

  8. Topic

    Framework Komponen (React)

    Komponen, props, state, hooks, dan pola komposisi.

  9. Subtopic

    State management

    Context, reducer, dan library state global.

  10. Topic

    Build Tools (Vite)

    Bundling, dev server, environment variable, dan optimasi build.

  11. Topic

    Aksesibilitas

    Membuat UI yang dapat digunakan semua orang: keyboard, screen reader, kontras.

  12. Topic

    Testing Frontend

    Unit test komponen dan end-to-end test.

  13. Topic

    Performa Web

    Core Web Vitals, lazy loading, dan optimasi aset.

  14. Assessment

    Assessment: Frontend Fundamentals

    Evaluasi HTML, CSS, JavaScript, dan React.

  15. Project

    Proyek: Portfolio SPA

    Single page application dengan routing, data fetching, test, dan skor aksesibilitas yang baik.

  16. Milestone

    Siap Kerja sebagai Frontend Developer