Akses Selamanya
Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas Basic Web Designer
Kelas Online
Basic Web Designer
Released date June 2022
Last updated March 2026
Member
5,580 enrolled
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
110 lessons (13.97 hours)
Develop Your Skills
Full-Stack Designer adalah peran yang dipegang oleh seseorang yang mampu mengerjakan UX (User Experience) Research, UI (User Interface) Design dan Front End Coding menggunakan HTML, CSS atau JavaScript. Saat pengembangan website, Full-Stack Designer memahami tidak hanya desain antarmuka original yang menarik namun juga batasan dan ekspektasi konsep website secara realistis sehingga wireframe UX/UI dapat sejalan dengan pemrograman yang dipakai.
Pada kelas Full-Stack Designer kali ini kita akan belajar riset, pembuatan wireframe, desain tampilan UI (visual design) dan konversi ke template HTML menggunakan framework CSS yaitu Bootstrap.
Kelas ini cocok bagi Anda yang ingin memperdalam pengetahuan design dan coding dengan mudah serta terstruktur. Bersama mentor kami yang berpengalaman, Sandhika Galih dan Angga Risky, mari kita belajar bersama. Kami tunggu di kelas, ya!
Key Points
Belajar UI/UX untuk mendesain website
Belajar membuat UX Prototype untuk User Testing
Belajar Slicing hasil desain ke HTML dengan CSS Bootstrap
Belajar membuat website yang memiliki desain responsif
Designed For
Anda yang ingin membuat Prototype
Anda yang ingin mempelajari UI/UX Design
Course Lessons
Learn With Expert
Angga Risky S
Full-Stack Developer
(464.4K)
Sandhika Galih
Full-Stack Developer
(5.6K)
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Adobe XD
Software
Visual Studio Code
Software
Bootstrap CSS
Software
InVision App
Software
HTML
Software
#BeyondPremium
Tampaknya kelas ini sedang menutup pendaftaran baru.
Silahkan menunggu pendaftaran batch selanjutnya.
Silahkan menunggu pendaftaran batch selanjutnya.
Similar Courses
(3,544)
.png)
(2,497)
(1,956)
Basic Web Designer
-
Perkenalan Adobe XDVideo 1 minutes -
Basic Adobe XDVideo 9 minutes
-
Adobe XD IIVideo 6 minutes
-
Adobe XD IIIVideo 8 minutes -
Basic Adobe XD FinalVideo 4 minutes
-
Pengenalan UXVideo 2 minutes
-
Tools UX DesignerVideo 2 minutes
-
Competitive ResearchVideo 12 minutes
-
UX SurveyVideo 8 minutes
-
Customer PersonaVideo 12 minutes
-
User Flow & JourneyVideo 7 minutes
-
Home PageVideo 6 minutes
-
Home Page IIVideo 5 minutes
-
Home Page IIIVideo 8 minutes
-
Home Page IVVideo 7 minutes
-
Home Page FinalVideo 6 minutes
-
Single ProductVideo 7 minutes
-
Single Product IIVideo 12 minutes
-
Single Product IIIVideo 2 minutes
-
Single Product IVVideo 4 minutes
-
Single Product FinalVideo 6 minutes
-
Cart PageVideo 8 minutes
-
Cart Page IIVideo 9 minutes
-
Cart Page FinalVideo 5 minutes
-
Success CheckoutVideo 3 minutes
-
UX PrototypingVideo 5 minutes
-
UX Testing & InterviewVideo 6 minutes
-
Perkenalan UI DesignVideo 3 minutes
-
Tools UI DesignerVideo 3 minutes
-
Graphic vs. UI DesignerVideo 3 minutes
-
UI vs. UXVideo 4 minutes
-
Perkenalan Design StyleVideo 3 minutes
-
Grid System & InspirationVideo 8 minutes
-
Warna di UI DesignVideo 4 minutes
-
Warna di Design StyleVideo 6 minutes
-
Perkenalan TipografiVideo 4 minutes
-
Tipografi di Design StyleVideo 9 minutes
-
Icon DesignVideo 3 minutes
-
Referensi IconVideo 4 minutes
-
Tips Memilih FotoVideo 6 minutes
-
Part 1Video 7 minutes
-
Part 2Video 11 minutes
-
Part 3Video 13 minutes
-
Part 4Video 6 minutes
-
Part 5Video 4 minutes
-
Part 6Video 15 minutes
-
Part 1Video 5 minutes
-
Part 2Video 7 minutes
-
Part 3Video 5 minutes
-
One Final OnlyVideo 10 minutes
-
UI PrototypeVideo 6 minutes
-
Tools KolaborasiVideo 4 minutes
-
Developer AssetsVideo 3 minutes
-
IntroVideo 2 minutes
-
Figma?Video 2 minutes
-
Basic Part IVideo 5 minutes
-
Basic Part IIVideo 8 minutes
-
Basic Part IIIVideo 7 minutes
-
IntroVideo 13 minutes
-
Bootstrap IntroVideo 9 minutes
-
TypographyVideo 9 minutes
-
Images & FiguresVideo 9 minutes
-
TablesVideo 7 minutes
-
CodeVideo 7 minutes
-
Text AligmentVideo 8 minutes
-
Float & PositionsVideo 7 minutes
-
Colors & BackgroundsVideo 5 minutes
-
Spacing & SizingVideo 8 minutes
-
Border & ShadowVideo 5 minutes
-
ButtonsVideo 10 minutes
-
Nav & NavbarVideo 9 minutes
-
JumbotronVideo 3 minutes
-
List GroupVideo 8 minutes
-
Form & InputVideo 10 minutes
-
Input GroupVideo 3 minutes
-
Alert & ProgressVideo 6 minutes
-
PaginationVideo 3 minutes
-
CardsVideo 5 minutes
-
Basic ComponentsVideo 8 minutes
-
Responsive BreakpointVideo 9 minutes
-
Grid SystemVideo 9 minutes
-
Grid AlignmentVideo 7 minutes
-
FlexboxVideo 11 minutes
-
CarouselVideo 8 minutes
-
CollapseVideo 8 minutes
-
DropdownsVideo 4 minutes
-
PopoversVideo 8 minutes
-
ModalsVideo 4 minutes
-
Persiapan AwalVideo 21 minutes
-
Halaman HomeVideo 19 minutes
-
CarouselVideo 13 minutes
-
Brand & FeaturesVideo 23 minutes
-
Designer & FooterVideo 15 minutes
-
Single PageVideo 31 minutes
-
Product DescriptionVideo 15 minutes
-
Similar ProductVideo 11 minutes
-
Checkout PageVideo 18 minutes
-
Card & ModalVideo 19 minutes
-
Category UI DesignVideo 7 minutes
-
Category PageVideo 9 minutes
Member
5,580
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
Develop Your Skills
Full-Stack Designer adalah peran yang dipegang oleh seseorang yang mampu mengerjakan UX (User Experience) Research, UI (User Interface) Design dan Front End Coding menggunakan HTML, CSS atau JavaScript. Saat pengembangan website, Full-Stack Designer memahami tidak hanya desain antarmuka original yang menarik namun juga batasan dan ekspektasi konsep website secara realistis sehingga wireframe UX/UI dapat sejalan dengan pemrograman yang dipakai.
Pada kelas Full-Stack Designer kali ini kita akan belajar riset, pembuatan wireframe, desain tampilan UI (visual design) dan konversi ke template HTML menggunakan framework CSS yaitu Bootstrap.
Kelas ini cocok bagi Anda yang ingin memperdalam pengetahuan design dan coding dengan mudah serta terstruktur. Bersama mentor kami yang berpengalaman, Sandhika Galih dan Angga Risky, mari kita belajar bersama. Kami tunggu di kelas, ya!
read more
Learn With Expert
Key Points
-
Belajar UI/UX untuk mendesain website
-
Belajar membuat UX Prototype untuk User Testing
-
Belajar Slicing hasil desain ke HTML dengan CSS Bootstrap
-
Belajar membuat website yang memiliki desain responsif
Created For
-
Anda yang ingin membuat Prototype
-
Anda yang ingin mempelajari UI/UX Design
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
Assets & Grup Private
Diskusi belajar agar lebih terarah
Sertifikat & Portfolio
Gunakan untuk modal bekerja
5,580
Happy Students
Happy Students
Hartanto Santoso
Full-Stack Developer
materinya mudah dipahami dan lengkap
25 Nov 2025
Anindea Putri
Full-Stack Developer
sangat mudah dipahami
25 Nov 2025
Secondflock
Logo Designer
sangat bermanfaat sekali bagi saya
07 Nov 2025
Muhammad Fajar
Full-Stack Developer
Sangat lengkap dan sangat rinci
03 Sep 2025
Hilmi Razib Yusuf
Lifetime Learner
mantap pak sandika
29 Aug 2025
randi apriliyadi rahmat
Full-Stack Developer
bagus semoga bermanfaat
11 Aug 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.
