Career path

Full-Stack Engineer

Mulai belajar gratis

My Progress

App Developer

UI/UX Designer

Low Risk, High Return

Investasi Skills Terbaru
Demi Karir Impianmu

Lihat benefit lainnya

Great Portfolio

Menjadi kandidat yang memiliki value tinggi ketika melamar kerja

Career Shortcuts

Ikuti panduan belajar terarah buatan oleh professional mentor

Lifetime Access

Belajar jadi lebih produktif sesuai dengan fase masing-masing

Well-Designed Roadmap

Syllabus Full-Stack Engineer

Intro to UX Design Research

()

Belajar dan praktik membuat sebuah Research Plan
Memahami langkah awal dalam membangun Startup
Belajar memilih metode Research yang tepat
Mengenal UX Design Research dari dasar

Learn UX User Persona

()

Memahami komponen dalam User Persona
Memahami tahapan dan cara membuat User Persona
Memahami cara membuat User Story Board
Dapat melakukan praktik pembuatan User Persona
Dapat melakukan praktik pembuatan User Story Board

UX Design : User Flow

()

Mengenal apa itu User-Flow dan Manfaatnya
Menggunakan Whimsical untuk mendesain Flow aplikasi
Mengimplementasikan User-Flow pada design aplikasi
Belajar UX User-Flow Dari Dasar

Complete Guide UX Wireframe Design

()

Memahami brief project dari klien atau perusahaan
Mengenal definisi dan manfaat wireframe
Mendalami Whimsical dan Figma untuk brainstorming wireframe
Mengubah wireframe ke visual design

Learn Figma For Beginner

()

Membuat design Travel mobile app dengan Figma
Mempelajari tools dasar UI/UX designer pada Figma

UI UX Figma to No-Code Lovable AI: Bikin Landing Page

()

Menghubungkan desain Figma ke Lovable.dev secara otomatis
Menyesuaikan konten, interaksi, dan layout tanpa coding
Menyusun landing page yang responsif dan siap dipublikasikan
Menggunakan fitur AI Lovable untuk mempercepat proses desain

HTML5 Dasar

()

Memahami elemen dasar seperti <!DOCTYPE html>, <html>, <head>, <body>, serta cara membangun struktur halaman yang benar.
Pengenalan elemen-elemen semantik baru seperti <header>, <nav>, <section>, <article>, <footer> untuk membuat markup lebih terstruktur dan mudah dipahami.
Cara menggunakan elemen HTML5 untuk menyematkan media tanpa plugin tambahan, seperti <audio> dan <video>.
Memahami peningkatan fitur form seperti input type baru (email, date, number, dsb.), atribut validasi bawaan, dan peningkatan pengalaman pengguna.

CSS Website Design

()

Memahami fungsi CSS untuk mengubah tampilan visual website yang dibangun dengan HTML.
Mempelajari cara memilih elemen HTML yang spesifik untuk diberi gaya (misalnya, memilih berdasarkan tag, class, atau ID).
Mengatur posisi elemen secara presisi menggunakan properti position (static, relative, absolute, fixed).
Mengubah properti teks seperti jenis font, ukuran, ketebalan, dan spasi.

CSS Tailwind Web Design

()

Memahami konsep dasar Tailwind CSS yang berfokus pada utility classes dan perbedaannya dengan framework berbasis komponen seperti Bootstrap.
Membangun desain dari nol dengan menggabungkan kelas-kelas kecil untuk mengatur warna, ukuran, spacing (padding, margin), tipografi, dan lainnya.
Mengaplikasikan semua konsep untuk membangun sebuah halaman web modern, seperti halaman single product.
Menerapkan pendekatan mobile-first dan menggunakan breakpoint variants (misalnya md:, lg:) untuk membuat desain yang fully-responsive.

Belajar Flexbox Untuk Front End Developer

()

Mengenal apa itu Flexbox
Belajar dasar-dasar Flexbox
Slicing web design dengan menerapkan sifat Flexbox

HTML5 Tailwind CSS: Creating Modern Eye-Catching Website

()

Melakukan convert design Figma ke HTML CSS
Memperdalam utility pada Tailwind CSS
Membuat website eye-catching dan responsive
Meningkatkan perfomance sebuah website

PHP Dasar Website Development

()

Mempelajari kondisional, looping, dan function
Mempelajari tipe data
Mempelajari konsep dasar
Mempelajari dasar variable
Membuat studi kasus aplikasi sederhana

ERD Essentials for Freelance Web Developers: Building Better Databases

()

Memahami brief projek freelance web developer
Membuat ERD berdasarkan user flow dan requirement
Memahami fundamental ERD pada software development
Mengasah skill sebagai seorang backend developer

Vanilla JavaScript OOP & LocalStorage: Web Task Management

