Learn to build websites and Cordova apps using Google Material Design Lite. Master universal design principles and create stunning visual experiences from scratch.
This course teaches you how to design cool websites and hybrid apps from the ground up using Google's Material Design. Get ready to build a portfolio site and learn to bring it to life on Cordova—it's easier than you think!
Building a Website and Cordova APP using Google Material Design Lite Framework
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.
Design Websites using Material Design Lite
Design Cordova APPs using Material Design Lite
4 Lectures
2 Lectures
3 Lectures
7 Lectures
4 Lectures
4 Lectures
6 Lectures
2 Lectures
8 Lectures
6 Lectures
2 Lectures
2 Lectures
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.
With this course, you will walk through building a fairly decent website. You'll leave with a pretty good understanding of the topic. I could see what the instructor was doing and got a better understanding by following along with the website:
websitehttps://getmdl.io/components/index.html
Full source code for the project is provided at the bottom of the course.
Awesome course. Thanks!
Excellent thank you
Really, amazing course, and instructor :)
I got a lot of information about Material Design :)
A little hard to understand, and seems to be brushing over alot of the concepts.
Much repetition. Does not explain the Google material design principles. Instead, just mentioning class name usage, without explanation how those classes interact.
I would like to know, why class names are grouped by '--' dash dash and '__' underscores. So I can guess / predict class names.
I like references to external sites for more details. Where can I read more info on 'mdl-card' for example. Or MDL, etc.
I was triggered to this course of the Cordova aspect, which was very basic. I try to follow the steps to use Cordova, but it failed because I didn't have Android SDK.
The course has potential, but need to grow.
The tutorial was good! Some of the code did not quite work out when I was following it but, since there was a download of the full site at the end of the tutorial, I was able to debug and get it working.
It is a basic MDL course. Before taking this class, have a little knowledge of JavaScript and CSS. Then, it will help you to complete the course. Overall, it is a good class.
Your email address will not be published. Required fields are marked *
Kimberly W.
When javascript entered the picture, I became confused. There's nowhere to download the .js file that the instructor created. I went to the end of the course to download the source files and it would not give me access to the google drive.
Very disappointed, I am not sure I can continue since the javascript is essential to the navigation. I will try to get a magnifying glass to see the code on the screen and re-type it in my .js file.
:(