Free Courses : Belajar material design dengan materializecss
Intro materialize css
Belajar apa itu material design dan bagaimana cara menggunakannya pada website. Kita akan menggunakan framework frontend yang bernama materializecss untuk ini Link: MaterializeCSS
Sistem grid
Belajar menggunakan sistem grid dari frameowrk materializecss
Familiar dengan kelas
Ada banyak sekali kelas-kelas yang sudah automatis datang dengan materializecss, mari melihat-lihat agar kita familiar dengan penggunannya
Membuat menu
Belajar bagaimana cara membuat menu dari material design milik framework materializecss
Dropdown dan breadcrumb
Belajar bagaimana cara membuat dropdown untuk menyembunyikan beberapa pilihan dan juga menggunakan breadcrumb dari materializecss
Component card
Menggunakan component yang sangat cantik bernama card dari materializecss
Collection component
Menggunakan component untuk membuat sebuah daftar atau list bernama collection
Chips, badge dan pagination
Banyak sekali component yang menarik dari materializecss, kali ini kita akan melihat chips, badge dan pagination
Membuat footer
Footer adalah salah satu bagian penting pada halaman website, lihat apa yang sudah disediakan oleh materializecss untuk membuat dan menghias footer
Form materialize css
Form tidak bisa lepas dari pembuatan website. Belajar menghias berbagai macam input type dan option dengan materializecss
Warna materializecss
Belajar penamaan warna pada materializecss, lihat berbagai macam pilihan warna dan cara penggunannya di sini
Bermain dengan modal
Membuat modal dengan materialize css sangat simpel, mainkan modalnya sekarang!
Membuat slider dan carousel
Belajar membuat slider dan carousel dengan materializecss
Selamat mencoba
Masih banyak lagi yang bisa kita lakukan dengan materializecss, jangan hanya belajar, tapi langsung dipraketekkan!
Related Posts:
- Adonis JavaScript Framework: Basic Web Development
- Kelas Online Gratis Mastering Figma: Modern UI Dashboard Design
- Tutorial CRUD Framework CodeIgniter 4 & Bootstrap 4
- React JavaScript
- Adobe Illustration: How to create Icon for UI
You can support us by donate with buy us a coffee. We appreciate your donation to our work for share free udemy courses.