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

  • Sungguh bahagia dapat menyelesaikan kelas pengembangan aplikasi mobile dengan flutter, saya belajar dasar dasar flutter yang mulai dari widget widget umum hingga membuat CRUD menggunakan sqflite, modul hands on pada gamelab memaksa saya untuk langsung mem

    Mohammad Salsabiila Zakaria

    Politeknik Elektronika Negeri Surabaya

  • Gamelab sangat membantu saya dalam belajar karena di gamelab semua modul serta materi mudah di pelajari dan tidak sulit sama sekali selama ada niat pasti bisa terimakasih GameLab ID telah membantu saya😁🙏

    Muhamat Laura Rizky

    SMKN 4 BATAM

  • selama ini selalu merasa bahwa sudah berpikir secara logika. Namun, teryata saya selalu berpikir falasi. terimakasih atas pembelajaran yang diberikan sehingga saya mengetahui dan berpikir untuk mencari tahu tentang diri saya, orang lain atau informasi yang benar dan akurat.

    Slamet Nur Aziz

    Universitas PGRI Semarang

  • Sangat membantuu, bagi saya yang hanya terbiasa membuat karakter 2D. Materi ini menjadi pengenalan bagi saya sekaligus media memperdalam wawasan tentang 3D modelling menggunakan software Blender. Terimakasih banyak atas ilmunyaa..😉🙏

    Viory Senada Sufi

    SMK MUHAMMADIYAH KRAMAT

  • 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. Terutama kakak pengajar, cara menyampaikan materinya enak banget didengar, sabar, dan bikin betah belajar di sini

    Putu Ayu Widya Kusumaningsih

    SMKN 1 TABANAN

  • Materi yang diberikan sangat relevan dengan kebutuhan industri Brand Desain dan Brand Identity. Saya jadi lebih memahami pentingnya membangun identitas merek yang kuat dan bagaimana proses kreatif di balik desain brand. Harapan terbaik saya hasil tugas dan proyek yang saya kerjakan selama magang semoga bisa bermanfaat untuk menambah konten portofolio saya, sehingga saya lebih siap menghadapi dunia kerja.

    Stanislaus Vito Pramulia

    Institut Teknologi Sumatera

  • Senang bisa bergabung di kelas industri gamelab kerena dengan mengikuti kelas industri banyak ilmu yang dapat Saya ambil dan menambah kan wawasan tentang industri

    Noor Aina Ramadanti

    SMKN 2 SIMPANG EMPAT

  • sangat senang dan happy dengan adanya gem lab ini ada susah senang juga di gem lab ini senang nya karena bisa mengerjakan dengan baik dan benar susah nya bikin pusing karena ngasih "ping ping" gituan wk

    Davin Friza Praditha

    SMKN 1 GEDONG TATAAN

  • belajar di gamelab sangatlah menyenangkan dan tentunya menambah wawasan dan pengalaman, dan juga melatih untuk lebih bisa mahir menggunakan coreldraww, gamelab is the bestt!!

    Yulia Brika Liswanto

    SMK NEGERI MATESIH

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.