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

  • Sebelum itu, saya sangat berterima kasih kepada gamelab karna saya mendapatkan ilmu baru selama saya bergabung di gamelab dan terimakasih atas dukungan dari trainer yang membuat saya yakin bahwa saya pasti bisa.

    Humairatu Zahra

    SMK MUHAMMADIYAH LOA JANAN

  • wahh sangat menantang, dengan adanya kuis ini orang harus menggunakan otak kanan dan kiri mereka untuk menjawab semua pertanyaan yang ada. Meningkatkan kemampuan untuk memecahkan masalah dan membuat keputusan yang tepat. Serta mereka harus berfikir kritis untuk menjawab pertanyaan yang di berikan

    Alda Mevia

    Universitas AMIKOM Yogyakarta

  • Adanya pelatihan 3D Modelling di Gamelab dapat dimanfaatkan dengan baik. Dan materi yang di sampaikan oleh trainer mudah di pahami dan sangat bermanfaat.

    Riyan Ahmad

    SMKS NAZHATUT THULLAB

  • sangat membantu untuk orang awam seperti saya, pelajaran nya bisa dimengerti tapi terkadang ada yang membingungkan, Terimakasih atas ilmu yang sudah diberikan

    Aditya Laksamana P Butar Butar

    SMKN 1 TANAH GROGOT

  • 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

  • Saya ingin mengucapkan terima kasih kepada gameleb serta pihak yang terkait atas pengalaman yang luar biasa selama pelatihan ukk ini. Karena saya mendapatkan pengalaman yang dapat menambah ilmu serta meningkatkan ketrampilan khusus nya di bidang digital marketing.

    Febry Eko Prasetiyo

    SMKS NURUL FALAH MARGATIGA

  • Sebelum saya bergabung dengan gamelab ini saya sama sekali belum pernah meluapkan/menunjukkan imajinasi saya Namaun setelah saya bergabung saya bisa mulai meluapkan imajinasi saya untuk membuat-membuat karya desain dan saya juga bisa mendapatkan pembelaja

    Muhammad Ridho Hilal

    SMK TELKOM LAMPUNG

  • sangat membantu dan menambah ilmu pengetahuan sebagai seorang alumni yang sudah lulus 2 tahun lebih merasa merefresh pelajaran" yang mungkin dulu sudah pernah dipelajari sangat mantab

    Ana Aulia Rahmasari

    Sekolah Tinggi Ilmu Farmasi Yayasan Pharmasi

  • saya ingin mengucapkan terimakasih kepada gamelab serta pihak yang terkait atas pengalaman yg luar biasa selama pelatihan UKK ini.karena saya mendapatkan yang dapat menambah ilmu serta meningkatkan keterampilan khususnya di bidang digital marketing

    Rika Cahaya Ningsih

    SMKS NURUL FALAH MARGATIGA

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.