SASS CSS Preprocessor dengan SCSS

SASS CSS Preprocessor dengan SCSS

Peserta diharapkan dapat menguasai bahasa pemrograman CSS dinamis menggunakan salah satu preprocess CSS yaitu SASS

Level

Menengah

Kategori

Programming

Durasi

16 Jam 40 Menit

Rp 350.000 Rp 315.000

Rp 500.000

Diskon 30% + Diskon Afilisasi 10%
Kelas ini terdiri dari
topik 7 Topik
assesment 8 Assesment
module 28 Modul
sertifikat Sertifikat

Selamat datang di kelas "Sass CSS Preprocessor"! Kami sangat senang Anda bergabung dengan kami untuk mempelajari dasar-dasar penggunaan Sass sebagai preprocessor CSS. Kelas ini dirancang untuk memberikan Anda keterampilan dan pengetahuan yang diperlukan untuk menulis kode CSS yang lebih efisien, terstruktur, dan mudah dipelihara menggunakan Sass.

Deskripsi Kelas

Dalam kelas ini, Anda akan mempelajari berbagai topik penting yang mencakup:

  • Pengantar Sass
    • Apa itu Sass dan kelebihannya dibandingkan CSS konvensional
    • Instalasi dan konfigurasi Sass
  • Dasar-Dasar Sass
    • Variabel dan nested rules
    • Partials dan imports
  • Mixins dan Functions
    • Membuat dan menggunakan mixins
    • Definisi dan penggunaan functions
  • Extend/Inheritance
    • Menggunakan @extend untuk kode yang lebih modular
    • Konsep inheritance dalam Sass
  • Operators
    • Penggunaan operator aritmatika dan logika
  • Integrasi dengan Proyek
    • Integrasi Sass dengan proyek web
    • Kompatibilitas dengan berbagai alat pengembangan modern

Prasyarat dan Persyaratan Device

Untuk mengikuti kelas ini dengan optimal, peserta diharapkan memiliki:

  • Laptop atau Komputer dengan spesifikasi minimal:
    • Prosesor: Intel i3 atau setara
    • RAM: 4 GB
    • Penyimpanan: 128 GB SSD atau lebih besar
    • Sistem Operasi: Windows 10, macOS 10.14 (Mojave) atau lebih baru, atau distribusi Linux seperti Ubuntu 18.04
  • Koneksi Internet Stabil
    • Kecepatan minimal 2 Mbps untuk sesi daring, unduhan materi, dan interaksi langsung dengan instruktur.
  • Software yang Diperlukan
    • Node.js (versi terbaru)
    • npm atau Yarn
    • Sass (diinstal melalui npm atau Yarn)
    • Text editor atau IDE (seperti Visual Studio Code, Sublime Text, atau Atom)
    • Browser modern (seperti Google Chrome, Mozilla Firefox, atau Microsoft Edge)

Kami sangat berharap Anda dapat memanfaatkan semua materi yang telah disiapkan dan mengaplikasikannya dalam proyek perangkat lunak Anda. Terima kasih telah bergabung, dan mari kita mulai perjalanan belajar ini bersama-sama!

Salam hangat,

Tim Instruktur

Selamat datang di kelas "Sass CSS Preprocessor"! Kami sangat senang Anda bergabung dengan kami untuk mempelajari dasar-dasar penggunaan Sass sebagai preprocessor CSS. Kelas ini dirancang untuk memberikan Anda keterampilan dan pengetahuan yang diperlukan untuk menulis kode CSS yang lebih efisien, terstruktur, dan mudah dipelihara menggunakan Sass.

Deskripsi Kelas

Dalam kelas ini, Anda akan mempelajari berbagai topik penting yang mencakup:

  • Pengantar Sass
    • Apa itu Sass dan kelebihannya dibandingkan CSS konvensional
    • Instalasi dan konfigurasi Sass
  • Dasar-Dasar Sass
    • Variabel dan nested rules
    • Partials dan imports
  • Mixins dan Functions
    • Membuat dan menggunakan mixins
    • Definisi dan penggunaan functions
  • Extend/Inheritance
    • Menggunakan @extend untuk kode yang lebih modular
    • Konsep inheritance dalam Sass
  • Operators
    • Penggunaan operator aritmatika dan logika
  • Integrasi dengan Proyek
    • Integrasi Sass dengan proyek web
    • Kompatibilitas dengan berbagai alat pengembangan modern

Prasyarat dan Persyaratan Device

