flash sale
hamburger-menu

Kelas Online
Full-Stack Web Designer: Handoff dan Front-End

Build an online shop for furniture from scratch

icon global
Release date January 2021
icon convert
Last updated November 2023
Member

2,259 enrolled

Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check

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

icon_check

Mempelajari Cara Deploy Projek Website Kita ke Netlify

icon_check

Bekerja Sama dengan Designer dan Developer (Handoff)

icon_check

Belajar Melakukan Slicing Design Menjadi HTML Template

icon_check

Belajar Cara Membuat Prototype Pada Design Kita Sendiri

Designed For

icon_check

Cocok untuk yang ingin belajar proses design ke code

icon_check

Cocok untuk yang sedang belajar membuat Prototype

Course Lessons

Learn With Expert

Mentor Yein Narayana

Yein Narayana

Full-Stack Developer

ic-star ic-star ic-star ic-star ic-star

(54.8K)

Our Happy Students

Review setelah bergabung di kelas Full-Stack Web Designer: Handoff dan Front-End

All Rating
Idrus danuarsa at BuildWithAngga
Idrus danuarsa

Full-Stack Developer

penjelasannya gampang masuk di otak read more

ic-star ic-star ic-star ic-star ic-star
Sonia Irawan at BuildWithAngga
Sonia Irawan

Front-End Developer

terima kasih penjelasannya mantap read more

ic-star ic-star ic-star ic-star ic-star
anggra ini at BuildWithAngga
Anggra ini

Full-Stack Developer

trainer cukup jelas dalam menjelaskan read more

ic-star ic-star ic-star ic-star ic-star
Fauzi Kurniawan at BuildWithAngga
Fauzi Kurniawan

Full-Stack Developer

kelasnya mantap, materi yang disampaikan santai dan mudah di fahami read more

ic-star ic-star ic-star ic-star ic-star
dimas pradipto at BuildWithAngga
Dimas pradipto

Full-Stack Developer

Sangat mudah di pahami read more

ic-star ic-star ic-star ic-star ic-star
Dani Ramdani at BuildWithAngga
Dani Ramdani

Full-Stack Developer

video slide yg Bagus dan penjelasan tenting matter Bagus read more

ic-star ic-star ic-star ic-star ic-star
Belum ada review
loader
Load More Reviews

Featured Projects

0 Hasil karya terbaik di kelas Full-Stack Web Designer: Handoff dan Front-End

Belum ada hasil karya

Are You The Next?

Lihat hasil karya member lainnya

View All Portfolio

Low Risk, High Return

Investasi kepada diri kita sendiri memberikan
leverage kuat untuk masa depan karir kita

icon_check

Selamanya

Rp 390,000

Miliki kelas Premium secara permanen dan bangun sebuah projek nyata

icon_check

Akses kelas selamanya

icon_check

Premium rewards

icon_check

Career consultation

icon_check

Assets & group konsultasi

icon_check

Sertifikat kelulusan

icon_check

Lowongan magang dan kerja

Lihat Benefit Lainnya

Pertanyaan Umum

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

Contact CS

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.
Foto kelas Full-Stack Web Designer: Handoff dan Front-End Foto kelas Full-Stack Web Designer: Handoff dan Front-End Foto kelas Full-Stack Web Designer: Handoff dan Front-End

Full-Stack Web Designer: Handoff dan Front-End

