Create Websites and Hybrid APPs with Google Material Design
4.1 (11 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
137 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Create Websites and Hybrid APPs with Google Material Design to your Wishlist.

Add to Wishlist

Create Websites and Hybrid APPs with Google Material Design

Building a Website and Cordova APP using Google Material Design Lite Framework
4.1 (11 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
137 students enrolled
Last updated 10/2015
English
Current price: $12 Original price: $20 Discount: 40% off
3 days left at this price!
30-Day Money-Back Guarantee
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 Udemy's top 2,000 courses anytime, anywhere.

Try Udemy for Business
What Will I Learn?
  • Design Websites using Material Design Lite
  • Design Cordova APPs using Material Design Lite
View Curriculum
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 is the target audience?
  • Anyone who is a Web Developer
  • Anyone who is a Hybrid App Developer
Compare to Other Material Design Courses
Curriculum For This Course
55 Lectures
03:08:48
+
Introduction
4 Lectures 14:04
+
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
3 More Sections
About the Instructor
QScutter Tutorials
3.1 Average rating
614 Reviews
7,302 Students
40 Courses
a place to learn technology

QScutter is a Indian based company that offers an ever growing range of high quality eLearning solutions that teach using studio quality narrated videos backed-up with practical hands-on examples. The emphasis is on teaching real life skills that are essential in today's commercial environment. We provide tutorials for almost all IT topics.