Angular CDK - Layout tutorial (BreakpointsObserver & Platform/Browser detection) [Angular 10, 2020]

Описание: Hello guys! Welcome to the Layout tutorial which is a part of Angular CDK.
How often do you need to fix some bug for some specific platform or browser (Hello Internet Explorer) or how to implement some specific logic if user utilises a device with some specific screen size? I come across such tasks quite often I was reinventing the wheel and build my own solutions. But back then I noticed that Angular Team has solved this issues quite long time ago and provided some helper services within Angular Material CDK. In this tutorial we will learn how to use Platform service to detect which browser is being used and BreakpointObserver which allows you easily detect what the size of user's browser window.

📣 Become a Pro in Angular Material Theming (Advanced Workshop) 📣
https://bit.ly/angular-material-themi...
✅ Use 10%-off coupon code: YOUTUBE_DISCOUNT (Only 2 coupons left)

📣 Blazing fast GraphQL Backend just in 1 Day with Hasura Engine 📣
https://bit.ly/complete-hasura-course
✅ 20%-off coupon code: HASURA-EASY-START

🕒 Time codes:
00:00:00 - Intro
0:00:45 - Platform/Browser detection
0:03:22 - Breakpoints observer
0:11:15 - Predefined breakpoints and values in pixels

I'm using an Angular App which I created in my previous video "Angular Material CDK - Overlay Module.
✅ You can check this video out here:    • Angular Material CDK - Overlay Module Pt.1...  
-
Subscribe to my channel if you find my videos useful!
Thank you and enjoy watching :)
-
Link to source code:
https://github.com/mezhik91/angular-c...