SASS Workshop: Design Website Lebih Cepat

Learn how to build a website using SASS

Member

919 enrolled

Tingkatan
Sertifikat
-
Konsultasi
-

Develop Your Skills

SASS (Syntactically Awesome Style Sheets) adalah ekstensi CSS yang telah digunakan banyak komunitas Front-End di dunia. Airbnb dan StackShare adalah dua perusahaan komersil yang mengaplikasikan SASS untuk scripting kode yang lebih rapi dan cepat. Hal ini menjadikan SASS bermanfaat untuk sisi organization dan maintenance sebuah aplikasi yang scalable.

Kali ini kita akan belajar dari dasar penggunaan SASS secara gratis untuk membangun sebuah landing page yang menarik. Prosesnya dimulai dari slicing HTML, atur Variable warna, melakukan Nesting agar kode tersusun rapi, dan lainnya. Dengan SASS, kita dapat membangun website dengan antarmuka yang menawan dan dalam waktu singkat.

Kelas ini cocok bagi Anda yang telah memahami CSS dan ingin mendalami SASS agar pengembangan menjadi lebih cepat. Silakan daftar kelas Freemium ini, sampai jumpa di kelas!

Key Points

Mempelajari instalasi SASS pada projek website

Melakukan slicing desain Figma ke Bootstrap 5 CSS

Memperdalam fungsi-fungsi yang tersedia pada SASS

Membangun website yang eye-catching

Designed For

Anda yang ingin belajar SASS dari dasar

Anda yang tertarik mendesain website dengan cepat

Anda yang ingin belajar slicing HTML CSS

Anda yang ingin memiliki portofolio yang baik

Learn With Expert

Angga Risky

Full-Stack Developer

Profile Mentor

Course Prerequisite

Kami rekomendasikan untuk mempelajari kelas di bawah

Happy Learning

Materi kelas yang bermanfaat untuk karir kita

1

Warming Up

play_circle

Persiapan Tools Kelas

3 mins

play_circle

Persiapan Design Assets

3 mins

play_circle

Membuat Projek Website dan Menjalankan SASS

6 mins

2

Into the Project

play_circle

Membuat Variable Color Assets

3 mins

play_circle

Proses Install Bootstrap dan Navigation

3 mins

play_circle

Mempercantik Navigation Bar

4 mins

play_circle

Improve Color dan Import Fonts

3 mins

play_circle

Belajar Menggunakan Maps SASS

5 mins

play_circle

Memperdalam SASS Nesting

4 mins

3

Go Deeper

play_circle

Membangun Structure Sales Section

4 mins

play_circle

Modifikasi Buttons Dengan SASS Extend

6 mins

play_circle

Merapihkan Design Sales Section

4 mins

play_circle

Melakukan SASS Modules

4 mins

play_circle

Membuat Bagian Brand Logos

3 mins

play_circle

Membuat Header Bagian Pricing

4 mins

play_circle

Membuat Basic Card

4 mins

play_circle

Melengkapi Structure Basic Card

3 mins

play_circle

Merapihkan Header Typography

3 mins

play_circle

Mempercantik Item Benefit Basic Card

4 mins

play_circle

Tahap Awal Most Popular Card

3 mins

play_circle

Finalizing Most Popular Card Design

4 mins

play_circle

Penutup Kelas Sass Workshop Design Website lebih cepat Buildwith Angga

1 mins

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

Visual Studio Code

Software Gratis

Download Now

Figma

Software Gratis

Download Now

919 Happy Members

Review setelah bergabung di kelas SASS Workshop: Design Website Lebih Cepat

Sonia Irawan

Full-Stack Developer

Terima kasih ilmunya

Yulidar Maulana Iv

Full-Stack Developer

kelas nya sangat bagus bagi pemula yang ingin mempelajari tentang frontend developer. materi yang disampaikan mudah dipahami. Terima Kasih

Rio Pambudi

Front-End Developer

materi dengan penjelasan yang sangat jelas!!!

Mahyus Syafutra

Full-Stack Developer

Helping!

Faisal Rahman

Full-Stack Developer

Sangat bermanfaat

Ruben Coda S.I

Full-Stack Developer

sangat bagus

dimas pradipto

Full-Stack Developer

penyampaian materinya sangat baik dan jelas.

Ihsan Firdaus

Full-Stack Developer

Mantap pokoknya

Anang Yoga Harwint

Full-Stack Developer

Mantap mas Angga! Simpel tapi ngena.

0956 Frans Dedi Pa

Lifetime Learner

Very good, thanks mas Angga

Billy Petra Gilber

Full-Stack Developer

Tingkatkan urutan penjelasan materi pada tiap video agar bisa lebih mudah untuk dipahami :)

Featured Projects

0 Hasil karya terbaik di kelas SASS Workshop: Design Website Lebih Cepat

Belum ada hasil karya.