()

Membangun aplikasi web interaktif dari nol tanpa menggunakan framework atau library eksternal (seperti React, Vue, atau jQuery).
Menambah, mengubah, dan menghapus elemen HTML secara dinamis menggunakan JavaScript untuk menciptakan UI yang interaktif.
Mempelajari cara menyimpan data (seperti daftar tugas dan info user) secara permanen di browser, sehingga data tidak hilang saat halaman di-refresh.

Framer for Beginners: Bikin Website Modern Tanpa Koding

()

Mengenal software Framer untuk mempermudah pembuatan website
Membuat website dengan tampilan modern UI UX

Struktur Data dengan JavaScript

()

Memperkuat fundamental pemrograman secara umum
Belajar memecah masalah menjadi bagian-bagian kecil
Melatih cara berfikir dan mencari perspektif yang berbeda
Mengetahui cara kerja masing-masing struktur data, kelebihan dan kekurangannya

Type Script Front-End Development

()

Pengenalan TypeScript
Konsep Static Typing
Interface dan Type Alias

React JavaScript

()

Mempelejari apa itu React, mengapa React menjadi library JavaScript yang sangat populer, dan keunggulannya dalam membangun UI.
Mempelajari sintaks JSX, yang memungkinkan penulisan kode mirip HTML di dalam JavaScript.
Membangun UI dengan pendekatan berbasis komponen, yaitu memecah tampilan menjadi bagian-bagian kecil yang dapat digunakan kembali.

Node JavaScript Dasar

()

Pengenalan Node.js
Mempelajari Dasar-Dasar NPM (Node Package Manager)
Memahami cara kerja modul di Node.js (require dan module.exports) untuk mengorganisir kode.

Build API with GraphQL

()

Pengenalan dasar-dasar GraphQL
Set up project pada GraphQL
Query data pada GraphQL
Mutation data pada GraphQL

Go Essentials for Absolute Beginner

()

Membangun REST API dengan Go
Memahami konsep REST API
Memahami programming dengan Go
Memahami konsep programming

SQL for Beginners: Learn SQL using MySQL and Database Design

()

Memahami Database & Apa saja DBMS yang ada
Memahami User Management, Backup & Restore pada Database
Memahami Field & Data Type pada Database
Belajar Membangun Database dengan banyaknya relasi antar table
Belajar Menggunakan Foreign Keys untuk relasi antar table
Update Kelas terkait Function, Constraint, Transaction & Locking

Full-Stack AI-Powered Developer: Dari Nol Sampai Mahir

()

Coding lebih cepat & efisien dengan AI yang membantu menulis dan melengkapi kode.
Debugging lebih mudah dengan AI yang bisa membantu mencari dan memperbaiki bug.
Dokumentasi & refactoring jadi lebih rapi tanpa harus menghabiskan banyak waktu.
Problem-solving lebih lancar dengan AI yang bisa memberi insight dan alternatif solusi.
Otomatisasi tugas-tugas berulang biar kamu bisa fokus ke hal yang lebih penting.
Belajar dan mencari referensi lewat AI dengan efektif.

Full-Stack Web Designer Developer with Lovable AI: PoS Laundry

()

Membuat aplikasi booking laundry dan POS dengan Lovable.dev
Mendesain interface & user flow yang intuitif dan profesional
Membangun dashboard untuk kasir & admin dengan tampilan real-time
Mengatur database dinamis dan relasi antar data tanpa coding

Belajar Kerja Remote UI UX Design & No-Code dengan Contra

()

Gambaran sistem kerja sebagai freelancer & remote worker
Platform freelance populer (Upwork, Fiverr, Contra) dan perbandingannya
Kenalan dengan Contra: platform tanpa potongan fee
Cerita real, gimana aku dapetin client pertama dari Contra
Kesalahan umum saat mulai freelance & langkah awal yang bisa kamu ambil

Notion 101: Mulai Jadi Ahli dalam Manajemen Projek

()

Mampu memahami cara membuat database
Bisa membuat relasi antar database
Mampu untuk membuat template database
Bisa membuat fitur projek tracking dalam kanban board kustom

Full-Stack Laravel 11 React TypeScript: Web Book Home Service

()

Membangun Content Management System (CMS) menggunakan Laravel 11 dan Filament PHP, memungkinkan pengelolaan data yang efisien dan cepat.
Membuat API RESTful yang tangguh dengan Laravel, serta melakukan pengujian API menggunakan Postman untuk memastikan aplikasi siap digunakan dalam skenario nyata.
Mendesain dan mengimplementasikan Entity Relationship Diagram (ERD) untuk membangun database yang terstruktur dengan baik dan membuat hubungan antar tabel dalam database proyek.
Menggunakan React JS hooks seperti useState dan useEffect untuk mengelola state dan efek samping dalam aplikasi secara lebih efisien.
Membuat reusable components di React JS, yang memungkinkan kode menjadi lebih modular dan mudah dikelola.
Mengonsumsi API dari Laravel ke dalam aplikasi React JS secara dinamis, memastikan integrasi yang seamless antara backend dan frontend.

