Akses Selamanya
Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas Full-Stack Web Designer: Handoff dan Front-End
Kelas Online
Full-Stack Web Designer: Handoff dan Front-End
Released date January 2021
Last updated March 2026
Member
2,283 enrolled
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
Develop Your Skills
Full-Stack Designer adalah role di mana seseorang tersebut dapat mengusai keahlian design dan juga code (terutama Front-End). Misalnya kita sudah selesai membuat design untuk projek website, android, atau juga ios. Lalu, kita akan menerapkan design tersebut kepada tahap development agar bisa dioperasikan oleh end-user (pengguna).
Pada kelas Full-Stack Web Designer kali ini kita akan belajar bagaimana menggunakan metode Design Handoff demi menerapkan design yang sudah ada dan siap dilanjutkan kepada tahap development menggunakan software Zeplin, Visual Studio Code, dan juga CSS Framework Tailwind CSS versi 2. Silakan bergabung pada kelas Full-Stack Web Designer ini untuk mempelajari techstack terbaru dan kami akan tunggu kalian di kelas.
Sneak Peek
Key Points
Mempelajari Cara Deploy Projek Website Kita ke Netlify
Bekerja Sama dengan Designer dan Developer (Handoff)
Belajar Melakukan Slicing Design Menjadi HTML Template
Belajar Cara Membuat Prototype Pada Design Kita Sendiri
Designed For
Cocok untuk yang ingin belajar proses design ke code
Cocok untuk yang sedang belajar membuat Prototype
Course Lessons
Learn With Expert
Yein Narayana
Full-Stack Developer
(60K)
Anggito Budhi Prasojo
Front-End Developer
Kelas ini sangat bagus! Materinya juga lengkap dan jelas, terutama tentang design handoff dan frontend development. Cocok lah buat yg jd nak frontend read more
05 Nov 2025
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Visual Studio Code
Software
Netlify
Software
Tailwind CSS
Software
HTML
Software
Zeplin
Software
Low Risk, High Return
Investasi kepada diri kita sendiri memberikan
leverage kuat untuk
masa depan karir kita
Selamanya
Rp 390,000
Miliki kelas Premium secara permanen dan bangun sebuah projek nyata
Akses kelas selamanya
Premium rewards
Career consultation
Assets & group konsultasi
Sertifikat kelulusan
Lowongan magang dan kerja
Recommended for You
(207)
.png)
(92)
Mastering Blender 3D: Design Icon Set
Rp 390,000
(639)
.webp)
The Ultimate UI/UX Masterclass: Master the Design Process
Rp
2,650,000
Rp
349,000
(65)
.JPG){kind=avatar}
Pertanyaan Umum
Langkah yang tepat untuk berinvestasi kepada
ilmu
pengetahuan yang baru di bidang IT
Tingkatan kelas Premium yang kami miliki dibangun untuk All Levels
yang memberartikan bahwa cocok untuk seluruh
tingkatan. Kami juga menyarankan calon member untuk
mengikuti kelas Starter (gratis) terlebih dahulu sebagai permulaan.
Sertifikat kelulusan kelas hanya tersedia pada kelas Premium. Dan
untuk mendapatkannya, para member diwajibkan untuk
menyelesaikan seluruh materi kelas dan juga Quiz
yang telah disediakan oleh mentor.
Salah satu benefit unggulan kami adalah group
konsultasi yang diberikan sebagai bonus untuk member
yang telah mengikuti kelas Premium di platform BuildWithAngga.
Silakan menghubungi Admin untk mendapatkan akses pada group
tersebut.
Kami mengizinkan member yang telah mengikuti kelas Premium untuk
menjual kembali projek kelas kepada klien, perusahaan, etc. Syarat
utamanya adalah dengan memodifikasi sedikitnya yaitu
30% dari original project buatan mentor kelas tersebut.
Kami melarang member menjual atau membagikan hak akses kelas Premium
kepada orang lain yang tidak terdaftar pada kelas tersebut. Mari
kita support creators Indonesia dengan cara membeli
kelas secara resmi dan satu akun hanya untuk satu pengguna saja.
Kami tidak memperbolehkan member menjual kembali materi kelas di
BuildWithAngga. Kami siap melanjutkan kepada proses
hukum apabila Anda terbukti benar memperjualbelikan kelas
kami secara ilegal.
Full-Stack Web Designer: Handoff dan Front-End
-
Apa itu Design Handoff?Video 3 minutes
-
Tools Utama HandoffVideo 4 minutes -
Review ProjectVideo 4 minutes
-
Membuat PrototypeVideo 2 minutes
-
Undang DeveloperVideo 2 minutes
-
Export Design AssetsVideo 3 minutes
-
Upload ke ZeplinVideo 5 minutes
-
Penutup HandoffVideo 1 minutes
-
IntroductionVideo 6 minutes
-
Journey FE DesignerVideo 6 minutes
-
Tools RequiredVideo 4 minutes
-
Sneak peak landing pageVideo 6 minutes
-
Sneak peak detail pageVideo 3 minutes
-
Sneak peak cart pageVideo 3 minutes
-
Sneak peak success pageVideo 2 minutes
-
Why tailwindVideo 4 minutes
-
CSS UnitsVideo 5 minutes
-
Setup Webpack (1)Video 9 minutes
-
Setup Webpack (2)Video 10 minutes
-
Setup PostcssVideo 1 minutes
-
Tailwind ConfigVideo 7 minutes
-
Setup gitVideo 3 minutes
-
Quick Break :)Video 4 minutes
-
Getting StartedVideo 7 minutes
-
Header Component (1)Video 11 minutes
-
Header Component (2)Video 12 minutes
-
Meta TagVideo 4 minutes
-
Section Hero (1)Video 9 minutes
-
Section Hero (2)Video 12 minutes
-
Section Hero (3)Video 7 minutes
-
Section Hero (4)Video 9 minutes
-
Section Hero (5)Video 6 minutes
-
JS menu togglerVideo 11 minutes
-
JS ModalVideo 10 minutes
-
Browse the room (1)Video 9 minutes
-
Browse the room (2)Video 9 minutes
-
Browse the room (3)Video 10 minutes
-
JS anchor linkVideo 8 minutes
-
Just Arrived (1)Video 8 minutes
-
Just Arrived (2)Video 9 minutes
-
JS Carousel (1)Video 10 minutes
-
JS Carousel (2)Video 10 minutes
-
JS Carousel (3)Video 13 minutes
-
ClientsVideo 5 minutes
-
Footer (1)Video 10 minutes
-
Footer (2)Video 11 minutes
-
JS AccordionVideo 13 minutes
-
Icon Cart FillVideo 4 minutes
-
Breadcrumb (1)Video 8 minutes
-
Breadcrumb (2)Video 8 minutes
-
Details Product (1)Video 7 minutes
-
Details Product (2)Video 7 minutes
-
Details Product (3)Video 10 minutes
-
JS SliderVideo 11 minutes
-
Suggestion sectionVideo 12 minutes
-
Review Details PageVideo 5 minutes
-
Shopping Cart (1)Video 10 minutes
-
Shopping Cart (2)Video 12 minutes
-
Shipping Details (1)Video 8 minutes
-
Shipping Details (2)Video 9 minutes
-
Shipping Details (3)Video 10 minutes
-
JS Cart (1)Video 10 minutes
-
JS Cart (2)Video 10 minutes
-
JS Shipping details (1)Video 11 minutes
-
JS Shipping details (2)Video 11 minutes
-
Success pageVideo 9 minutes
-
Get up and running liveVideo 11 minutes
Member
2,283
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
Develop Your Skills
Full-Stack Designer adalah role di mana seseorang tersebut dapat mengusai keahlian design dan juga code (terutama Front-End). Misalnya kita sudah selesai membuat design untuk projek website, android, atau juga ios. Lalu, kita akan menerapkan design tersebut kepada tahap development agar bisa dioperasikan oleh end-user (pengguna).
Pada kelas Full-Stack Web Designer kali ini kita akan belajar bagaimana menggunakan metode Design Handoff demi menerapkan design yang sudah ada dan siap dilanjutkan kepada tahap development menggunakan software Zeplin, Visual Studio Code, dan juga CSS Framework Tailwind CSS versi 2. Silakan bergabung pada kelas Full-Stack Web Designer ini untuk mempelajari techstack terbaru dan kami akan tunggu kalian di kelas.
read more
Learn With Expert
Key Points
-
Mempelajari Cara Deploy Projek Website Kita ke Netlify
-
Bekerja Sama dengan Designer dan Developer (Handoff)
-
Belajar Melakukan Slicing Design Menjadi HTML Template
-
Belajar Cara Membuat Prototype Pada Design Kita Sendiri
Created For
-
Cocok untuk yang ingin belajar proses design ke code
-
Cocok untuk yang sedang belajar membuat Prototype
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
Assets & Grup Private
Diskusi belajar agar lebih terarah
Sertifikat & Portfolio
Gunakan untuk modal bekerja
2,283
Happy Students
Happy Students
Anggito Budhi Prasojo
Front-End Developer
Kelas ini sangat bagus! Materinya juga lengkap dan jelas, terutama tentang design handoff dan frontend development. Cocok lah buat yg jd nak frontend
05 Nov 2025
Rifqy Maulana Adam
Lifetime Learner
----------
27 Jul 2025
Wildan Pradana
Full-Stack Developer
5 tahun setelah beli baru selesai
22 May 2025
Lutfi Hakim
Full-Stack Developer
sangat bagus
12 Mar 2025
Yoga Pratama
Full-Stack Developer
Menyala abangku
17 Feb 2025
Rafli Fahrezi
Full-Stack Developer
Sangat membantu
01 Feb 2025
Tools Pendukung
Pertanyaan Umum
Langkah yang tepat untuk berinvestasi kepada
ilmu
pengetahuan yang baru di bidang IT
Tingkatan kelas Premium yang kami miliki dibangun untuk All Levels
yang memberartikan bahwa cocok untuk seluruh
tingkatan. Kami juga menyarankan calon member untuk
mengikuti kelas Starter (gratis) terlebih dahulu sebagai permulaan.
Sertifikat kelulusan kelas hanya tersedia pada kelas Premium. Dan
untuk mendapatkannya, para member diwajibkan untuk
menyelesaikan seluruh materi kelas dan juga Quiz
yang telah disediakan oleh mentor.
Salah satu benefit unggulan kami adalah group
konsultasi yang diberikan sebagai bonus untuk member
yang telah mengikuti kelas Premium di platform BuildWithAngga.
Silakan menghubungi Admin untk mendapatkan akses pada group
tersebut.
Kami mengizinkan member yang telah mengikuti kelas Premium untuk
menjual kembali projek kelas kepada klien, perusahaan, etc. Syarat
utamanya adalah dengan memodifikasi sedikitnya yaitu
30% dari original project buatan mentor kelas tersebut.
Kami melarang member menjual atau membagikan hak akses kelas Premium
kepada orang lain yang tidak terdaftar pada kelas tersebut. Mari
kita support creators Indonesia dengan cara membeli
kelas secara resmi dan satu akun hanya untuk satu pengguna saja.
Kami tidak memperbolehkan member menjual kembali materi kelas di
BuildWithAngga. Kami siap melanjutkan kepada proses
hukum apabila Anda terbukti benar memperjualbelikan kelas
kami secara ilegal.
