Overview
-
Learn the concepts and important topics to get started with one of the most popular application design systems, Material Design, using Materialize CSS.
Syllabus
-
Introduction
- Materialize and responsive design
- Materialize CSS overview
- Materialize: Local installation
- Materialize: CDN setup
- Materialize: Color classes
- Materialize: Color usage
- Grid system overview
- Grid system rows and columns
- Challenge: Responsive grid design
- Solution: Responsive grid design
- Navbars for desktop and mobile design
- Pagination
- Preloaders
- Materialize utilities, or helpers
- Responsive image and video classes
- Shadows and z-depth
- Tables
- Typography and text formatting
- Buttons
- Breadcrumbs
- Badges
- Card classes and usage
- Challenge: Create a layout
- Solution: Review a possible layout using cards
- Forms
- Footers
- Applying tools to a final project