Build an online shop for furniture from scratch

  • lock
    Introduction
    6 minutes
  • play
  • lock
    Tools Required
    4 minutes
  • lock
    Sneak peak landing page
    6 minutes
  • lock
    Sneak peak detail page
    3 minutes
  • lock
    Sneak peak cart page
    3 minutes
  • lock
    Sneak peak success page
    2 minutes

  • lock
    Why tailwind
    4 minutes
  • lock
    CSS Units
    5 minutes

  • lock
    Setup Webpack (1)
    9 minutes
  • play
  • lock
    Setup Postcss
    1 minutes
  • lock
    Tailwind Config
    7 minutes
  • lock
    Setup git
    3 minutes
  • lock
    Quick Break :)
    4 minutes

  • lock
    Getting Started
    7 minutes
  • lock
    Header Component (1)
    11 minutes
  • lock
    Header Component (2)
    12 minutes
  • lock
    Meta Tag
    4 minutes
  • lock
    Section Hero (1)
    9 minutes
  • lock
    Section Hero (2)
    12 minutes
  • lock
    Section Hero (3)
    7 minutes
  • lock
    Section Hero (4)
    9 minutes
  • lock
    Section Hero (5)
    6 minutes
  • lock
    JS menu toggler
    11 minutes
  • lock
    JS Modal
    10 minutes
  • lock
    Browse the room (1)
    9 minutes
  • lock
    Browse the room (2)
    9 minutes
  • lock
    Browse the room (3)
    10 minutes
  • lock
    JS anchor link
    8 minutes
  • lock
    Just Arrived (1)
    8 minutes
  • lock
    Just Arrived (2)
    9 minutes
  • lock
    JS Carousel (1)
    10 minutes
  • lock
    JS Carousel (2)
    10 minutes
  • lock
    JS Carousel (3)
    13 minutes
  • lock
    Clients
    5 minutes
  • lock
    Footer (1)
    10 minutes
  • lock
    Footer (2)
    11 minutes
  • lock
    JS Accordion
    13 minutes
  • lock
    Icon Cart Fill
    4 minutes

  • lock
    Breadcrumb (1)
    8 minutes
  • lock
    Breadcrumb (2)
    8 minutes
  • lock
    Details Product (1)
    7 minutes
  • lock
    Details Product (2)
    7 minutes
  • lock
    Details Product (3)
    10 minutes
  • lock
    JS Slider
    11 minutes
  • lock
    Suggestion section
    12 minutes
  • lock
    Review Details Page
    5 minutes

  • lock
    Shopping Cart (1)
    10 minutes
  • lock
    Shopping Cart (2)
    12 minutes
  • lock
    Shipping Details (1)
    8 minutes
  • lock
    Shipping Details (2)
    9 minutes
  • lock
    Shipping Details (3)
    10 minutes
  • lock
    JS Cart (1)
    10 minutes
  • lock
    JS Cart (2)
    10 minutes
  • lock
    JS Shipping details (1)
    11 minutes
  • lock
    JS Shipping details (2)
    11 minutes

  • lock
    Success page
    9 minutes

  • lock
    Get up and running live
    11 minutes
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
  • check
    Mempelajari Cara Deploy Projek Website Kita ke Netlify
  • check
    Bekerja Sama dengan Designer dan Developer (Handoff)
  • check
    Belajar Melakukan Slicing Design Menjadi HTML Template
  • check
    Belajar Cara Membuat Prototype Pada Design Kita Sendiri
Created For
  • check
    Cocok untuk yang ingin belajar proses design ke code
  • check
    Cocok untuk yang sedang belajar membuat Prototype
For Your Career
phone
Akses Selamanya
Belajar lebih santai & produktif
private
Assets & Grup Private
Diskusi belajar agar lebih terarah
project
Sertifikat & Portfolio
Gunakan untuk modal bekerja
2,259
Happy Students
idrusdanuarsa at BuildWithAngga
idrusdanuarsa

Full-Stack Developer

penjelasannya gampang masuk di otak

ic-star ic-star ic-star ic-star ic-star
soniairawan99 at BuildWithAngga
soniairawan99

Front-End Developer

terima kasih penjelasannya mantap

ic-star ic-star ic-star ic-star ic-star
nurivaoktober at BuildWithAngga
nurivaoktober

Full-Stack Developer

trainer cukup jelas dalam menjelaskan

ic-star ic-star ic-star ic-star ic-star
fauzikurniawan at BuildWithAngga
fauzikurniawan

Full-Stack Developer

kelasnya mantap, materi yang disampaikan santai dan mudah di fahami

ic-star ic-star ic-star ic-star ic-star
dimaspradipto11 at BuildWithAngga
dimaspradipto11

Full-Stack Developer

Sangat mudah di pahami

ic-star ic-star ic-star ic-star ic-star
bangdan2716 at BuildWithAngga
bangdan2716

Full-Stack Developer

video slide yg Bagus dan penjelasan tenting matter Bagus

ic-star ic-star ic-star ic-star ic-star
loader

Rp 390,000

arrow_upward