Create Websites with Google's Material Design (MDL Lite)

Perfect course to create fast mobile friendly responsive websites using (Material Design) MDL Lite framework by Google.

4.05 (48 reviews)
Udemy
platform
English
language
Web Design
category
5,376
students
1.5 hours
content
Oct 2015
last update
FREE
regular price

What you will learn

Build Mobile Friendly Fast Responsive Website With Google Material Design Lite Framework

You will Learn basic and advance of MDL Lite framework by Google

You will be able to create multicolumn responsive website with MDL Lite Framework

You will be able to create modern websites with Material Design introduced by Google.

Description

You will learn to build fully responsive websites with MDL Lite framework, a modern fast CSS framework by Google. MDL Lite lets you add a Material Design look and feel to your websites. This course offers step by step videos. At the end of this course you will be able to create fast and fully responsive websites.

Your websites will work & look great in modern browsers & old browsers as well. Your final website will work great on Desktops, Tablets, Smart phones and other small and large screen devices.

You can also download source code of final website that you will learn to create with Material Design Lite framework in this video course.

If you want to build modern and fast websites, you should learn MDL Lite framework. This course will make you a better front end developer.

Content

Welcome To MDL Lite Mastery Course

MDL Lite Course Introduction
Material Design Lite Framework Introduction
Getting Started Download and Setup Google Material Design Framework
CUSTOMIZE & DOWNLOAD : Choosing Your Color Scheme (primary and accent color)

Expolring Different Features of Framework

Basic of Grid System: Creating a basic 2 column layout
Using MDL Badges
How to use Material Design Lite Buttons with Display and Click Effects

Material icons guide

How to Material Design icon ?

Using Google Fonts

Google Web Fonts

Tables

How to use MDL Tables

Forms & Buttons

MDL Forms TextFields (Input fields)
Using MDL Buttons Component

10 New videos haev been added about Responsive Grid system

10 New videos haev been added about Responsive Grid system

The Responsive Grid System

introduction to MDLLite Responsive Grid System
Using MDL Lite Grid to create multicolumn websites
MDLLite Grid for tablets and phones

Create a fully reponsive website from scratch with MDLLite Framework

Final Responsive Website that you will learn to create
Final Responsive Website Basic page mark up
Final Responsive Website Header Markup
Final Responsive Website Sidebar Navigation for Tablets and Mobiles
Final Responsive Website Main Section Markup
Using Icons and Search fields for sidebar and Primary section
Creating 3 columns Responsive Footer Section
Download Final Project Files

Screenshots

Create Websites with Google's Material Design (MDL Lite)  - Screenshot_01Create Websites with Google's Material Design (MDL Lite)  - Screenshot_02Create Websites with Google's Material Design (MDL Lite)  - Screenshot_03Create Websites with Google's Material Design (MDL Lite)  - Screenshot_04

Reviews

Veronica
August 18, 2022
The course is good and the teacher explains it well. The only problem is that I cannot open the files in the Resources Folders. I tried to contact the teacher via Facebook. The MD website has changed a bit and I am not sure if the downloadable file contains the same things as shown in the video.
Vijayavel
October 28, 2016
The course is good for MDL beginners with responsive design concepts, I like simple blog design example along the course. If you are looking some advanced design having data rich pages and its related controls, this course is not meant for that. Have basic expectation and enjoy the 1.5 hr course
Pawan
October 6, 2016
Overall the course is good so far. Although the accent makes it a little difficult to understand, it's not too difficult to follow because of close-captioning and because all the steps are clearly shown in the video.
N
September 11, 2015
This course is a bargain. Mr. Tahir clearly explains MDL and demonstrates step-by-step as he goes. As long as you have an intermediate familiarity with HTML5 you should have no problem following along, but don't expect to learn your HTML5 here as this instructor stays on topic. Mr. Tahir's presentation is calm, pleasant, and steady but not dull, which works well for me. The material was obviously well-planned and flows at a good pace. **Please note: 1. As shown in the course syllabus, there are more sections & lectures in progress, this is essentially an early release and is priced accordingly. 2. Mr Tahir's English is noticeably accented. I had no problem understanding him & actually stayed more focused because of it. However, if you find it difficult to understand non-native English speakers please watch the intro & free preview lectures to make sure this isn't a problem for you.

Charts

Price

Create Websites with Google's Material Design (MDL Lite)  - Price chart

Rating

Create Websites with Google's Material Design (MDL Lite)  - Ratings chart

Enrollment distribution

Create Websites with Google's Material Design (MDL Lite)  - Distribution chart
552588
udemy ID
7/12/2015
course created date
11/21/2019
course indexed date
Bot
course submited by