Create Websites and Hybrid APPs with Google Material Design
4.0 (20 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
192 students enrolled

Create Websites and Hybrid APPs with Google Material Design

Building a Website and Cordova APP using Google Material Design Lite Framework
4.0 (20 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
192 students enrolled
Last updated 10/2015
English
English [Auto]
Current price: $13.99 Original price: $19.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 3 hours on-demand video
  • 1 article
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Design Websites using Material Design Lite
  • Design Cordova APPs using Material Design Lite
Course content
Expand all 55 lectures 03:08:47
+ Project
2 lectures 08:07
Setting Up A Project
02:58
Using Material Design Lite
05:09
+ Layout
3 lectures 06:06
Adding a Header
03:29
Adding Content
01:15
Adding a Footer
01:22
+ Header
7 lectures 32:47
Adding A Title & Rows in A Header
04:07
Adding A Menu Button
03:46
Adding A Menu List
04:43
Adding A Tab Bar In A Header
05:59
Adding A Tab Bar Panels
05:47
Adding A Badge To A Tab Item
04:28
Waterfall Header
03:57
+ Drawer
4 lectures 15:07
Adding A Drawer Icon
02:30
Adding a Drawer
03:07
Adding Navigation Links
03:00
Adding Logic To Navigation Links
06:30
+ Footer
4 lectures 09:27
Difference Between Mega Footer & Mini Footer
03:10
Adding A Mini Footer Sections
02:07
Adding Copyright & Links
02:22
Adding A Social Button
01:48
+ About Me Page
5 lectures 16:33
Adding a Grid
05:49
Adding a Card
02:55
Adding a Card Title
02:44
Adding a Card Image
02:06
Adding a Card Text
02:59
+ Work Page
6 lectures 18:58
Adding A Grid
02:53
Adding Cards
01:59
Adding Cards Titles
02:07
Adding Cards Images
02:47
Adding Cards Texts
03:20
Adding Cards Actions
05:52
+ Skills Page
2 lectures 05:48
Adding A Grid
02:40
Adding A Data Table
03:08
+ Contact Page
8 lectures 24:28
Adding A Grid
02:17
Adding A Name Field
04:08
Adding An Email Field
03:29
Adding A Subject Field
02:53
Adding A Message Field
01:40
Adding A Send Button
03:33
Adding A Tooltip
02:50
Adding A Progress Bar
03:38
Requirements
  • HTML
  • CSS
Description

Material Design is a design language introduced by Google to unify user experience across all their products on any platform. Material Design is one of those many other types of designing languages like Flat Design, Metro Design, Realism Design etc. Material Design does differ to other types in terms of colors, typography, shapes, patterns and layout. But Material Design adds something very new to design language i.e, Motion and Stacking.

Google encourages developers to use Material Design to design their websites and apps because it let's you create a visual language that synthesizes classic principles of good design with the innovation.

In this course you will learn to design websites and hybrid apps using Material Design from scratch. We will create a portfolio site with multiple pages. Then we will learn designing hybrid apps using Material design by deploying the same site on Cordova container. Let's get started.

Who this course is for:
  • Anyone who is a Web Developer
  • Anyone who is a Hybrid App Developer