Full-Stack Web Designer: Handoff dan Front-End
Build an online shop for furniture from scratch
Member
1,869 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.
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
Course Prerequisite
Kami rekomendasikan untuk mempelajari kelas di bawah
HTML5 Dasar
Rp 0
CSS Website Design
Rp 0
ES6 Dasar
Rp 0
React JavaScript
Rp 0
Happy Learning
Materi kelas yang bermanfaat untuk karir kita
3
Prerequisites
Why tailwind
4 mins
CSS Units
5 mins
5
Slicing Landing Page
Getting Started
7 mins
Header Component (1)
11 mins
Header Component (2)
12 mins
Meta Tag
4 mins
Section Hero (1)
9 mins
Section Hero (2)
12 mins
Section Hero (3)
7 mins
Section Hero (4)
9 mins
Section Hero (5)
6 mins
JS menu toggler
11 mins
JS Modal
10 mins
Browse the room (1)
9 mins
Browse the room (2)
9 mins
Browse the room (3)
10 mins
JS anchor link
8 mins
Just Arrived (1)
8 mins
Just Arrived (2)
9 mins
JS Carousel (1)
10 mins
JS Carousel (2)
10 mins
JS Carousel (3)
13 mins
Clients
5 mins
Footer (1)
10 mins
Footer (2)
11 mins
JS Accordion
13 mins
Icon Cart Fill
4 mins
6
Slicing Details Page
Breadcrumb (1)
8 mins
Breadcrumb (2)
8 mins
Details Product (1)
7 mins
Details Product (2)
7 mins
Details Product (3)
10 mins
JS Slider
11 mins
Suggestion section
12 mins
Review Details Page
5 mins
7
Slicing checkout page
Shopping Cart (1)
10 mins
Shopping Cart (2)
12 mins
Shipping Details (1)
8 mins
Shipping Details (2)
9 mins
Shipping Details (3)
10 mins
JS Cart (1)
10 mins
JS Cart (2)
10 mins
JS Shipping details (1)
11 mins
JS Shipping details (2)
11 mins
8
Slicing success page
Success page
9 mins
9
Setup Netlify
Get up and running live
11 mins
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
1,869 Happy Members
Review setelah bergabung di kelas Full-Stack Web Designer: Handoff dan Front-End
Sonia Irawan
Front-End Developer
terima kasih penjelasannya mantap
I Kadek Teo Prayog
Full-Stack Developer
Mantap
Dava Daviar Saputr
Front-End Developer
Kelas yang bagus untuk pemula yang ingin tau bagaimana mengerjakan real project
Wahid Arinanto Nug
Lifetime Learner
bermanfaat
Hilmi Razib Yusuf
Lifetime Learner
Materinya sangat mudah dicerna, ringkas dan juga padat. Terimakasih
Habieb Fathur Rahm
Front-End Developer
Mantap kali the bestlah
Canu Edra S.P
Full-Stack Developer
Materi sangat mudah di pahami
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
Logo Designer
Keren..
Yordan Andy Christ
Full-Stack Developer
Mantabs
Billy Petra Gilber
Front-End Developer
Mentor luar biasa, rinci dan santai. sisanya tinggal self-learning...
Muhammad Aqmal Kha
Front-End Developer
Pembawaan materinya sangat bagus dan mudah dipelajari serta mengikuti pelajaran dengan baik
Patrick Martinus
Full-Stack Developer
jadi gak sabar lanjut
Maulana Lucky Yuli
Full-Stack Developer
Bang Yein belajar frontend udah berapa tahun bang? heuheu pro sangad
Drigo Alexander Si
Full-Stack Developer
sangat bermanfaat
Dini Adiarnita
Project Manager
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
Idrus danuarsa
Full-Stack Developer
penjelasannya gampang masuk di otak
Eka Rizwan
Back-End Developer
good
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 dan 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
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
