Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

Learning Materialize CSS

via LinkedIn Learning

Go to class Write review

This course may be unavailable.

Scrimba Ad

Free courses from frontend to fullstack and AI

Learn More → Boot.dev Ad

Learn Backend Development Part-Time, Online

Learn More →

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
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
1. Environment Setup
  • Materialize CSS overview
  • Materialize: Local installation
  • Materialize: CDN setup
2. Materialize CSS Colors
  • Materialize: Color classes
  • Materialize: Color usage
3. Materialize Grid System
  • Grid system overview
  • Grid system rows and columns
  • Challenge: Responsive grid design
  • Solution: Responsive grid design
4. Materialize Navbar and Pagination
  • Navbars for desktop and mobile design
  • Pagination
  • Preloaders
  • Materialize utilities, or helpers
5. Materialize Media
  • Responsive image and video classes
  • Shadows and z-depth
  • Tables
  • Typography and text formatting
6. Materialize Buttons and Badges
  • Buttons
  • Breadcrumbs
  • Badges
  • Card classes and usage
  • Challenge: Create a layout
  • Solution: Review a possible layout using cards
7. Materialize Form and Footer
  • Forms
  • Footers
  • Applying tools to a final project

Taught by

Ayodele Leom

Reviews

3.7 rating at LinkedIn Learning based on 10 ratings

Start your review of Learning Materialize CSS

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.