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

  • Pendapat saya mengenai belajar di gamelab sangat bagus, karena kita tentu nya untuk menambah ilmu tidak hanya mengandalkan belajar di sekolah, tetapi mencari sumber lain, salah satu nya gamelab ini. Disini selain materi juga di beri latihan" dan apabila

    Ni Made Yuli Cantika Putri

    SMKN 1 TABANAN

  • Gamelab Indonesia dikembangkan oleh tenaga pengajar yang kompeten dan didukung oleh sistem pengajaran berbasis online yang efektif. Sempat diragukan oleh beberapa pihak, namun pola pendidikan yang berubah setelah adanya pandemik di tahun 2020 menjadikan p

    Salsa Nabila Sari

    SMKN 1 WONOSEGORO

  • Saya sangat menykai gamelab ini karena menurut saya gamelab ini sangat berguna apalagi untuk kita seorang pelajar, gamelab mengajarkan kita tentang bagaimana rasanya magang

    Meylinda Nurya

    SMKS MAHARATI

  • Setelah mempelajari materi Critical Thinking, saya menyadari pentingnya kemampuan berpikir kritis dalam kehidupan sehari-hari. Materi ini juga membantu saya untuk tidak langsung menerima informasi, tetapi menganalisis dan mempertimbangkan terlebih dahulu sebelum mengambil keputusan.

    Arya Agus Wicaksana

    Universitas Mercu Buana Yogyakarta

  • Sangat mudah dipahami ka materinya,tapi kalau bisa penjelasannya disampaikan langsung misal pake zoom,google meet.entar kami sekalian pencoba praktek terimakasih ka 🙏

    Rahma Aditya Putri

    SMKN 1 KERSANA

  • Untuk Critical thinkingnya terlalu rumit. Ada beberapa indikator penjelasan yang masih kurang bisa dipahami secara maksimal. dan Untuk perbandingan dengan critical thinking lain cukup bagus. dan masih perlu perbaikan di indikator penilaiannya saja

    Ahmad Yasin Fadhilah

    Universitas Dian Nuswantoro

  • Web belajarnya bener-bener bagus banget! Materinya jelas, gampang dipahami, dan bikin belajar jadi lebih semangat. Kakak-kakaknya juga super ramah, responnya cepat, sopan, baik banget, dan cantik-cantik pula 😍. Terutama kakak pengajar, cara menyampaikan materinya enak banget didengar, sabar, dan bikin betah belajar di sini.💗💗💗💗✨✨🫶🏻🫶🏻🫶🏻🌟✨

    Ni Putu Ayu Syantika Dewi

    SMKN 1 TABANAN

  • sejak saya magang di gamelab saya mengetaui banyak tentang coreldraw dan saya mampu mengoperasikan coreldraw dengan sangat baik,gamelab merupakan tempat magang yang direkomendasikan untuk semua orang.

    Yupiter Elia Gaumata

    SMKS PANCASILA TAMBOLAKA

  • Membuat Game HTML 5 dengan Phaser adalah hal baru bagi saya. jadi secara keseluruhan modul dan trainer sangat membatu dalam hal mengenal Game HTML 5 dengan Phaser

    Eryy Agus Muklis

    SMK MAARIF 1 NANGGULAN

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.