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

  • Game ini sangat bermanfaat bagi saya,dan banyak juga yang saya ketahui bagaimana cara membuat game,cara ny juga sangat mudah di pahami,saya sangat suka

    Dinda Marsela

    SMKN 1 TEBING TINGGI

  • Terima kasih banyak atas bimbingan dan ilmu yg diberikan dalam mempelajari pemrograman dasar python ini.sangat seru dan sangat menyenangkan..sukses terus gamelab :)

    Nabila Hidayatul Amalia

    SMKN 1 PANGKEP

  • makasih makasih makasih makasih, sangat berguna pppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp

    Jeni Pratistha Dewi

    SMKS KRIAN 2 SIDOARJO

  • kakak-kakak yang mendampingi pkl online saya sangat cepat menanggapi beberapa pertanyaan yang ada di grup, jadi itu memudahkan untuk proses pengerjaan tugasnya. tapi mohon maaf sebelumnya buat me-review tugas laporan nya mungkin bisa sedikit lebih rinci l

    Tiara Putri Waluyo

    SMKS PGRI 1 TANGERANG

  • saya sangat mau merekomendasikan Gamelab kepada teman dan kolega karena ini sangat bermanfaat untuk meningkatkan skill dan kompetensi kita khususnya saya yang seorang guru yg begitugaptek dengan IT sangat berguna untuk peningkatan skill saya bidang market

    Ketut Ekarini

    SMKN 1 TABANAN

  • dengan adanya quiz ini saya mempelajari banyak hal mengenai kalimat-kalimat baru yang ada di soal- soal quiz dari materi pertama hingga terakhir sangat menyenangkan bisa mengerjakan beberapa quiz yang dapat memberikan hal - hal yang belom pernah saya mengerti dan saya pelajari sebelumnya

    Clarissa Irene Adam

    Universitas Katolik Soegijapranata

  • Terimakasih untuk ilmunya, dan dari sini saya bisa memahami corel draw,semoga gamelab bisa maju lagi setiap tahun nya, mentor sangat asik, dan juga baik sekali

    Maulina Agung Lestari

    SMK TUNAS HARAPAN PATI

  • pertama saya mungkin hanya bisa melihat tanpa tau caranya untuk membuat demikian tapi semenjak bergabung dengan gamelab saya jadi lebih bisa mengenal memahami apa itu membuat dan menjadikan itu sebuah karya dengan kreatifitas dan ketekunan yang saya miliki terima kasih gamelab

    Gita Bilqis Sakinah

    SMKN 1 GEMPOL

  • saya sangat senang dapat bergabung di Gamelab dengan mengikuti kelas On Boarding dengan adanya materi atau modul saya dapat belajar dan melatih skil belajar saya secara akademik dan non akademik

    Aloysius Randiano

    SMK NEGERI 3 MAUMERE

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.