Untuk mengikuti kelas ini dengan optimal, peserta diharapkan memiliki:

  • Laptop atau Komputer dengan spesifikasi minimal:
    • Prosesor: Intel i3 atau setara
    • RAM: 4 GB
    • Penyimpanan: 128 GB SSD atau lebih besar
    • Sistem Operasi: Windows 10, macOS 10.14 (Mojave) atau lebih baru, atau distribusi Linux seperti Ubuntu 18.04
  • Koneksi Internet Stabil
    • Kecepatan minimal 2 Mbps untuk sesi daring, unduhan materi, dan interaksi langsung dengan instruktur.
  • Software yang Diperlukan
    • Node.js (versi terbaru)
    • npm atau Yarn
    • Sass (diinstal melalui npm atau Yarn)
    • Text editor atau IDE (seperti Visual Studio Code, Sublime Text, atau Atom)
    • Browser modern (seperti Google Chrome, Mozilla Firefox, atau Microsoft Edge)

Kami sangat berharap Anda dapat memanfaatkan semua materi yang telah disiapkan dan mengaplikasikannya dalam proyek perangkat lunak Anda. Terima kasih telah bergabung, dan mari kita mulai perjalanan belajar ini bersama-sama!

Salam hangat,

Tim Instruktur

Respon Positif dari alumni GAMELAB.ID

  • Saya sangat senang bisa mengikuti magang online di gamelab. Melalui magang ini, saya belajar banyak tentang pengembangan web dan desain antarmuka pengguna. Saya juga mendapatkan kesempatan untuk bekerja sama dengan tim yang luar biasa. Magang online ini benar-benar membantu saya mengembangkan keterampilan saya dan memberikan wawasan yang berharga tentang membangun web frontend dengan bootstrap.

    Fahmilul Amri

    SMKN 1 REMBANG PURBALINGGA

  • Saya sangat senang bisa belajar banyak hal di Gamelab Indonesia, terimakasih kepada Kakak-kakak Trainer yang telah membantu Saya selama Saya belajar, dan belajar di Gamelab Indonesia merupakan suatu tantangan yang menarik untuk Saya dan semoga ilmu yang Saya dapat, bisa berguna suatu saat nanti

    Dinita Maharani

    SMK GEMA NUSANTARA WONOSOBO

  • Gamelab sangat bagus,tapi ketika menunggu review lumayan lama,dari materi ini saya dapat belajar tentang komponen bootstrap serta dapat menerapkan komponen komponen bootstrap serta dapat membuat tampilan landing page

    Azwan Hazfy Fabiyansyah Putra

    SMKN 1 REMBANG PURBALINGGA

  • bagus saya dapat mengerti dan paham tentang cara desain menggunakan coreldraw harus tambahkan suara pada video agar kami bisa dengan cepat mengetahui dan cepat mengerti

    Kristanto Erikson

    SMK NEGERI 3 MAUMERE

  • Dari semua ujian praktik di modul, saya kesulitan di ujian praktik 1. Akan tetapi trainer dapat memberikan feedback yang mudah dimengerti melalui meet sehingga saya merasa dapat mudah mengerti materi dan penjelasan yang diberikan dan dapat menyelesaikan ujian praktik 1, 2, dan akhir.

    Muhammad Eka Baskara

    Sekolah Tinggi Multimedia Kementerian Komunikasi dan Digital Republik Indonesia

  • materi kelas HTML dan CSS sangat mudah di pahami penjelasannya jelas dan latihan yang di berikan membantu sya memahami cara membuat tampilan website dengan baik. kelas ini sangat bermanfaat untuk pemula yang ingin belajar dasar pembuatan website

    Satria Kasim

    SMK SURA DEWA

  • Dari game lab ini saya bisa banyak belajar tantang bagaimana cara untuk membuat game dan menambah pengalaman, materi yang di berikan sangat menarik dan mudah di mengerti, trainernya juga ramah

    Lintang Sunar Yahya

    SMKS PGRI WLINGI

  • Materi yang diberikan serta tugas -tugas yang diberikan sangat menarik dan membantu menambah wawasan saya ,saya sangat berterimakasih kepada trainner game lab indonesia karena sudah berpartisipasi.

    Geltrudis Belinan Langoday

    SMKN 1 ILE APE

  • materi mudah di pahami ditambah dengan penyampaian materi yang mudah di di pelajari dan di pahami. Kombinasi antara materi dan praktik membuat Materi dapat mudah di kuasai

    Muhammad Akmal

    Universitas Widyatama

Dengan siapa kamu akan belajar?
Muhammad Ainun Yanuar

Educa Studio

Fasilitas Tambahan
  • Tanya jawab via Whatsapp Group
  • Akses ke forum dan diskusi kelas
  • e-Sertifikat Kelas
  • CV Digital (khusus langganan)

Yuk, berlangganan dan akses semua kelas

Berlangganan sekarang juga untuk mulai. Pilih skill apapun dan pelajari kapanpun. Dapatkan materi terstruktur, modul praktik berbasis project, plus webinar series rancangan para experts.