AngularNYC - Angular Material & Flex-Layout - Nehal Ahmed - 07/25/2017

In this talk Nehal givs an overview
of Angular Material and it's Flex-Layout as well as shows several advanced examples using Material API.

COMPLEXITY LEVEL - BEGINNER

CONTENTS

0:05 - Intro

ANGULAR MATERIAL
1:42 - Angular Material overview
2:44 - Beta 8 breaking changes note
4:05 - Importing modules
5:06 - Import styles
5:52 - Styling button example
8:02 - Autocomplete with binging properties

FLEX LAYOUT
9:53 - Advanced API examples from repo
12:39 - Angular Flex layout overview
13:28 - Set up flex layout
13:56 - Flex API
14:46 - ObservableMedia
15:32 - ngShow and ngHide
16:19 - Flex layout example
17:37 - Combined toolbar and navbars example
18:01 - Adaptive tooltip example
19:25 - Adaptive grid list example
21:24 - Question: Browser compatibility
21:38 - Question: Is it based on css flex
21:50 - Question: Advanced styling with shadow DOM

RESOURCES

Angular Material 2:

Material 2 extended examples:

Angular flex-layout:

Code Snippets used during the talk:

[edwardgarson]

Use your keyboard to switch between windows for the win!

[simonfarrugia]

Don't use FlexLayout. Stick to web standards, learn CSS flexbox.