Full Stack Laravel 12 & Vue 3 Developer: Website Desa Digital

()

Membangun Aplikasi Full-Stack dengan Laravel & Vue.js
Manajemen Data & User Role dalam Aplikasi Desa Digital
CRUD (Create, Read, Update, Delete) dalam Laravel & Vue.js
Integrasi Payment Gateway Midtrans
Pembuatan Dashboard Interaktif dengan Statistik Desa

Laravel 12 & SC React: Web Hospital dan Doctor Appointment

()

Belajar Laravel 12 secara mendalam dengan praktik langsung membangun backend API profesional menggunakan service-repository pattern, Sanctum middleware, dan Spatie roles & permissions.
Mengerjakan project real-world sistem manajemen rumah sakit lengkap dengan fitur CRUD, jadwal dokter, dan booking appointment.
Dapat source code frontend React TypeScript siap pakai yang terintegrasi langsung dengan backend Laravel, cocok untuk dijadikan portfolio kerja.
Project kelas bisa langsung dijual ulang ke klien atau digunakan sebagai fondasi membangun produk digital milik sendiri.

Full-Stack JavaScript MERN 2025: Web Course LMS

()

Belajar membuat sebuah API menggunakan Express JS
Belajar membuat authentication menggunakan JWT
Belajar integrasi payment gateway menggunakan Midtrans
Belajar melakukan integrasi API pada website
Belajar membuat form validasi menggunakan react hook form + zod
Belajar membuat fitur upload file menggunakan multer
Belajar membuat sebuah middleware pada API

eCommerce Sayur dengan Golang & Nuxt.js

()

Memahami bahasa pemrograman golang
Memahami cara pembuatan konsep microservice
Memahami cara integrasi antara service
Memahama bagaimana cara pembuatan API Contract
Memahami cara penggunaan k6 untuk peformance test
Memahami bagaimana implementasi RabbitMQ

UI UX Figma to No-Code Lovable AI: Bikin Web Paket Umroh

()

Membuat desain website profesional untuk pemesanan paket Umrah di Figma.
Membuat website tanpa coding di Lovable.dev dengan fitur lengkap (booking form, katalog, landing page).
Setup database untuk daftar paket Umrah dinamis.
Belajar prinsip desain lovable agar website lebih menarik dan mudah dipercaya.

Go gRPC Masterclass - Full Stack E-Commerce using Go ReactJS

()

Siswa akan memahami konsep dasar gRPC, cara kerja Protobuf, dan mengimplementasikan server serta client gRPC menggunakan bahasa Go.
Kursus mengajarkan pembuatan backend yang scalable dengan Go dan gRPC, dilengkapi dengan sistem autentikasi JWT dan integrasi PostgreSQL sebagai basis data utama.
Siswa akan membangun frontend menggunakan React.js yang terhubung langsung ke backend melalui gRPC-Web, menciptakan pengalaman aplikasi yang cepat dan efisien.
Di akhir kursus, siswa akan menyelesaikan proyek e-commerce full stack lengkap, mencakup pembuatan API, pengelolaan data, dan integrasi interface pengguna secara menyeluruh.

FullStack API, Web, CMS & Docker Multi-Container Architecture

()

Membangun RESTful API menggunakan Golang dengan standar terbaik.
Merancang UI Responsif dengan React untuk formulir kontak.
CMS Terintegrasi menggunakan Laravel untuk pengelolaan data.
Penyimpanan Data yang Aman menggunakan MariaDB.
Deploy dengan Docker Compose: Membuat multi-container untuk efisiensi dan skalabilitas.

Belajar Upwork 2024: Jadi Freelancer Professional Hasilkan Ribuan Dollar

()

Alasan Harus Memulai Freelancer dan Manfaatnya?
High Demand dan High Paying Job Upwork
Tips dan Trik Buat Proposal di Upwork
Mengetahui Kesalahan Dalam Membuat Proposal

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.

Aqil

Front-End Developer

Always Up to Date

BuildWithAngga memberikan materi
kelas dengan tools terbaru.

Edi

Full-Stack Developer

Hemat Waktu

Materi design & development mudah
dipahami, thanks BuildWithAngga.

Evita

UI/UX Designer

Pemula to Expert

Mudah bikin portfolio dari kelas
online BuildWithAngga.

Wahyu

Mobile App Developer

Alur Belajar Jelas

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

Rizqy

UI/UX Designer