Responsive Design with NEW Materialize

Mobile First Responsive Design - Learn to create a custom Responsive Web Site within minutes with Materialize Framework

4.00 (163 reviews)
Udemy
platform
English
language
Web Development
category
instructor
22,699
students
1.5 hours
content
Nov 2019
last update
FREE
regular price

What you will learn

How to implement Materialize in existing web sites

Ideal for web developers

How to implement Materialize in existing web sites

Common Materialize components

Learn the fundamentals of Materialize

Description

Materialize is the NEW EVOLUTION of Responsive Design MOBILE FIRST THINKING

A modern responsive front-end framework based on Material Design. Incredibly easy to use, BETTER than Twitter Bootstrap. Materialize has thought of everything. The design and development approach is made extremely user friendly. Take advantage of what Google has to offer. Download this open source framework for yourself and see how easy it is to use.

In this course we will teach you

  • Forms will blow your mind - what you always wanted to do
  • More navigation options that bootstrap
  • media options and components have never been easier and more mobile friendly
  • Modals are even easier to apply with more options
  • easy to add classes that bring your site to life

Benefits of using Materialize

  • Speeds up development
  • User Experience Focused
  • Easy to work with

Create RESPONSIVE WEBSITES in minutes.

Don't waste time when all the heavy lifting is done for you.

Utilizing elements and principles of Material Design.

Additionally, a single underlying responsive system across all platforms allow for a more unified user experience.

After completion of this course you will have the skills needed to make FULLY RESPONSIVE WEBSITES.

This course will teach you to create AWESOME Mobile first FULLY responsive websites in minutes using the Materialize open source framework from Google.

Material Design by Google is the latest and most powerful CSS JS framework. Better than the super popular Twitter Bootstrap. Much like Bootstrap it is grid based but Materialize has a lot of functionality that Bootstrap is lacking. Yes, once you work with Materialize you won't go back to Bootstrap. Its that good!!!!

Designed totally with mobile in mind, it has built in swipe functionality, modals, responsive images and incredible form functionality.

Text is responsive, truncate text, and much more.

upon completion of this course you will be able to create a responsive website, using this framework is easy. STOP wasting time with styling, use a well thought out framework that will seem like magic.

Its not magic, its Materialize that brings websites to life like nothing before.

Content

Introduction to Materialize

Course Intro
Course Tips and News
Resources Downloads
What this course is about
course system setup
How to Get Materialize
What is Materialize and Material Design
Materialize vs Bootstrap compare

Working with Materialize

Challenege section instructions
Challenge Site Changes Color
Challenge Update Change Icons
Challenge Add new Column
Challenge image popup windows
Challenege make it a button

Getting started with Materialize CSS

Flow Text Responsive Text
working with colors and color palettes background color
Grid Pattern
Float Align
Hide
Helpers animations and truncated text
Media Picture Videos made responsive HTML5 Player
Depth shadows zindex on everything
Materialize Cheat Sheet CSS
Quiz Challenge

Magic of Materialize Components

Components Buttons and Badges
Cards
Collections
Amazing Forms
NavBar
More components must see
Materialize Cheat Sheet Components
Quiz 2 Components

Materialize JavaScript

Collapsible
Dialogs
Media
modals
scrollFire
Course Tips

Bonus Section

Bonus Lecture

Screenshots

Responsive Design with NEW Materialize - Screenshot_01Responsive Design with NEW Materialize - Screenshot_02Responsive Design with NEW Materialize - Screenshot_03Responsive Design with NEW Materialize - Screenshot_04

Reviews

Bassim
January 10, 2023
A bit outdated! MaterializeCSS itself is largely abandoned since 2020. Only a handful of contributors are still working on it. However, it was a good watch, to get an idea. thank you!
Val
June 10, 2020
Pretty basic information. About the same as the Materialize documentation but it was nice to see it presented running through a few examples. Good course for someone just getting into Materialize. Needs some exercises on how to take it further.
Dennis
March 23, 2019
So far it looks like it will be very practical and it is not overly long so hopefully will get me up and going so I can change my existing website with Materialize
Nicky
March 17, 2018
This is a great course to learn Materialize. This shows you really every part of it. My background in Bootstrap makes this course also very easy to understand. And Laurence shows everything step by step making it clear what to do and why. I would recommend this course to get a solid foundation in Materialize and it really cuts your learning time in half. Great job!
Fidel
June 15, 2017
Thank you for a nice intro to this topic. It was a quick, no frills intro. Nicely done. One thing: there are audio gaps throughout which makes it annoying and I think leaves out important info.
Holly
March 25, 2017
Very good detail information provided that gives you in-depth knowledge of what you are doing and why you are doing it.
Polo
January 20, 2017
So far there is only one thing that have been useful and that's the comparison between bootstrap and materialise. I guess most people who take this course have some knowledge of programming. I think all these could be compressed into one shorter chapter. Besides the start and stop of audio is a bit annoying.
Clive
August 11, 2016
I give up with this "tutor"... I have taken a few of his courses, sound quality on all of them is at best choppy. He's speaking and sentences are cut off, there's a second or two of silence and then it restarts in the middle of a word. I don't have this problem with any of the other courses on Udemy. This is also the first course on a frame-work where we don't build a site. We are not shown HOW to use it. The closest we get is in the second section. Before we are shown how Materialize is organized, there are a series of "challenges" to change a "default page" appearance. The supplied template (in a pdf) has already had all the mods applied!!! The following "lessons" go over some of the features very sparsly - some of the "lessons" are less then 60seconds. It felt very much that this was the first time he had seen Materialize, terms were not explained. For example what is a Badge, a Card etc and WHEN do you use each one? I was interested in using Materialize, after taking this course, not so much. Do yourself a favour, save your money and go to the Materialize website or google "mateialize tutorial" if you want to learn in context how to use Materialize.
Adrianne
April 4, 2016
Very straightforward and informative. I already started building a personal fansite using Materialize and I'm loving it so far! Thank you!
Eleanor
March 23, 2016
As a newbie this was a solid intro for me covering alot of the functionality at a really easy to follow pace. The instructor is very clear and uses talks you through many of the features available at length. Would recommend for people who want to be able to make the most out of it. Very good starting point
Shon
February 9, 2016
It was short and to the point. Since I read the documentation before watching this course I didn't take anything away anything newbut this was good reinforcement in the basics
Fabian
August 28, 2015
Thank you very much for this course! Have learned the right things that I need for future web projects!
Sathish
July 25, 2015
There is nothing in this course to learn from the video. I can learn from the documentation itself. Because the video content was very dry instead of making it interesting for user.

Charts

Price

Responsive Design with NEW Materialize - Price chart

Rating

Responsive Design with NEW Materialize - Ratings chart

Enrollment distribution

Responsive Design with NEW Materialize - Distribution chart
561136
udemy ID
7/22/2015
course created date
1/31/2020
course indexed date
Bot
course submited by