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 500.000

Diskon 30%
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

  • Bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bag

    Alvin Firdaus

    SMKN 3 PAMEKASAN

  • Saya sangat merasa sangat dengan layanan gamelab karena respon yang cepat dan baik. Gamelab membantu saya untuk meningkatkan potensi yang ada di dalam diri saya, juga memberikan pengetahuan baru. Dan sebaiknya gamelab lebih dikenali oleh banyak orang karena, akan sangat membantu sekali.

    Wahida Nurlela

    SMK NEGERI 1 KARANGTENGAH

  • Pada kelas Critical Thingking ini merupakan sebuah pelajaran yang sangat seru dan menarik karena dengan adanya kelas ini saya mampu memahami bagaimana cara berfikir kritis,saya juga mendapatkan pengetahuan baru tentang berfikir kritis, mengenal banyak istilah yang ada dalam berfikir kritis dan banyak sekali yang saya dapatkan dari materi ini.

    Danella Ventinuary Innocent

    Universitas Trunojoyo

  • trainer menanggapi pertanyaan dengan sangat ramah, serta memberikan pengarahan dengan jelas dan mudah dimengerti. Sangat Ramah bintang 5 untukkk kakanyaaaa

    Indah Nuraini

    SMKN 1 TELAGASARI

  • kelas On Boarding kelas Induustri Gemelab sangatlah bermanfaat bagi saya,karena dapat menambah wawasan saya tentang gemelab dan lain sebagainya yang belum saya ketahui.saya sangat suka dengan kelas geme lab ini karena pembelajarannya yang seru tidak membosankan.semoga gemelab bisa menjadi jembatan saya menuju kesuksesan dimasa depan.berkembang terus gemelab🚀

    Muhammad Rizki Alifvino

    SMKN 4 BOJONEGORO

  • saya ingin mengucapkan terimakasi pada gamelab serta pihak yang terkait atas pengalaman yang luar biasa selama pelatihan ukk ini.karna saya mendapatkan pengalaman yang dapat menambah ilmu serta meningkatkan ketrampilan khususnya di bidang digital marketing .

    Sella Aulia

    SMKS NURUL FALAH MARGATIGA

  • semuanya baik, trainer nya sabar dan sangat baik dalam memberi feedback. Saya sedikit kesulitan karna baru pertama kali pakai coreldraw, tapi sangat terbantu dengan materi yang diberikan dan mudah dipahami.

    Ervadiella Indah Mawaddah

    Institut Teknologi Batam

  • alhamdulillah saya puas dengan apa yang saya kerjakan yaa walaupun saya belum bisa sih tapi saya dapat belajar banyak dari game lab ini terimakasih yah

    Mutiah

    SMK AS-SALIMIYAH

  • game lab sangat membantu pelajar untuk mengasah dan menjadi sarana untuk membangun kemampuan seseorang dalam langkah langkah menuju dunia kerja terimakasih gamelab karna anda saya bisa mengasah kemampuan saya

    Abitho Ibna Saadis

    SMK BUDI UTOMO

Dengan siapa kamu akan belajar?
Eka Prasetyo

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.