Full-Stack Web Designer: Handoff & Front-End
Learn how to build a real project from scratch
Member
1,538 enrolled
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 versi terbaru. Silakan bergabung pada kelas Full-Stack Web Designer ini untuk mempelajari techstack terbaru dan kami akan tunggu kalian di kelas.
Demo Project
Key Points
Deploy projek website ke Netlify
Slicing Design ke HTML Template
Bekerja sama Designer dan Developer (Handoff)
Membuat Prototype Pada Design
Designed For
Cocok untuk yang ingin belajar proses design ke code
Cocok untuk yang sedang belajar membuat Prototype
Learn With Expert
Happy Learning
Materi kelas yang bermanfaat untuk karir kita
3
Prerequisites
Why tailwind
3 mins
CSS Units
3 mins
5
Slicing Landing Page
Getting Started
3 mins
Header Component (1)
3 mins
Header Component (2)
3 mins
Meta Tag
3 mins
Section Hero (1)
3 mins
Section Hero (2)
3 mins
Section Hero (3)
3 mins
Section Hero (4)
3 mins
Section Hero (5)
3 mins
JS menu toggler
3 mins
JS Modal
3 mins
Browse the room (1)
3 mins
Browse the room (2)
3 mins
Browse the room (3)
3 mins
JS anchor link
3 mins
Just Arrived (1)
3 mins
Just Arrived (2)
3 mins
JS Carousel (1)
3 mins
JS Carousel (2)
3 mins
JS Carousel (3)
3 mins
Clients
3 mins
Footer (1)
3 mins
Footer (2)
3 mins
JS Accordion
3 mins
Icon Cart Fill
3 mins
6
Slicing Details Page
Breadcrumb (1)
3 mins
Breadcrumb (2)
3 mins
Details Product (1)
3 mins
Details Product (2)
3 mins
Details Product (3)
3 mins
JS Slider
3 mins
Suggestion section
3 mins
Review Details Page
3 mins
7
Slicing checkout page
Shopping Cart (1)
3 mins
Shopping Cart (2)
3 mins
Shipping Details (1)
3 mins
Shipping Details (2)
3 mins
Shipping Details (3)
3 mins
JS Cart (1)
3 mins
JS Cart (2)
3 mins
JS Shipping details (1)
3 mins
JS Shipping details (2)
3 mins
8
Slicing success page
Success page
3 mins
9
Setup Netlify
Get up and running live
3 mins
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
1,538 Happy Members
Review setelah bergabung di kelas Full-Stack Web Designer: Handoff & Front-End
Maulana Lucky Yuli
Full-Stack Developer
Bang Yein belajar frontend udah berapa tahun bang? heuheu pro sangad
Juan Firmansyah
Full-Stack Developer
The best mau beli kelas yang lain laggi, semoga jadi portofolio yang baik
Aldi Tegar Prakoso
Full-Stack Developer
Mantap mas yein dan mas angga
Shandy Maulana Y
Full-Stack Developer
good
Egi Permana
Full-Stack Developer
BWA Emang Terz baikz
Wizan pratama
Full-Stack Developer
good
Rony Noor Saroni
Full-Stack Developer
Keren..
Yordan Andy Christ
Full-Stack Developer
Mantabs
Billy Petra Gilber
Full-Stack Developer
Mentor luar biasa, rinci dan santai. sisanya tinggal self-learning...
Muhammad Aqmal Kha
Full-Stack Developer
Pembawaan materinya sangat bagus dan mudah dipelajari serta mengikuti pelajaran dengan baik
Patrick Martinus
Full-Stack Developer
jadi gak sabar lanjut
Idrus danuarsa
Full-Stack Developer
penjelasannya gampang masuk di otak
Drigo Alexander Si
Full-Stack Developer
sangat bermanfaat
Dini Adiarnita
Front-End Developer
materi urutan JS Shipping details nya kebalik. harusnya JS Shipping details (2) urutan setelah JS Cart (2), dan JS Shipping details (1) urutan kedua setelah JS Shipping details (2). Terima kasih
Hariyanto
Full-Stack Developer
Materinya bener bener daging, tapi belajar tailwind bikin kepala panas ya hehe, tidak seperti bootstrap simplelan, tapi kelas bwafeho bener - bener daging bangat materinya, terima kasih mas yein (y)
Dhany Yudi Prasety
Full-Stack Developer
Materi yang keren dari desain nya yang minimalist hingga gaya koding yang komprehensif dari mas yein, dan terhibur ditengah ngoding mas yein yang terheran heran dengan harga-harga yang ada di desain :D Terimakasih Mas Angga dan Mas Yein
Dani Ramdani
Full-Stack Developer
video slide yg Bagus dan penjelasan tenting matter Bagus
dimas pradipto
Full-Stack Developer
Sangat mudah di pahami
Fauzi Kurniawan
Full-Stack Developer
kelasnya mantap, materi yang disampaikan santai dan mudah di fahami
anggra ini
Full-Stack Developer
trainer cukup jelas dalam menjelaskan
Sonia Irawan
Full-Stack Developer
terima kasih penjelasannya mantap
Bima Ketut R Putra
Full-Stack Developer
Iya Bang, yang bikin "saya" doang, bukan "kita". Padahal g rugi kalo bilang "kita" doang. kalimat kyk gitu baiknya g keluar dari pengajar.
Zainal Abidin
Full-Stack Developer
Video journey FE Designer, pembahasan nya sudah jelas, cuma tampilan video nya yang bikin monoton,tidak ada gerakan yang bikin suasana jadi menarik, mungkin di tambahkan rekaman video orang nya juga
Featured Projects
0 Hasil karya terbaik di kelas Full-Stack Web Designer: Handoff & Front-End
Belum ada hasil karya.
Start to Invest 100%
Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT
Selamanya
Rp 355,000
Rp 123,321
Miliki kelas Premium secara permanen
dan bangun sebuah projek nyata
Akses kelas selamanya
Assets & group konsultasi
Tools pendukung belajar
Sertifikat kelulusan
Free update materi
Free akses kelas Freemium
Lowongan pekerjaan
Pertanyaan Umum
Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT
