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

Опубликовано: 04 Август 2017
на канале: AngularNYC

14,499

135

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

Смотрите видео AngularNYC - Angular Material & Flex-Layout - Nehal Ahmed - 07/25/2017 онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь AngularNYC 04 Август 2017, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 14,49 раз и оно понравилось 13 людям.

2,61