flash sale
close-icon
close-icon
Full-Stack Javascript Developer MERN

Rp 7,000,000 Rp 500,000

Webflow Workshop: Build a Simple Landing Page

Learn how to build a website without coding

Member

2,327 enrolled

Tingkatan
Sertifikat
icon_check
Konsultasi
-

Develop Your Skills

Dengan Webflow, membangun website pertama buatan kita sendiri tanpa harus jago coding bukanlah sesuatu hal yang mustahil. Hanya dengan melakukan drag and drop pada design asset, Webflow akan secara otomatis menulis kode dari desain website kita. Saat bekerja dengan software ini, kita pun dapat secara instan melihat prototipe dan aplikasikan banyak fitur yang sangat berguna seperti Responsive Design. Hal-hal tersebut tentunya dapat menghemat waktu, uang, dan tenaga dalam pengerjaan web development.

Pada kelas ini, Angga Risky menjelaskan dasar-dasar menggunakan Webflow untuk sebuah halaman bisnis “Workshop Shayna”. Materi dimulai dari slicing design asset ke Webflow dan membuat area navigation. Tombol di navigation akan diberikan warna dan efek hover. Lalu kita akan mengatur typography (content section dan title) dan memasang banner berupa foto yang sesuai dengan tema website. Setelah semua selesai, kita bisa langsung mengeceknya melalui live prototype.

Agar memahami materi lebih mudah, kami sarankan Anda telah mengikuti kelas gratis BWA mengenai Figma dan Web Development dengan Webflow. Nantikan juga kelas-kelas Freemium lain yang bermanfaat dari kami, ya! Sampai jumpa di kelas!

Demo Project

Key Points

icon_check

Mempelajari tool dasar Webflow

icon_check

Melakukan slicing design asset dari Figma ke Webflow

icon_check

Membangun elemen UI website (navigation, CTA button, content section, dll)

icon_check

Menampilkan prototype website secara live

Designed For

icon_check

Anda yang ingin mempelajari Webflow

icon_check

Anda yang ingin membangun website tanpa coding

icon_check

Anda yang ingin memiliki portofolio front-end website dengan Webflow

icon_check

Desainer yang ingin menjadi Front-End Developer

Course Lessons

Learn With Expert

Mentor Angga Risky

Angga Risky

Full-Stack Developer

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

(380.6K)

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

Webflow

Software Gratis

Download Now

Figma

Software Gratis

Download Now

2,327 Happy Members

Review setelah bergabung di kelas Webflow Workshop: Build a Simple Landing Page

suryadika at BuildWith Angga
Suryadika

Full-Stack Developer

Nice, kelasnya bagus, materinya berbobot dan gampang dicerna otak

read more
ic-star ic-star ic-star ic-star ic-star
rizqykhairani123 at BuildWith Angga
Rizqykhairani1

UI Designer

Sangat simple dan mudah ternyata

read more
ic-star ic-star ic-star ic-star ic-star
mwisnuwes at BuildWith Angga
Mwisnuwes

UX Designer

goooood

read more
ic-star ic-star ic-star ic-star ic-star
sampangputra at BuildWith Angga
Sampangputra

Full-Stack Developer

semoga ada kelas next level lagi. sangat keren lah.

read more
ic-star ic-star ic-star ic-star ic-star
naufalghifarii at BuildWith Angga
Naufalghifarii

UI Designer

Waduh mas angga! rasanya kurang ini materinya, semoga ada lanjutannya dan menjadi kelas premium kedepannya. Ditunggu ya mas kelasnya.

read more
ic-star ic-star ic-star ic-star ic-star
fiqri064 at BuildWith Angga
Fiqri064

Front-End Developer

ditunggu kelanjutannya mas...

read more
ic-star ic-star ic-star ic-star ic-star
#Freemium

Start to Invest 100%

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

icon_check

Basic - Rp 0

