Akses kelas selamanya

Ambil Promo
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 October 2024
Member

2,270 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

(57.2K)

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
Shandy Maulana Y at BuildWithAngga
Shandy Maulana Y

Full-Stack Developer

ic-star ic-star ic-star ic-star ic-star
Aldi Tegar Prakoso at BuildWithAngga
Aldi Tegar Prakoso

Full-Stack Developer

Mantap mas yein dan mas angga read more

ic-star ic-star ic-star ic-star ic-star
Juan Firmansyah at BuildWithAngga
Juan Firmansyah

Full-Stack Developer

The best mau beli kelas yang lain laggi, semoga jadi portofolio yang baik read more

ic-star ic-star ic-star ic-star ic-star
Canu Edra S.P at BuildWithAngga
Canu Edra S.P

Full-Stack Developer

Materi sangat mudah di pahami read more

ic-star ic-star ic-star ic-star ic-star
Dava Daviar Saputra at BuildWithAngga
Dava Daviar Saputra

Front-End Developer

Kelas yang bagus untuk pemula yang ingin tau bagaimana mengerjakan real project read more

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

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

logo

Visual Studio Code

Software Gratis

logo

Netlify

Software Gratis

logo

Tailwind CSS

Software Gratis

logo

HTML

Software Gratis

logo

Zeplin

Software Gratis

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,270
Happy Students
Idrus danuarsa at BuildWithAngga
Idrus danuarsa

Full-Stack Developer

penjelasannya gampang masuk di otak

ic-star ic-star ic-star ic-star ic-star
Shandy Maulana Y at BuildWithAngga
Shandy Maulana Y

Full-Stack Developer

good

ic-star ic-star ic-star ic-star ic-star
Aldi Tegar Prakoso at BuildWithAngga
Aldi Tegar Prakoso

Full-Stack Developer

Mantap mas yein dan mas angga

ic-star ic-star ic-star ic-star ic-star
Juan Firmansyah at BuildWithAngga
Juan Firmansyah

Full-Stack Developer

The best mau beli kelas yang lain laggi, semoga jadi portofolio yang baik

ic-star ic-star ic-star ic-star ic-star
Canu Edra S.P at BuildWithAngga
Canu Edra S.P

Full-Stack Developer

Materi sangat mudah di pahami

ic-star ic-star ic-star ic-star ic-star
Dava Daviar Saputra at BuildWithAngga
Dava Daviar Saputra

Front-End Developer

Kelas yang bagus untuk pemula yang ingin tau bagaimana mengerjakan real project

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

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.

Rp 390,000

arrow_upward