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

  • Semenjak ikut gamelab ini.. saya bisa belajar menggambar.. dan paham tektik2 dasar menggambar walaupun saya tidak pandai menggambar,, tapi suatu saat saya yakin pasti bisa

    Dimas Nanda Syaefulloh

    SMK N 1 KINALI

  • Saya sangat terbantu dan senang bisa belajar desain grafis dengan CorelDRAW melalui membaca modul, mengikuti webinar, dan mengerjakan quiz yang disediakan oleh Gamelab Indonesia.

    Dafira Premaretta

    SMK NEGERI 1 JOMBANG

  • Gamelab.id adalah aplikasi kerja yang sangat cocok untuk pemula yang ingin belajar tentang asset 3D , penjelasan sangat rinci. Materi di sini juga lengkap dengan vidio penjelasan jadi tidak bingung saat mengerjakan. Trainer di sini juga memberikan bimbingan dan arahan yang membantu bagi pemula dengan baik.

    Septiana Nurul Wakhidah

    SMK SYUBBANUL WATHON SECANG

  • Sayang sangat senang mempelajari materi di gamelab, membuat saya mengetahui banyak hal yang belum saya ketahui sebelumnya, dan juga quiz yang sangat seru dan menyenangkan. Good job gamelab, kamu keren!!!

    Nazwa Aura Zalina

    SMK NEGERI 01 PALEMBANG

  • Saya sangat senang saat mengikuti kelas on boarding kelas industri Gamelab ini kerna saya mendapatkan pengetahuan baru dan saya bisa sering ke teman dan keluarga.

    Amalia Ajwa

    SMK NEGERI 1 SIMPANG EMPAT

  • Terima kasih buat kakak-kakak yang selama beberapa bulan ini sdah membantu dan membimbing sya dalam program membangun web frontend dengan botstrap Dalam program ini bnyak kendala yang saya hadapi tetapi sya tetap berusaha sampai akhirnya selesai juga

    Maria Yosefa Oje

    SMKS SANJAYA BAJAWA

  • Materinya menarik mudah di pahami, trainernya baik ramah, dan enjoy ketika mengerjakan karena juga bisa sambil nge-game dari gamelab nya ketika sedang menunggu review 😁

    Rifa Abi Firmansah

    SMKS YPT 2 PURBALINGGA

  • 1. Pemahaman materi belum tentu mendalam Walaupun game lab terlihat seru, tidak semua siswa benar-benar memahami konsep pelajaran. Banyak siswa hanya mengikuti instruksi agar bisa lanjut ke level berikutnya tanpa tahu alasan atau teori di baliknya. Akibatnya, saat ujian atau tugas tertulis, siswa masih kesulitan. 2. Siswa bisa lebih mementingkan bermain daripada belajar Game lab sering membuat siswa terlalu fokus pada skor, poin, atau peringkat. Tujuan belajar jadi nomor dua. Hal ini bisa menurunkan kesadaran siswa bahwa game tersebut adalah alat belajar, bukan sekadar hiburan. 3. Perbedaan kemampuan dan minat siswa Tidak semua siswa memiliki kemampuan teknologi yang sama. Siswa yang kurang terbiasa dengan komputer bisa merasa tertinggal dan minder Siswa yang tidak suka game bisa kehilangan motivasi belajar

    Aliefto De Viper

    SMKN 12 KABUPATEN TANGERANG

  • sangat berterimakasih dengan adanya kelas industri gamelan ini. saya merasa sangat bermanfaat telah bergabung dengan gamelab Indonesia. materi yg diberikan tidak rumit, sangat simpel, sehingga tidak membuat bosan. tugas yg diberikan pun sesuai dengan komp

    Waldi Shohibul Akmal

    SMKN 3 PAMEKASAN

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.