Responsive Design with NEW Materialize

Mobile First Responsive Design - Learn to create a custom Responsive Web Site within minutes with Materialize Framework
3.7 (57 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.
10,263 students enrolled
$19
$75
75% off
Take This Course
  • Lectures 36
  • Length 1.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 7/2015 English

Course 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.

What are the requirements?

  • PC or Mac
  • HTML understanding
  • CSS understanding

What am I going to get from this course?

  • 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

What is the target audience?

  • Ideal for web developers
  • Web Designers and Developers
  • Mobile first Designers
  • Anyone who wants to create amazing responsive website

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction to Materialize
Course Intro
Preview
01:18
Course Tips and News
6 pages
Resources Downloads
3 pages
What this course is about
Preview
01:46
course system setup
Preview
01:27
How to Get Materialize
02:37
01:56

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

Materialize vs Bootstrap compare
02:34
Section 2: Working with Materialize
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
Section 3: Getting started with Materialize CSS
Flow Text Responsive Text
Preview
01:11
working with colors and color palettes background color
Preview
01:33
Grid Pattern
Preview
03:33
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
Section 4: Magic of Materialize Components
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
Section 5: Materialize JavaScript
Collapsible
01:19
Dialogs
02:13
Media
03:03
modals
01:10
scrollFire
01:21
Course Tips
2 pages

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Laurence Svekis, 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!"

Ready to start learning?
Take This Course