Responsive Layouts with @angular/Flex-Layout – Ekaterina Orlova & Thomas Burleson
AngularConnect is returning to London in 2018. Learn more: https://angularconnect.com
Video sponsored by Rangle.io (https://rangle.io)
Regardless of the power of the Angular platform, developers always struggle UI component Layouts. Using Flexbox CSS, the HTML layouts becomes responsive to viewport size changes. HTML containers will auto-adjust their sizes and child elements will auto-adjust positioning and sizes accordingly.
But using Flexbox CSS is hard... and frustrating... and seemingly complex. You have to become a Flexbox CSS expert! Or do you? With @angular/flex-layout, developers have an Angular-native, HTML markup API that makes it super easy to layout their UI components. And the Flex-Layout will generate and apply, under-the-hood, the best FlexBox CSS for your needs.
And the Flex-Layout will generate and apply, under-the-hood, the best FlexBox CSS for your needs. Even better, Flex Layout has a Responsive API that makes it super easy to adapt the UI to different devices.
Hide or show components, change layout directions, change stylings... all super easy with @angular/flex-layout. Come to this presentation to learn more about @angular/flex-layout, how it compares to Angular Material, how it compares to Bootstrap CSS grids. Come to learn why this should be a critical new tool for your Angular developer toolbox.
Видео Responsive Layouts with @angular/Flex-Layout – Ekaterina Orlova & Thomas Burleson канала AngularConnect
Video sponsored by Rangle.io (https://rangle.io)
Regardless of the power of the Angular platform, developers always struggle UI component Layouts. Using Flexbox CSS, the HTML layouts becomes responsive to viewport size changes. HTML containers will auto-adjust their sizes and child elements will auto-adjust positioning and sizes accordingly.
But using Flexbox CSS is hard... and frustrating... and seemingly complex. You have to become a Flexbox CSS expert! Or do you? With @angular/flex-layout, developers have an Angular-native, HTML markup API that makes it super easy to layout their UI components. And the Flex-Layout will generate and apply, under-the-hood, the best FlexBox CSS for your needs.
And the Flex-Layout will generate and apply, under-the-hood, the best FlexBox CSS for your needs. Even better, Flex Layout has a Responsive API that makes it super easy to adapt the UI to different devices.
Hide or show components, change layout directions, change stylings... all super easy with @angular/flex-layout. Come to this presentation to learn more about @angular/flex-layout, how it compares to Angular Material, how it compares to Bootstrap CSS grids. Come to learn why this should be a critical new tool for your Angular developer toolbox.
Видео Responsive Layouts with @angular/Flex-Layout – Ekaterina Orlova & Thomas Burleson канала AngularConnect
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Angular and RxJS by Stephen Fluin](https://i.ytimg.com/vi/aYurQaN3RoE/default.jpg)
![Angular 8 - Flex Layout - Getting started with FxLayout](https://i.ytimg.com/vi/hVdHLrKShh8/default.jpg)
![ngHouston - Angular Flex-Layout w/Thomas Burleson](https://i.ytimg.com/vi/BhHJexXUx1A/default.jpg)
![Building with Ivy: rethinking reactive Angular | Mike Ryan | #AngularConnect 2019](https://i.ytimg.com/vi/rz-rcaGXhGk/default.jpg)
![Architectures for huge Angular based enterprise applications | Manfred Steyer | AngularConnect](https://i.ytimg.com/vi/YU-fMRs-ZYU/default.jpg)
![Handling Angular Forms Without Losing Your Sanity - Jennifer Wadella | NG-DE 2019](https://i.ytimg.com/vi/iqXiic6hE9U/default.jpg)
![Micro-frontends: A microservice approach to the modern web - Ivan Jovanovic, NearForm](https://i.ytimg.com/vi/ftBc8w-lwmY/default.jpg)
![Before NgRx: Superpowers with RxJS + Facades | Thomas Burleson](https://i.ytimg.com/vi/h-F5uYM69a4/default.jpg)
![Manage Your Huge Codebase like a Boss – Jeff Whelpley – AngularConnect 2017](https://i.ytimg.com/vi/oW9AhP8l3aU/default.jpg)
![Building Angular apps with internationalization (i18n) in mind | Naomi Meyer | #AngularConnect](https://i.ytimg.com/vi/cUDUqqOtBvM/default.jpg)
![Cross Site Request Funkery Securing Your Angular Apps From Evil Doers | Dave Smith](https://i.ytimg.com/vi/9inczw6qtpY/default.jpg)
![Flexbox CSS3 в одном видео за 20 минут!](https://i.ytimg.com/vi/38bMnJ2l4bg/default.jpg)
![Reducing the Boilerplate with NgRx - Brandon Roberts & Mike Ryan](https://i.ytimg.com/vi/t3jx0EC-Y3c/default.jpg)
![CSS Flexbox Tutorial for Beginners | Basics & Container | 1/2](https://i.ytimg.com/vi/siKKg8Y_tQY/default.jpg)
![The Theory of Angular Ivy | Alex Rickabaugh | AngularConnect 2018](https://i.ytimg.com/vi/isb5Ef6yI48/default.jpg)
![Profiling Angular apps like a Shark | Gil Fink | #AngularConnect](https://i.ytimg.com/vi/4RzpYxurU88/default.jpg)
![Flexbox CSS In 20 Minutes](https://i.ytimg.com/vi/JJSoEo8JSnc/default.jpg)
![Angular - Reusable Layout Templates Using Angular Routing and Flex-layout Flexbox](https://i.ytimg.com/vi/U4ftsqSt81w/default.jpg)
![Angular Material or Bootstrap? Stop asking the question! - Amadou Sall | NG-DE 2019](https://i.ytimg.com/vi/6MgOHuxz2Ow/default.jpg)
![🔑 JWT Authorization | Angular Router Guards | Token Refresh](https://i.ytimg.com/vi/F1GUjHPpCLA/default.jpg)