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

  • Mengenai materi dan cara belajar sangat mudah dipahami , terima kasih gamelab telah menyediakan kelas berkhualitas dan semoga kedepanya menyediakan kelas kelas bekhualitas lainya .

    Wahyu Kurnia

    SMKN 2 PADANG PANJANG

  • bagi saya ini bisa menjadi hal yang berguna untuk memperoleh wawasan tambahan atau menguji pemahaman saya. Namun, perlu diingat bahwa itu harus dipandang sebagai alat bantu, bukan pengganti proses berpikir kritis yang aktif.

    Mohamad Afid Yoga Pratama Putra

    Universitas AMIKOM Yogyakarta

  • Untuk modul pertama ini , cukup mudah dipahami, Semoga saya dan rekan rekan,bisa terus berkembang di program kelas industri gamelab ini, terima kasih gamelab, sukses selalu

    Ahmad Mudhofar

    SMKN 2 DEMAK

  • saya sangat senang karena bisa mengikuti magang di gamelab ini dan saya mendapatkan hasil yang memuaskan dan berhasil menyelesaikanya dengan baik walaupun saya banyak mengalami kendala dalam waktu pengerjaan proyek ini

    Maria Klemensia Tai

    SMKS SANJAYA BAJAWA

  • 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

  • pendapet saya untuk merekomendasikan gamelab kepada teman atau keluarga sangat bagus karena bagi saya game lab adalah lapangan kerja moderen dan bagus, seperti saya orang kampung yang tidak bisa untuk menggunakan komputer sekarang saya mulai berkembang da

    Gogiyono

    SMKN 1 TELAGASARI

  • sudah menarik dan interaktif, menurut saya ini terlalu banyak materi daripada praktek, jadi lebih ditekankan lagi untuk prakteknya lebih dijalankan daripada materinya.... Sukses selalu GAMELAB!!!

    Muhammad Faizal Alkindi

    Universitas Negeri Semarang

  • Materi yang diberikan mudah dipahami dan menambah pengetahuan saya mengenai cara berpikir yang kritis dalam memecahkan suatu permasalahan serta mampu mengambil keputusan lebih cepat dan tepat.

    Onelita Lufiansyah

    Universitas Negeri Semarang

  • menurut saya belajar pada gamelab ini sangat membantu dan tentunya sangat bermanfaat sekali bagi saya, itu dikarenakan materi ajar mereka sesuai dengan materi yang saya dapatkan di sekolah

    Ni Putu Ayu Tamara Sari

    SMKN 1 TABANAN

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.