Akses Selamanya

Ambil Promo
flash sale
hamburger-menu

Career path

React Front-End Developer

Mulai belajar gratis
My Progress
logo
App Developer
0%
logo
UI/UX Designer
0%
BuildWithAngga
BuildWithAngga
BuildWithAngga BuildWithAngga BuildWithAngga

Low Risk, High Return

Investasi Skills Terbaru
Demi Karir Impianmu

Lihat benefit lainnya
Great Portfolio
Great Portfolio

Menjadi kandidat yang memiliki value tinggi ketika melamar kerja

Career Shortcuts
Career Shortcuts

Ikuti panduan belajar terarah buatan oleh professional mentor

Lifetime Access
Lifetime Access

Belajar jadi lebih produktif sesuai dengan fase masing-masing

Well-Designed Roadmap

Syllabus React Front-End Developer

HTML5 Dasar trailer kelas

HTML5 Dasar

rating rating rating rating rating
()
  • icon check

    Memahami elemen dasar seperti <!DOCTYPE html>, <html>, <head>, <body>, serta cara membangun struktur halaman yang benar.

  • icon check

    Pengenalan elemen-elemen semantik baru seperti <header>, <nav>, <section>, <article>, <footer> untuk membuat markup lebih terstruktur dan mudah dipahami.

  • icon check

    Cara menggunakan elemen HTML5 untuk menyematkan media tanpa plugin tambahan, seperti <audio> dan <video>.

  • icon check

    Memahami peningkatan fitur form seperti input type baru (email, date, number, dsb.), atribut validasi bawaan, dan peningkatan pengalaman pengguna.

CSS Website Design trailer kelas

CSS Website Design

rating rating rating rating rating
()
  • icon check

    Memahami fungsi CSS untuk mengubah tampilan visual website yang dibangun dengan HTML.

  • icon check

    Mempelajari cara memilih elemen HTML yang spesifik untuk diberi gaya (misalnya, memilih berdasarkan tag, class, atau ID).

  • icon check

    Mengatur posisi elemen secara presisi menggunakan properti position (static, relative, absolute, fixed).

  • icon check

    Mengubah properti teks seperti jenis font, ukuran, ketebalan, dan spasi.

ES6 Dasar trailer kelas

ES6 Dasar

rating rating rating rating rating
()
  • icon check

    Mempelajari sintaks fungsi yang lebih ringkas dan modern, serta perbedaan perilaku this dibandingkan fungsi tradisional.

  • icon check

    Mempelajari sintaks class yang lebih sederhana dan jelas untuk membuat Object-Oriented Programming (OOP) di JavaScript, mirip dengan bahasa lain.

  • icon check

    Pengenalan tentang Promise sebagai cara modern untuk menangani operasi asynchronous (menggantikan callback hell).

Vanilla JavaScript Pada Website Development trailer kelas

Vanilla JavaScript Pada Website Development

rating rating rating rating rating
()
  • icon check

    Latihan sederhana function iteration

  • icon check

    Belajar membaca dokumentasi Javascript MDN

  • icon check

    Belajar cara mendeklarasi variable

  • icon check

    Berkenalan dengan vanilla javascript

Web Dev Tools trailer kelas

Web Dev Tools

rating rating rating rating rating
()
  • icon check

    Menguasai Code Editor (Visual Studio Code)

  • icon check

    Dasar-Dasar Version Control (Git & GitHub)

  • icon check

    Penggunaan Terminal/Command Line

CSS Bootstrap 4 Web Design trailer kelas

CSS Bootstrap 4 Web Design

rating rating rating rating rating
()
  • icon check

    Pengenalan CSS Framework

  • icon check

    Instalasi dan Setup Bootstrap

  • icon check

    Membuat Website Responsif

  • icon check

    Mempelajari Bootstrap Grid System

React JavaScript trailer kelas

React JavaScript

rating rating rating rating rating
()
  • icon check

    Mempelejari apa itu React, mengapa React menjadi library JavaScript yang sangat populer, dan keunggulannya dalam membangun UI.

  • icon check

    Mempelajari sintaks JSX, yang memungkinkan penulisan kode mirip HTML di dalam JavaScript.

  • icon check

    Membangun UI dengan pendekatan berbasis komponen, yaitu memecah tampilan menjadi bagian-bagian kecil yang dapat digunakan kembali.

