Learn to make websites with Google's Material Design Lite

Learn to make websites with Google's Material Design Lite, available at $54.99, has an average rating of 3.95, with 84 lectures, 1 quizzes, based on 179 reviews, and has 1537 subscribers.

You will learn about Create a beautiful website using elements from Google's Material Design Lite Framework Understand how to navigate some of the pitfalls that developers fall into when creating Material Design Websites This course is ideal for individuals who are This course is intended for people who have a basic knowledge of HTML and CSS and are wanting to expand their abilities. Knowledge of any other HTML and CSS framework such as Bootstrap or Foundation is NOT required. This course is great for those interested in Google's Material Design philosophy or just developers wanting to integrate some material design elements into their workflow. This course will also suit beginners looking to improve their skills. or You should not take this course if you are not interested in developing sites with the Material Design look and feel. The course strictly focused on how to implement this look and feel into your sites using Google's new framework It is particularly useful for This course is intended for people who have a basic knowledge of HTML and CSS and are wanting to expand their abilities. Knowledge of any other HTML and CSS framework such as Bootstrap or Foundation is NOT required. This course is great for those interested in Google's Material Design philosophy or just developers wanting to integrate some material design elements into their workflow. This course will also suit beginners looking to improve their skills. or You should not take this course if you are not interested in developing sites with the Material Design look and feel. The course strictly focused on how to implement this look and feel into your sites using Google's new framework.

Enroll now: Learn to make websites with Google's Material Design Lite

Summary

Title: Learn to make websites with Google's Material Design Lite

Price: $54.99

Average Rating: 3.95

Number of Lectures: 84

Number of Quizzes: 1

Number of Published Lectures: 84

Number of Published Quizzes: 1

Number of Curriculum Items: 85

Number of Published Curriculum Objects: 85

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

Create a beautiful website using elements from Google's Material Design Lite Framework
Understand how to navigate some of the pitfalls that developers fall into when creating Material Design Websites

Who Should Attend

This course is intended for people who have a basic knowledge of HTML and CSS and are wanting to expand their abilities. Knowledge of any other HTML and CSS framework such as Bootstrap or Foundation is NOT required. This course is great for those interested in Google's Material Design philosophy or just developers wanting to integrate some material design elements into their workflow. This course will also suit beginners looking to improve their skills.
You should not take this course if you are not interested in developing sites with the Material Design look and feel. The course strictly focused on how to implement this look and feel into your sites using Google's new framework

Target Audiences

This course is intended for people who have a basic knowledge of HTML and CSS and are wanting to expand their abilities. Knowledge of any other HTML and CSS framework such as Bootstrap or Foundation is NOT required. This course is great for those interested in Google's Material Design philosophy or just developers wanting to integrate some material design elements into their workflow. This course will also suit beginners looking to improve their skills.
You should not take this course if you are not interested in developing sites with the Material Design look and feel. The course strictly focused on how to implement this look and feel into your sites using Google's new framework

Google’s Material Design philosophy has been making waves in the design world and has now unified all interfaces used by Google. Including all of their websites and the apps they have available within the Android space.

The opportunity for developers to incorporate this Material Design philosophy into their own arsenal for front end development is now here. Google’e released the official framework for front end implementation of Material Design called Material Design Lite.

This course will take you through all the ins and outs of this framework. Including all Material Elements and Layouts as well as explaining some of the design and semantic coding considerations behind these elements.

If you are interested in responsive material layouts for the websites you build, then you should certainly learn the Material Design Lite framework, and what better time to start than right NOW?

Course Curriculum

Chapter 1: Start Here

Lecture 1: Pre Welcome. An Unusual Start….

Chapter 2: Welcome

Lecture 1: Welcome

Lecture 2: Material Design Spec

Lecture 3: Some Examples

Lecture 4: Website Examples

Lecture 5: What Will Be Covered?

Chapter 3: Getting Started

Lecture 1: Adding the Required CSS and JS

Lecture 2: A Bit About Color

Lecture 3: Your First MDL Element

Lecture 4: Material Icons

Lecture 5: BEM Methodology

Lecture 6: CodePen

Lecture 7: Blank MDL Code Pen

Chapter 4: Components

Lecture 1: Material Badges

Lecture 2: Badge Code

Lecture 3: Badge Pitfalls

Lecture 4: Badge CodePen

Lecture 5: Material Button Styles

Lecture 6: Code for Flat and Raised Buttons

Lecture 7: Code for Fab and Icon Buttons

Lecture 8: Button CodePen

Lecture 9: Material Cards

Lecture 10: Examples of Material Cards

Lecture 11: Code for Card 1

Lecture 12: Code for Card 2

Lecture 13: Card CodePen

Lecture 14: Progress Bars

Lecture 15: Code for Progress Bar

Lecture 16: Progress Bar CodePen

Lecture 17: Spinners

Lecture 18: Code for Spinner

Lecture 19: Quirky Spinner

Lecture 20: Spinner CodePen

Lecture 21: Material Menus

Lecture 22: Code for Menus

Lecture 23: Menu CodePen

Lecture 24: Material Slider

Lecture 25: Code for Slider

Lecture 26: Slider CodePen

Lecture 27: Toggle Inputs

Lecture 28: Checkbox Code

Lecture 29: Code for Radio Buttons

Lecture 30: Code for Toggle Switch

Lecture 31: Toggle Icon Code

Lecture 32: Toggles CodePen

Lecture 33: Text Field Intro

Lecture 34: Code for Basic Text Input

Lecture 35: Code for Numerical Input

Lecture 36: Code for Adding a Floating Label

Lecture 37: Code for Multiline Text Input

Lecture 38: Code for Expandable Input

Lecture 39: Textfields CodePen

Lecture 40: Tooltips

Lecture 41: Code for Tooltips

Lecture 42: Tooltips Extras

Lecture 43: ToolTips CodePen

Lecture 44: Material Tables

Lecture 45: Code for Tables

Lecture 46: Tables CodePen

Chapter 5: Layouts

Lecture 1: Material Design Layouts

Lecture 2: Transparent Layout

Lecture 3: Fixed Drawer Layout

Lecture 4: Fixed Header Layout

Lecture 5: Fixed Header and Drawer Layout

Lecture 6: Scrolling Header Layout

Lecture 7: Tabbed Layout

Lecture 8: Waterfall Layout

Lecture 9: Various CodePen's for all the Layout's

Chapter 6: The MDL Responsive Grid

Lecture 1: Intro to MDL Responsive Grid

Lecture 2: Responsive Grid Code

Lecture 3: Vertically Aligning Cells

Lecture 4: Responsive Grid CodePen

Chapter 7: Other MDL Elements

Lecture 1: Tabbed Content Sections

Lecture 2: Code for Tabbed Content Section

Lecture 3: Tabbed Content CodePen

Lecture 4: Mini Footer

Lecture 5: Code for Mini Footer

Lecture 6: Mega Footer

Lecture 7: Code for Mega Footer

Lecture 8: Footer CodePens

Chapter 8: Closing

Lecture 1: Disabling Elements on the Page

Lecture 2: Dynamically Creating Elements with JavaScript

Lecture 3: Thank You

Lecture 4: Feedback

Instructors

Adrian Henry
Trader and Learning Enthusiast.

Rating Distribution

1 stars: 6 votes
2 stars: 9 votes
3 stars: 23 votes
4 stars: 63 votes
5 stars: 78 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu