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

  • menurut saya,ikut pelatihan ini sangat menyenangkan bagi saya,karena selain mendapat pengalaman dalam memulai bisnis dan juga sangat menantang dalam mengerjakan kuis kuisnya...

    Nur Ika Feliya

    SMK MUHAMMADIYAH PENCONGAN

  • Menurut saya kelasnya enak banget buat diikuti, penjelasannya jelas dan runtut jadi gampang paham. Durasi juga pas, nggak kerasa keburu-buru tapi juga nggak kelamaan, jadi tetap fokus. Secara keseluruhan, pengalaman belajarnya nyaman dan cukup membantu dalam memahami materi yang diberikan

    Rakarayan Elang Parama

    Universitas Multimedia Nusantara

  • lebih mudah memahami dan menyenangkan, karena saya bisa belajar sambil bermain dan itu membuat saya cepat tidak bosan dengan tugas yang diberikan oleh Bpk/ibu guru saya.

    Nella Novia Mardani

    SMKN 1 KARANGANYAR KEBUMEN

  • gamelab sangat menginspirasi dalam hal desain dan kemungkinan besar jika mempunyai hobi salah satunya berkaitan dengan desain mungkin minat kepada gamelab

    Dista Wulandari Agustin

    SMKN 3 PAMEKASAN

  • Setelah mempelajari kelas on boarding saya menjadi lebih tahu tentang apa saja yang dalam kelas on boarding setelah mempelajari semuanya saya ingin mempelajarinya lagi

    Ade Rabbani Abdil

    SMKN 1 REJANG LEBONG

  • Kelas ini sangat disarankan bagi orang yang ingin belajar 3D, karena intruksinya mudah dipahami, dan ada video tutorialnya, dan trainernya sangat ramah, karena kelas ini saya bisa membuat animasi 3D dari nol saya nggak bisa buat animasi 3D dan sekarang al

    M. Febryan Maulanal Haq

    SMKS MUHAMMADIYAH 5 DARUL ARQOM

  • Mendapatkan banyak pengetahuan mengenai bagaimana melatih pikiran menjadi berpikir kritis sehingga dapat diterapkan diberbagai lini kehidupan dan profesi.

    Mia Herawati

    SMKS PGRI 1 TANGERANG

  • "Dengan saya mengikuti kelas industri gamelab ini, Saya mendapatkan ilmu yang sangat bermanfaat, yang awalnya belum tahu bagaimana cara mendesain yang bagus dan menarik, sekarang jadi tahu caranya. Saya sangat bangga dan bersyukur dapat ikut dalam kelas i

    Hesti Regina Cahyani

    SMK NEGERI MATESIH

  • Gamelab sangat mantab sekali, sangat membantu untuk penalaran sesorang entah dari mahasiswa atau pun yang lain, terimakasih game lab telah memberikan sebuah materi untuk terus belajar dan menyelesaikan kuisnya dengan gampang dan tenang, sukses terus buat game lab kedepannya

    Yusril Zaidan Malih

    Universitas Mercu Buana Yogyakarta

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.