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

  • saya sangat senang sekali magang di gamelab dari gamelab saya bisa belajar membuat coding dengan baik dan kegagalan bukan berarti membuat saya menyerah malah membuat saya lebih semangat

    Nadya Sulistianing

    SMK NU TULIS

  • Sangat sulit dan ada yg mudah raaaaaaaaaaaaaaaaaaaaaaaaaaaaaaawwwwwwwwwwwwwwwwwwwwwwwwwwrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr

    Umi Nafisatul Mufazah

    SMK GEMA NUSANTARA

  • cocok untuk pemula materi lengkap dan sesuai bagi yang ingin belajar html css dan javascript,saran saya ketika ngoding di web perlu di perbagi bug nya(contoh layar putih dan code sudah sesuai tetapi tetap salah

    Rifqi Pratama

    SMKN 2 KARANGANYAR

  • Materi yang terdapat dalam modul sangat mudah untuk dipahami dan terdapat quiz setelah membaca materi dan itu membuat saya lebih cepat paham tentang materi videografi ini

    Balqis Aprillia Syarahdevi

    SMKN 11 MALANG

  • Materi dasar copywriting yang disampaikan membantu saya dalam memahami harus mulai darimana mempelajari copywriting. Dengan materi dan tugas yang diberikan saya berharap dapat menjadi bekal dalam berkarir di dunia digital

    Nisrinaa Wa Nadaa

    Universitas Brawijaya

  • Sistem pengedukasian yang berkelanjutan menjadi salah satu hal utama yang menurut saya sangat bervalue selama menjalankan magang gamelab sejauh ini, menitoring yang aktuf juga menjadi sebuah keunggulan tersendiri yang saya rasakan manfaatnya sejauh ini manakala menjalankan magang di gamelab.

    Raden Ahmad Haikal El-musyaddat Arya Negara_undip

    Universitas Diponegoro

  • “Pengalaman belajar di Gamelab sangat menyenangkan. Materinya disusun dengan baik, penjelasannya mudah dipahami, serta sangat relevan dengan dunia industri. Saya merasa lebih siap untuk menghadapi tantangan ke depannya , Kelas onboarding ini sangat membantu dalam memahami dasar-dasar industri. Platformnya user-friendly dan materinya berkualitas. Sangat direkomendasikan. Terima kasih Gamelab"

    Dian Rahma Aulia

    SMKN 4 BOJONEGORO

  • Seru sihh, mantap. Tapi kadang bingung soalnya penjelasan kakaknya waktu zoom cepat sekali, tapi untung ada modul dan kakaknya tetap sigap menjawab segala pertanyaan kita lewat grup chat, terima kasih kakak kakakk.

    Komang Ayu Aprilia Rahma Dewi

    SMKN 1 TABANAN

  • Materinya mudah dipahami dan bermanfaat. Saya jadi lebih sadar pentingnya berpikir kritis dan tidak asal menerima informasi. Sangat membantu untuk kehidupan sehari-hari.

    Galih Arya Maulana

    Universitas Teknologi Yogyakarta

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.