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

  • Materi yang diberikan oleh lembaga pelatihan cukup mudah dipelajari dan dipahami”. “Materi pelatihan sesuai dengan kebutuhan pembelajaran yang sedang saya butuhkan”. Penjelasan yang diberikan dari setiap materi pelatihan cukup efektif sehingga memb

    Muhammad Afif Anugrah

    SMKS YPT 2 PURBALINGGA

  • Ualasan saya tentang kelas membuat website html dan CSS yaitu dapat memberi saya pengalaman untuk membuat program website menggunakan html dan CSS. Terimakasih

    Purnama Sari

    SMK NU TULIS

  • Trainer Gamelab Indonesia sangat ramah. Terimakasih Gamelab Indonesia karena telah memberikan ilmu dan wawasan baru yang tentu saja sangat bermanfaat untuk saya. Senang sekali bisa berkomunikasi dan bertanya langsung kepada CEO mengenai Startup, itu menja

    Miftah Farid

    SMK NEGERI 1 WANAREJA

  • Gamelab sangat membantu proses belajar saya. Sehingga saya yang awalnya kaum awam dalam akuntansi menjadi mengerti sedikit demi sedikit. Trainer juga memberikan review - review kesalahan tugas saya dengan jelas. Jadi, saya dapat menambah wawasan dengan me

    Ni Komang Ayu Putri Maharani

    SMKN 1 TABANAN

  • Saya suka belajar videografi di game lab karena saya bisa tau cara mengedit video dengan kine master dan saya juga mendapat banyak ilmu pengetahuan setelah saya belajar disini

    Aulia Dwi Asshifa

    SMKN 1 BANYUMAS

  • "Mudah digunakan dan intuitif. Sangat membantu dalam mengatur catatan sehari-hari." "Desain yang minimalis dan fungsional. Saya menyukai fitur simpan dan muatnya yang cepat." "Aplikasi ini sederhana tapi efektif. Tidak ada gangguan, hanya fokus pada catatan saya." "Tampilan yang menarik dengan fungsi yang berguna. Sangat cocok untuk penggunaan sehari-hari." "Saya suka bagaimana aplikasi ini membantu saya tetap teratur tanpa membingungkan." "Pilihan warna yang menyenangkan dan antarmuka yang ramah pengguna membuat pengalaman menggunakan aplikasi ini menyenangkan." "Aplikasi catatan terbaik yang pernah saya gunakan. Sederhana tapi sangat efisien." "Bekerja lancar tanpa bug atau masalah teknis. Sangat andal untuk mencatat ide-ide saya."

    Nusaibah

    Sekolah Tinggi Manajemen Informatika Dan Komputer Indo Daya Suvana

  • sangat seru magang disini, banyak pengalaman dan ilmu baru yang saya dapatkan di sini, materi yang diajarkan mudah untuk dipahami dan menarik bagi saya, trainernya juga baik dan sabar dalam mengajari saya, rekomendasi sekali untuk teman-teman sekalian yan

    Ahmad Nafiyah

    SMK AS-SALIMIYAH

  • mengikuti pembelajaran di Game Lab sangat menyenangkan. Materi yang disampaikan mudah dibelajari. Sistem belajarnya pun juga dua arah. Jadi sebagai user tidak hanya membaca materi saja.

    Dicky Pratama

    Educa Studio

  • Terimakasih sudah membantu dalam mempelajari materi Pemrograman Dasar Javascript di Gamelab. Semoga kedepannya jika ada bimbingan industri bisa datang ke tempat untuk menjelaskan materinya.

    Riana Nur Aini

    SMKN 1 PLUPUH

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.