Responsive Design with NEW Materialize
3.9 (95 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.
13,078 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Responsive Design with NEW Materialize to your Wishlist.

Add to Wishlist

Responsive Design with NEW Materialize

Mobile First Responsive Design - Learn to create a custom Responsive Web Site within minutes with Materialize Framework
3.9 (95 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.
13,078 students enrolled
Created by Laurence Svekis
Last updated 1/2016
English
Current price: Free Original price: $75 Discount: 100% off
30-Day Money-Back Guarantee
Includes:
  • 1 hour on-demand video
  • 6 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I 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
View Curriculum
Requirements
  • PC or Mac
  • HTML understanding
  • CSS understanding
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.

Who is the target audience?
  • Ideal for web developers
  • Web Designers and Developers
  • Mobile first Designers
  • Anyone who wants to create amazing responsive website
Curriculum For This Course
36 Lectures
01:23:54
+
Introduction to Materialize
8 Lectures 11:38

Course Tips and News
6 pages

Resources Downloads
3 pages



How to Get Materialize
02:37

Materialize is a modern responsive front-end framework based on Material Design

What is Materialize and Material Design
01:56

Materialize vs Bootstrap compare
02:34
+
Working with Materialize
6 Lectures 15:56
Challenege section instructions
01:02

Challenge Site Changes Color
02:34

Challenge Update Change Icons
03:22

Challenge Add new Column
02:59

Challenge image popup windows
02:50

Challenege make it a button
03:09
+
Getting started with Materialize CSS
9 Lectures 12:54



Float Align
02:28

Hide
00:52

Helpers animations and truncated text
00:48

Media Picture Videos made responsive HTML5 Player
01:14

Depth shadows zindex on everything
01:15

Materialize Cheat Sheet CSS
2 pages

Quiz Challenge
5 questions
+
Magic of Materialize Components
7 Lectures 19:20
Components Buttons and Badges
03:07

Cards
03:21

Collections
03:14

Amazing Forms
05:42

NavBar
02:40

More components must see
01:16

Materialize Cheat Sheet Components
2 pages

Quiz 2 Components
7 questions
+
Materialize JavaScript
6 Lectures 09:06
Collapsible
01:19

Dialogs
02:13

Media
03:03

modals
01:10

scrollFire
01:21

Course Tips
2 pages
About the Instructor
Laurence Svekis
4.2 Average rating
13,275 Reviews
297,751 Students
185 Courses
Instructor, 18+yrs Web Experience

I'm here to help you learnachieve your dreams, come join me on this amazing adventure today

Innovative technology expert with a wide range of real world experience. Providing Smart digital solutions online for both small and enterprise level businesses.

"I have a passion for anything digital technology related, enjoy programming and the challenge of developing successful digital experiences. As an experienced developer, I created my first computer applications in 1990, and my first website in 1998.  I enjoy sharing my knowledge with others and want to help you share in the wonderful opportunities that the internet provides."

"Learning, understanding with a strong passion for education.  The internet has provided us with new opportunities to expand and share knowledge."

Want to learn more about becoming a web developer, do you want to experience the freedom that technology provides for us? Learn how to bring amazing things to life online.  Technology connects us all in many ways.  It opens up doors to those who embrace it and learn how to make those connections real.

"My courses are designed to help you achieve your goals, learn and update skills"

Background : An experienced web application developer, having worked on multiple enterprise level applications, hundreds of websites, business solutions and many unique and innovative web applications.  Web application development areas of expertise include HTML, CSS, JavaScript, JQuery, Bootstrap, PHP and MySQL. Anything to do with web creation and digital experience. Passionate about everything to do with web application development, programming to online marketing with a strong focus on social media and SEO

"Understanding technology provides a means to better connect with users.  It also opens so many doors.   Knowledge is the key to success and I want to help you experience what technology has to offer. I'm passionate about web technologies, and look forward to sharing my knowledge and experience with you!"