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
7 Topik
8 Assesment
28 Modul
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

  • Setelah saya belajar di kelas ini saya mendapatkan banyak ilmu tentang dunia game, terimakasih banyak untuk trainer dan reviewer yang telah mengajari saya

    Naufal Tri Sasongko

    SMK PLUS PELITA NUSANTARA

  • Terima kasih kepada trainer dan pembimbing yang sudah membantu dalam proses belajar saya,berkat belajar di gamelab saya dapat meningkatkan skil dan pengetahuan desain.Trima kasih

    Sukma Susanti

    SMKN 10 BENGKULU UTARA

  • Saya sangat berkesan pada on boarding kali ini. Saya mendapatkan informasi dan ilmu yang baru bagi saya. Terimakasih kasih banyak kepada para trainer gamelab

    Yoga Alif Hidayat

    SMKN 2 JEMBER

  • Dari game lab saya banyak belajar hal baru dari tidak tahu jdi tahu dan bisa dgn mudah memahami dan di pelajari , saya harap bisa lebih dalam memahami game lab dan bisa PKL di te mpat yg bagus,,, terimakasih banyak game lab

    Muhamad Ikbal

    SMKN 3 SEKAYU

  • kelas belajar vidiografi dan animasi menurut saya sangat membantu saya dalam mempelajari tentang vidiografi, dari mulai dasar sampe proses edit dan proses publikasi. bahasa yang simple dan mudah di pahami untuk seorang pemula seperti saya.

    Bahtyar Baharudin Aftony

    Politeknik Negeri Semarang

  • Menurut saya, kegiatan di gamelab sudah bagus dan menyenangkan, tapi saya lebih senang apabila untuk materinya dijelaskan lewat video sebab saya akan lebih semangat dalam belajar. Untuk penugasannya, jika ada yang salah mohon untuk diberitahu letak salahn

    Dewa Made Aditiya Ariwiguna

    SMKN 1 TABANAN

  • Kesan saya mengerjakan kelas on boarding sangat lah mengesan kan dan menarik tapi ada lah kepusingan dan kelelahan saat mngerjaken tugas ,,,tpi mengikuti kelas industri gamelab sangat lah menarik dan bagus untuk merekomendasikan untuk orang orang lain

    Wulan Juwita Sari

    SMKS AQUA VITAE

  • Setelah mempelajari kelas on boarding saya menjadi lebih tahu tentang apa saja yang dalam kelas on boarding setelah mempelajari semuanya saya ingin mempelajarinya lagi

    Ade Rabbani Abdil

    SMKN 1 REJANG LEBONG

  • terima kasih gamelab, mohon bimbingannya.. dan modul modul modul dalam kelas on boarding ini sungguh sunguh sangat menyenangkan dan mudah untuk dipahami. Semakin berlanjut dari materi to materi ternyata semakin menyenangkan... terima kasihhh

    Salsabilla Rizna Tabitha

    SMKN 2 JEMBER

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.