Learning Materialize CSS

Focused View

Ayodele Leom

1:06:49

117 View

[1] Introduction

[1] Materialize and responsive design.mp4

00:45

[2] 1. Environment Setup

[1] Materialize CSS overview.mp4

01:54

[2] Materialize Local installation.mp4

04:15

[3] Materialize CDN setup.mp4

02:02

[3] 2. Materialize CSS Colors

[1] Materialize Color classes.mp4

02:10

[2] Materialize Color usage.mp4

01:53

[4] 3. Materialize Grid System

[1] Grid system overview.mp4

02:04

[2] Grid system rows and columns.mp4

03:15

[3] Challenge Responsive grid design.mp4

00:40

[4] Solution Responsive grid design.mp4

01:13

[5] 4. Materialize Navbar and Pagination

[1] Navbars for desktop and mobile design.mp4

04:02

[2] Pagination.mp4

01:30

[3] Preloaders.mp4

02:13

[4] Materialize utilities, or helpers.mp4

03:07

[6] 5. Materialize Media

[1] Responsive image and video classes.mp4

03:57

[2] Shadows and z-depth.mp4

02:08

[3] Tables.mp4

03:11

[4] Typography and text formatting.mp4

02:52

[7] 6. Materialize Buttons and Badges

[1] Buttons.mp4

04:04

[2] Breadcrumbs.mp4

01:53

[3] Badges.mp4

02:31

[4] Card classes and usage.mp4

04:40

[5] Challenge Create a layout.mp4

00:24

[6] Solution Review a possible layout using cards.mp4

01:26

[8] 7. Materialize Form and Footer

[1] Forms.mp4

03:47

[2] Footers.mp4

01:46

[3] Applying tools to a final project.mp4

03:07

Description

Material Design—the design language developed by Google—took the web development world by storm a few years ago, and Materialize CSS makes it easy to apply that system consistently to your web projects. Once you've chosen Material Design, Materialize CSS is a friendly path to follow, and it allows for a consistent user experience across browsers and devices. In this course, Ayodele Leom covers the key facets you need to know to get up and running with Materialize CSS. He starts with the basics of installation, then covers features like color classes, the grid system, the navbar, buttons and badges, and how to use media with Materialize. If you’re looking to get started with this powerful and time-saving tool to create websites and applications without handcrafting HTML or using a GUI, join Leom in this course.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

CSS

Ayodele Leom

Instructor's Courses

Dedicated and impact-driven community/project manager, and developer relations with over 4 years of experience developing, managing, advocating, and coordinating over 5 developer communities voluntarily as well as having influenced over 20,000 tech enthusiasts through community building and advocacy.

Linkedin Learning

View courses Linkedin Learning

LinkedIn Learning is an American online learning provider. It provides video courses taught by industry experts in software, creative, and business skills. It is a subsidiary of LinkedIn. All the courses on LinkedIn fall into four categories: Business, Creative, Technology and Certifications. It was founded in 1995 by Lynda Weinman as Lynda.com before being acquired by LinkedIn in 2015. Microsoft acquired LinkedIn in December 2016.