Convert HTML ke React JS Framework trailer kelas

Convert HTML ke React JS Framework

rating rating rating rating rating
()
  • icon check

    Mempelajari alur kerja profesional untuk mengubah template HTML statis menjadi aplikasi web React yang dinamis dan interaktif.

  • icon check

    Teknik memecah file HTML yang besar menjadi komponen-komponen React yang kecil, logis, dan dapat digunakan kembali (reusable).

  • icon check

    Cara mengelola dan mengimpor aset statis seperti file CSS dan gambar ke dalam struktur proyek React.

Full-Stack JavaScript Developer: Website Travel trailer kelas

Full-Stack JavaScript Developer: Website Travel

rating rating rating rating rating
()
  • icon check

    Belajar Menggunakan Library Reactjs

  • icon check

    Belajar Membuat API dengan Nodejs & Expressjs

  • icon check

    Belajar membuat reusable component react from scratch

  • icon check

    Belajar mengolah DB non-sequel dengan mongodb

  • icon check

    Belajar UI/UX dalam membangun suatu website booking hotel online

  • icon check

    Belajar Usability-Testing dengan menganalisa behaviour pengguna website

Master Class: React JS dan Tailwind CSS Website Development trailer kelas

Master Class: React JS dan Tailwind CSS Website Development

rating rating rating rating rating
()
  • icon check

    Belajar custom hooks

  • icon check

    Belajar buat mock API

  • icon check

    Mendeploy dengan netlify

  • icon check

    Slicing file HTML ke ReactJS

Lihat kelas lainnya

Trusted By 900K+ Students

Join Our Supportive
Community 😊

BuildWithAngga menyediakan komunitas belajar UI/UX
design & Web Development untuk pemula ke mahir

Berkualitas Tinggi

Banyak ilmu dari BuildWithAngga
yang terbaru modal bekerja.

user picture

Aqil

Front-End Developer

Always Up to Date

BuildWithAngga memberikan materi
kelas dengan tools terbaru.

user picture

Edi

Full-Stack Developer

Hemat Waktu

Materi design & development mudah
dipahami, thanks BuildWithAngga.

user picture

Evita

UI/UX Designer

Pemula to Expert

Mudah bikin portfolio dari kelas
online BuildWithAngga.

user picture

Wahyu

Mobile App Developer

Alur Belajar Jelas

BuildWithAngga terbaik! cocok
banget pemula belajar UI/UX design.

user picture

Rizqy

UI/UX Designer

Discover and Learn

Tiap kelas BuildWithAngga ada
ilmu design & development terbaru.

user picture

Sharen

UI/UX Designer
Katalog Kelas Karya Students Katalog Kelas

Berkualitas Tinggi

Banyak ilmu dari BuildWithAngga
yang terbaru modal bekerja.

user picture

Aqil

Front-End Developer

Always Up to Date

BuildWithAngga memberikan materi
kelas dengan tools terbaru.

user picture

Edi

Full-Stack Developer

Hemat Waktu

Materi design & development mudah
dipahami, thanks BuildWithAngga.

user picture

Evita

UI/UX Designer

Pemula to Expert

Mudah bikin portfolio dari kelas
online BuildWithAngga.

user picture

Wahyu

Mobile App Developer

Alur Belajar Jelas

BuildWithAngga terbaik! cocok
banget pemula belajar UI/UX design.

user picture

Rizqy

UI/UX Designer

Discover and Learn

Tiap kelas BuildWithAngga ada
ilmu design & development terbaru.

user picture

Sharen

UI/UX Designer
Roadmap
icon

React Front-End Developer

logo buildwithangga

PT. Angga Membangun Indonesia

Jl. KH. Wahid Hasyim Kel No.10D

Jakarta, Indonesia

‪+62877‑7891-9943‬ (WhatsApp)

[email protected]

© 2019-2026 BuildWithAngga

Start Popular Career

Mastering Hot Tools

Learn Language

Resources

Community

Company

Useful Links

Marketing Banner

Kode Promo