Responsive Design with NEW Materialize

Mobile First Responsive Design - Learn to create a custom Responsive Web Site within minutes with Materialize Framework
Rating: 3.9 out of 5 (136 ratings)
17,788 students
Responsive Design with NEW Materialize
Rating: 3.9 out of 5 (136 ratings)
17,788 students
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

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 this course is for:
  • Ideal for web developers
  • Web Designers and Developers
  • Mobile first Designers
  • Anyone who wants to create amazing responsive website
Course content
6 sections • 37 lectures • 1h 25m total length
  • Course Intro
    01:18
  • Course Tips and News
    6 pages
  • Resources Downloads
    3 pages
  • What this course is about
    01:46
  • course system setup
    01:27
  • How to Get Materialize
    02:37
  • What is Materialize and Material Design
    01:56
  • Materialize vs Bootstrap compare
    02:34
  • 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
  • Flow Text Responsive Text
    01:11
  • working with colors and color palettes background color
    01:33
  • Grid Pattern
    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
  • 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
  • Collapsible
    01:19
  • Dialogs
    02:13
  • Media
    03:03
  • modals
    01:10
  • scrollFire
    01:21
  • Course Tips
    2 pages
  • Bonus Lecture
    01:13

Instructor
Instructor, GDE, Application Developer
Laurence Svekis
  • 4.3 Instructor Rating
  • 37,149 Reviews
  • 642,914 Students
  • 356 Courses

I'm here to help you learnachieve your dreams, come join me on this amazing adventure today
Google Developers Expert - GSuite

Providing Web development courses and digital marketing strategy courses since 2002.

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!"