Udemy – Responsive Design with NEW Google Materialize

WEBRip | MP4/AVC, ~497 kb/s | 1280 x 720 | English: AAC, 58.7 kb/s (2 ch), 44.1 KHz | 311 MB

Genre: Web Development | Language: English | +Project Files

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

What are the requirements?

PC or Mac

HTML understanding

CSS understanding

What am I going to get from this course?

Over 36 lectures and 1.5 hours of content!

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

Curriculum

Section 1: Introduction to Materialize

Lecture 1 Course Intro 01:18

Lecture 2 Course Tips and News 6 slides

Lecture 3 Resources Downloads 3 pages

Lecture 4 What this course is about 01:46

Lecture 5 course system setup 01:27

Lecture 6 How to Get Materialize 02:37

Lecture 7 What is Materialize and Material Design 01:56

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

Lecture 8 Materialize vs Bootstrap compare 02:34

Section 2: Working with Materialize

Lecture 9 Challenege section instructions 01:02

Lecture 10 Challenge Site Changes Color 02:34

Lecture 11 Challenge Update Change Icons 03:22

Lecture 12 Challenge Add new Column 02:59

Lecture 13 Challenege image popup windows 02:50

Lecture 14 Challenege make it a button 03:09

Section 3: Getting started with Materialize CSS

Lecture 15 Flow Text Responsive Text 01:11

Lecture 16 working with colors and color palettes background color 01:33

Lecture 17 Grid Pattern 03:33

Lecture 18 Float Align 02:28

Lecture 19 Hide 00:52

Lecture 20 Helpers animations and truncated text 00:48

Lecture 21 Media Picture Videos made responsive HTML5 Player 01:14

Lecture 22 Depth shadows zindex on everything 01:15

Lecture 23 Materialize Cheat Sheet CSS 2 pages

Quiz 1 Quiz Challenge 5 questions

Section 4: Magic of Materialize Components

Lecture 24 Components Buttons and Badges 03:07

Lecture 25 Cards 03:21

Lecture 26 Collections 03:14

Lecture 27 Amazing Forms 05:42

Lecture 28 NavBar 02:40

Lecture 29 More components must see 01:16

Lecture 30 Materialize Cheat Sheet Components 2 pages

Quiz 2 Quiz 2 Components 7 questions

Section 5: Materialize JavaScript

Lecture 31 Collapsible 01:19

Lecture 32 Dialogs 02:13

Lecture 33 Media 03:03

Lecture 34 modals 01:10

Lecture 35 scrollFire 01:21

Lecture 36 Course Tips 2 slides