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

  • 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

  • Pendapat saya adalah supaya saya bisa lebih baik lagi,,Dengan gamelab ini saya sangat terbantu oleh gamelab ini dengan penuh semangat saya harap saya bisa lebih baik lagi dari sebelumnya

    Rian Adi Saputra

    SMK NEGERI 3 PENAJAM PASER UTARA

  • menyenangakan,mudah di pahami, mencerminkan kualitas unggul, memberikan pengalaman luar biasa dan memenuhi ekspektasi dengan baik. Dengan kinerja yang konsisten dan fitur yang memikat, produk ini menjadi pilihan yang sangat memuaskan bagi pengguna yang menginginkan prestasi optimal dan nilai tambah yang signifikan."

    Salma Maratuzzulfa

    Universitas Semarang

  • Kelas paling asik dan seru banget, jadi tau banget komponen2 apa aja si yang diperluin untuk membuat website lebih menarik lagi and trainer nya asik dan cepat banget buat ngebackup jika ada kesulitan

    Randyka Zafi Pratama

    Politeknik Harapan Bersama

  • menurut saya tugas ini begitu ruwet kadang kurang rapi masih acak acakan banyak yang salah tapi setelah saya perbaiki dan perbaiki walauupun kepala agak pusing cekot cekot alhamdulillah benar dan sayaa senangg sekali sudah menyelesaikan tugas terkahir harapan saya kedepannya ketika di kasih tugas dari gamelab lagi saya bisa mengerjakannya dengan baikk dan semoga materi dan tugas tugas dari gamelab bisa saya pahami dan semogaa gamelab kedepannya lebihh maju lagii Terimakasih

    Dewi Aziyah

    SMK NU TULIS

  • Gamelab Indonesia sangat berguna bagi siswa-siswi SMK yang ingin meningkatkan skill,dan pengetaguan agar memiliki bekal yang cukup sebelum masuk dalam dunia kerja. Dan semoga Gamelab Indonesia menjadi lebih baik lagi kedepannya

    Hendrina Cindy

    SMK NEGERI 3 MAUMERE

  • Kelas nya sangat membantu untuk mengenal dasar pemorgraman menggunalan framework phaser dan cukup mudah dipelajari karena penjelasan yang simpel sehingga mudah dipahami.

    Raihan Pandya Gibran Santoso

    Universitas Muhammadiyah Malang

  • Materi dikemas dengan baik, singkat, padat, dan jelas. Ditambah adanya video penjelasan dapat membantu apa yang disampaikan. Namun, code editor masih memiliki beberapa kendala

    Wahyu Juriyanto

    Universitas Darwan Ali

  • Dengan mengikuti pelatihan Digital Marketing di Gamelab Indonesia, saya mendapatkan ilmu dan pengalaman yang sangat saya harapkan untuk nanti akan saya transfer ke siswa.Pelatihannya sangat menyenangkan,menarik dan ilmunya sangat luar biasa dibidang digital marketing.

    Sagung Alit Srinurdewi,se

    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.