Akses Selamanya

Ambil Promo
flash sale
hamburger-menu

Career path

Full-Stack Website Designer

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 Full-Stack Website Designer

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.

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

Adonis JavaScript Framework: Basic Web Development trailer kelas

Adonis JavaScript Framework: Basic Web Development

rating rating rating rating rating
()
  • icon check

    Membuat Aplikasi CRUD

  • icon check

    Adonis Fundamental

Java Dasar 2020 Development trailer kelas

Java Dasar 2020 Development

rating rating rating rating rating
()
  • icon check

    Bisa beradaptasi di Mobile, Desktop dan Website

  • icon check

    Mampu Memahami Dasar Java

PHP Dasar Website Development trailer kelas

PHP Dasar Website Development

rating rating rating rating rating
()
  • icon check

    Mempelajari kondisional, looping, dan function

  • icon check

    Mempelajari tipe data

  • icon check

    Mempelajari konsep dasar

  • icon check

    Mempelajari dasar variable

  • icon check

    Membuat studi kasus aplikasi sederhana

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

CSS Tailwind Web Design trailer kelas

CSS Tailwind Web Design

rating rating rating rating rating
()
  • icon check

    Memahami konsep dasar Tailwind CSS yang berfokus pada utility classes dan perbedaannya dengan framework berbasis komponen seperti Bootstrap.

  • icon check

    Membangun desain dari nol dengan menggabungkan kelas-kelas kecil untuk mengatur warna, ukuran, spacing (padding, margin), tipografi, dan lainnya.

  • icon check

    Mengaplikasikan semua konsep untuk membangun sebuah halaman web modern, seperti halaman single product.

  • icon check

    Menerapkan pendekatan mobile-first dan menggunakan breakpoint variants (misalnya md:, lg:) untuk membuat desain yang fully-responsive.

Full-Stack Web Designer: Handoff dan Front-End trailer kelas

Full-Stack Web Designer: Handoff dan Front-End

rating rating rating rating rating
()
  • icon check

    Mempelajari Cara Deploy Projek Website Kita ke Netlify

  • icon check

    Bekerja Sama dengan Designer dan Developer (Handoff)

  • icon check

    Belajar Melakukan Slicing Design Menjadi HTML Template

  • icon check

    Belajar Cara Membuat Prototype Pada Design Kita Sendiri

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

Mastering React JS: Progressive Web Apps (E-Commerce) trailer kelas

Mastering React JS: Progressive Web Apps (E-Commerce)

rating rating rating rating rating
()
  • icon check

    Membuat fitur Push Notification

  • icon check

    Membuat Splash screen pada aplikasi

  • icon check

    Membuat App Banner (Add to Home Screen)

  • icon check

    Memahami Service Worker dengan Workbox JS

Learn Adobe XD UI/UX Web Design: Travel Agency Website trailer kelas

Learn Adobe XD UI/UX Web Design: Travel Agency Website

rating rating rating rating rating
()
  • icon check

    Mempelajari Whimsical untuk User Flow dan Wireframing

  • icon check

    Mempelajari Prototyping untuk Usability Testing

  • icon check

    Mempelajari cara membuat design Interface dengan Adobe XD

  • icon check

    Mempelajari UI/UX dengan study case Web Travel

Complete Web Designer in with Figma trailer kelas

Complete Web Designer in with Figma

rating rating rating rating rating
()
  • icon check

    Mengetahui benefit Auto Layout, Component & Variant pada Figma

  • icon check

    Memahami penggunaan Auto Layout, Component & Variant

  • icon check

    Memahami fitur baru untuk prototype: Interactive Component

  • icon check

    Membangun UI Design dari component

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

Full-Stack Website Designer

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