Tutorial SASS Indonesia
Cara menggunakan ClipPath Maker CSS
Contoh koding SASS

Tutorial SASS Indonesia, Jadikan Dirimu sebagai Master Web Desain Modern

Rp130,000.00

Categories: , , Tags: , ,

Description

Untuk Anda yang sudah lama berkecimpung di dunia teknologi, tentu masih asing dengan istilah SASS. Padahal, banyak web desain terkini sudah menggunakan tools ini. SASS artinya Syntactically Awesome StyleSheets. Dan di bawah ini, terdapat DVD kumpulan video tutorial SASS Indonesia yang patut Anda coba.

Mengapa penting bagi Anda untuk mempelajarinya? Terutama jika Anda adalah seorang pengembang web yang fokus di bagian Front-End, SASS bisa dibilang merupakan pengganti CSS. Yang pasti, bisa membuat pengoperasian CSS jadi lebih mudah. Pasalnya, variabel-variabel yang biasanya terdapat pada CSS disajikan dalam bentuk fitur pada SASS.

Sebelum memulai tutorial SASS, baiknya Anda terlebih dulu meng-install Ruby. Pasalnya, SASS awalnya ditulis dalam bahasa Ruby. Dan dalam video tutorial ini, Anda akan diajak untuk mengulik SASS dengan studi kasus membangun template untuk landing page menggunakan SASS.

Apa yang akan Anda Dapatkan dari Tutorial SASS CSS Ini?

  1. DVD tutorial belajar SASS untuk menjadi master dalam modern web desain
  2. Aset-aset pendukung yang akan dipakai selama proses pembelajaran
  3. Software master yang akan dipakai selama proses pembelajaran

Contoh Tutorial SASS Indonesia untuk Membangun Landing Page Website

Tutorial SASS Indonesia, Jadikan Dirimu sebagai Master Web Desain Modern
Cara menggunakan ClipPath Maker CSS
Tutorial SASS Indonesia, Jadikan Dirimu sebagai Master Web Desain Modern
Contoh koding SASS

Materi Tutorial SASS Indonesia untuk Pemula

Meng-install Development Environment

  • Cara untuk setup development environment
  • Cara untuk setup EMMET di Sublime Text
  • Tips dan trik dalam menulis code menggunakan EMMET
  • Dasar-dasar Pseudo Class Selector

Membangun Landing Page Website yang Kece dan Menarik

  • Cara merancang Header di halaman Landing Page agar terlihat lebih menarik
  • Cara merancang Button Action yang menarik di halaman Landing Page
  • Cara merancang Desain Header ke dalam bentuk Poligon menggunakan Clip Path
  • Cara buat teks animasi saat halaman landing page sedang diakses

Pengimplementasian SASS di Proyek Landing Page Website

  • Cara mengkonversi satuan Px menjadi Rem
  • Berkenalan dengan teknologi-teknologi bawaan SASS CSS
  • Berkenalan dengan variabel-variabel di SASS sekaligus implementasinya
  • Merancang template halaman dashboard dan login
  • Berkenalan dengan Nesting yang terdapat pada SASS
  • Berkenalan dengan Mixin yang ada di SASS sekaligus implementasinya
  • Langkah-langkah untuk meng-install NMP serta Paket Live Server
  • Manajemen dari struktur folder project
  • Cara mengkonversi SASS ke dalam bentuk file CSS
  • Cara CSS ke nesting SASS

Langkah-langkah Implementasi Lanjutan dari Proyek Landing Page Website

  • Berkenalan dengan konsep Custom Grid serta cara membangun Custom Grid sendiri
  • Membangun bagian Section About di halaman Landing Page
  • Membangun bagian Section Features di halaman Landing Page
  • Membangun bagian Section Pricing di halaman Landing Page
  • Membangun bagian Section Testimonial di halaman Landing Page
  • Membangun layout dari Form Booking
  • Cara menerapkan Solid Gradient Colors di Form Booking
  • Cara mengkustomisasi Form Booking agar terlihat lebih menarik
  • Cara memakai Sibling Selector CSS di Form Booking
  • Cara memberi efek Label Form di Form Booking
  • Cara membangun Radio Button sendiri serta bagaimana Finishing Form Booking
  • Cara membangun Footer dan nvigasi untuk halaman Landing Page
  • Cara membangun Pop-up menu menggunakan teknologi SASS

Cara Membangun Landing Page agar Lebih Responsive

  • Langkah-langkah membangun Media Query
  • Langkah-langkah membangun Media Query menggunakan Mixin
  • Langkah untuk mengatur root dari Font Size
  • Cara membangun website supaya lebih responsive di berbagai macam resolusi
  • Cara bikin gambar di halaman web agar jadi lebih responsive
  • Cara mengoptimasi website di berbagai browser
  • Langkah untuk bikin Production Code

Langkah-langkah Pemesanan

  1. Klik atau tap tombol ‘Pesan’ video SASS Indonesia lengkap yang tertera di atas.
  2. Anda akan dialihkan untuk berkomunikasi dengan customer service melalui WhatsApp. Jika Anda menggunakan desktop, maka Anda bisa mengaksesnya melalui WhatsApp Web.

 

Reviews

There are no reviews yet.

Only logged in customers who have purchased this product may leave a review.