Akses dan pelajari kelas Freemium secara gratis tanpa sertifikat

icon_check

Bayar 0 rupiah

icon_check

Min. punya 3 kelas Premium

icon_check

Akses kelas selamanya

Mulai Belajar
icon_check

Plus - Rp 40,000

Unlock benefit lainnya yang bisa
didapatkan di kelas Freemium

icon_check

Sekali bayar saja

icon_check

Akses kelas selamanya

icon_check

Software Design & Code

icon_check

Sertifikat kelas

Mulai Belajar

Webflow Workshop: Build a Simple Landing Page

Learn how to build a website without coding

Develop Your Skills

Dengan Webflow, membangun website pertama buatan kita sendiri tanpa harus jago coding bukanlah sesuatu hal yang mustahil. Hanya dengan melakukan drag and drop pada design asset, Webflow akan secara otomatis menulis kode dari desain website kita. Saat bekerja dengan software ini, kita pun dapat secara instan melihat prototipe dan aplikasikan banyak fitur yang sangat berguna seperti Responsive Design. Hal-hal tersebut tentunya dapat menghemat waktu, uang, dan tenaga dalam pengerjaan web development.

Pada kelas ini, Angga Risky menjelaskan dasar-dasar menggunakan Webflow untuk sebuah halaman bisnis “Workshop Shayna”. Materi dimulai dari slicing design asset ke Webflow dan membuat area navigation. Tombol di navigation akan diberikan warna dan efek hover. Lalu kita akan mengatur typography (content section dan title) dan memasang banner berupa foto yang sesuai dengan tema website. Setelah semua selesai, kita bisa langsung mengeceknya melalui live prototype.

Agar memahami materi lebih mudah, kami sarankan Anda telah mengikuti kelas gratis BWA mengenai Figma dan Web Development dengan Webflow. Nantikan juga kelas-kelas Freemium lain yang bermanfaat dari kami, ya! Sampai jumpa di kelas!

read more
Learn With Expert
Angga Risky
Angga Risky
Full-Stack Developer
rating-star rating-star rating-star rating-star rating-star
(380.6K)
Key Points
  • Mempelajari tool dasar Webflow
  • Melakukan slicing design asset dari Figma ke Webflow
  • Membangun elemen UI website (navigation, CTA button, content section, dll)
  • Menampilkan prototype website secara live
Created For
  • Anda yang ingin mempelajari Webflow
  • Anda yang ingin membangun website tanpa coding
  • Anda yang ingin memiliki portofolio front-end website dengan Webflow
  • Desainer yang ingin menjadi Front-End Developer
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
2,327
Happy Students
suryadika at BuildWith Angga
suryadika

Full-Stack Developer

Nice, kelasnya bagus, materinya berbobot dan gampang dicerna otak

ic-star ic-star ic-star ic-star ic-star
rizqykhairani123 at BuildWith Angga
rizqykhairani123

UI Designer

Sangat simple dan mudah ternyata

ic-star ic-star ic-star ic-star ic-star
mwisnuwes at BuildWith Angga
mwisnuwes

UX Designer

goooood

ic-star ic-star ic-star ic-star ic-star
sampangputra at BuildWith Angga
sampangputra

Full-Stack Developer

semoga ada kelas next level lagi. sangat keren lah.

ic-star ic-star ic-star ic-star ic-star
naufalghifarii at BuildWith Angga
naufalghifarii

UI Designer

Waduh mas angga! rasanya kurang ini materinya, semoga ada lanjutannya dan menjadi kelas premium kedepannya. Ditunggu ya mas kelasnya.

ic-star ic-star ic-star ic-star ic-star
fiqri064 at BuildWith Angga
fiqri064

Front-End Developer

ditunggu kelanjutannya mas...

ic-star ic-star ic-star ic-star ic-star
Tools Pendukung
Webflow
Webflow
Software Gratis
Figma
Figma
Software Gratis
arrow_upward