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:
https://material.angular.io/
Material 2 extended examples:
https://github.com/angular/material2/...
Angular flex-layout:
https://github.com/angular/flex-layou...
Code Snippets used during the talk:
https://github.com/Nehal90/CodeSnippets
Watch video AngularNYC - Angular Material & Flex-Layout - Nehal Ahmed - 07/25/2017 online without registration, duration hours minute second in high quality. This video was added by user AngularNYC 04 August 2017, don't forget to share it with your friends and acquaintances, it has been viewed on our site 14,499 once and liked it 135 people.