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 315.000

Rp 500.000

Diskon 30% + Diskon Afilisasi 10%
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

  • Menurut saya gamelab sangat bagus bagi desainer pemula apabila ingin belajar desain grafis. Karena selain menambah skill dalam mendisain, disini kita juga mendapat beberapa ilmu pengetahuan. Para pembimbingnya juga sangat sabar sekali dalam mengajar. �

    Lailatul Zakia Amanda

    SMKS DARUS SHOLIHIN PUGER

  • Menurut saya, kegiatan di gamelab sudah bagus dan menyenangkan, tapi saya lebih senang apabila untuk materinya dijelaskan lewat video sebab saya akan lebih semangat dalam belajar. Untuk penugasannya, jika ada yang salah mohon untuk diberitahu letak salahn

    Dewa Made Aditiya Ariwiguna

    SMKN 1 TABANAN

  • Belajar HTML dan CSS di Gamelab sangat membantu saya memahami dasar pembuatan website dengan lebih mudah. Materinya jelas, terstruktur, dan mudah dipahami pemula. Tugas praktiknya menambah pengalaman langsung.

    Muhamad Abu Rizal

    SMK NEGERI 1 SUDIMORO

  • sebagai proses penting untuk perubahan perilaku, peningkatan kecerdasan, dan pengembangan diri, Belajar Sepanjang Hayat: Penting untuk menjaga kecerdasan dan keterampilan tetap tajam, Senang dengan guru yang baik, teman yang suportif, dan fasilitas nyaman.Efektivitas: Pembelajaran harus terorganisir dan interaktif (melalui guru, media, fasilitas) agar efektif dan efisien. Relevansi: Metode belajar harus relevan, tidak hanya hafalan, tapi memahami dan berpikir kritis. Fleksibilitas: Konsep seperti Merdeka Belajar menekankan pembelajaran yang melayani hambatan siswa agar tumbuh optimal, sejalan dengan pendidikan inklusif.

    Elmeylia Rosa

    SMKS TAKHASSUS AL QURAN WONOSOBO

  • Lumayan bagus materinya karena dapat memberikan pembelajaran yang menarik bagi pemula dengan cakupan yang umum dan sesuai dengan standarisasi pembelajaran

    Ripaldo Alyura

    Universitas Palangka Raya

  • Dengan mengikuti kelas industri Gamelab Indonesia, kita telah melakukan sebuah langkah perubahan untuk meningkatkan kualitas diri kita. Namun bagaimana caranya supaya langkah ini akan menghasilkan sesuatu yang lebih baik. Itu tergantung dari seberapa ser

    Aspil Agus Melani

    SMK TUNAS HARAPAN PATI

  • Ilmu yang diberikan sangat berguna bagi saya, semoga dengan saya bergabung dengan kelas industri gamelab saya bisa mendapatkan bekal untuk mencari perkerjaaan semoga gamelab sukses selalu

    Afni Sholikah

    SMKS MAARIF SUDIMORO

  • Saya sangat banyak belajar bagaimana tata cara copywriting mulai dari 0, hingga pada tahap akhir mengikut project dimana kita sekaligus juga belajar bagaimana cara membuat desain poster copywriting yang menarik bagi semua orang.

    Ocha Maulidya

    Universitas Ahmad Dahlan

  • GameLab adalah platform belajar game development yang menyediakan tutorial, dan kursus interaktif, cocok untuk pemula maupun yang ingin meningkatkan keterampilan.

    Eka Ramadhani

    SMKS SHALATIYAH BITIN

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.