Muhammad Ahsan Ayaz
Angular <> Angular CDK - Awesomeness Combined
#1about 5 minutes
Understanding Angular as a complete development platform
Angular is a comprehensive platform with a rich ecosystem of tools for building scalable web, mobile, and desktop applications.
#2about 5 minutes
The challenge of choosing a UI library
Using pre-built UI libraries like Bootstrap offers functionality but forces default styles, while building from scratch requires reinventing common components.
#3about 5 minutes
Getting started with the Angular CDK
The Angular CDK provides unstyled, accessible, and high-performance UI behaviors, allowing you to build custom component libraries without the boilerplate.
#4about 6 minutes
Optimizing large lists with virtual scrolling
Use the CDK's virtual scroll to render only the visible items in a list, significantly improving performance by reducing the number of DOM elements.
#5about 3 minutes
Implementing drag and drop for lists
The CDK's drag and drop module simplifies creating interactive lists where users can reorder items or move them between containers.
#6about 3 minutes
Adding keyboard navigation with ListKeyManager
Improve accessibility by using the ListKeyManager to easily add keyboard navigation and focus management to custom list components.
#7about 3 minutes
Building multi-step wizards with the stepper API
The CDK Stepper API allows you to break down complex forms or processes into a simple, guided, multi-step wizard experience.
#8about 5 minutes
Building dynamic popovers with the overlay API
The CDK Overlay API provides a powerful way to render floating panels like dialogs and tooltips with intelligent, dynamic positioning.
#9about 2 minutes
Handling responsive item sizes in virtual scroll
When using virtual scroll with responsive items, provide a consistent or maximum item size to ensure the CDK renders a sufficient buffer of elements.
Related jobs
Jobs that call for the skills explored in this talk.
Matching moments
04:56 MIN
Key Angular features for building robust applications
Differential Loading
04:37 MIN
Understanding the core concepts of the Angular framework
Angular Unleashed: Mastering Modern Web Development with Angular
10:24 MIN
The CDK ecosystem extends beyond just AWS
Stop configuring infrastructure, start coding it!
00:17 MIN
Introducing the Angular.love developer community
Community Interview: angular.love
33:41 MIN
Resources for learning and using CDK
Stop configuring infrastructure, start coding it!
00:38 MIN
Understanding Angular's foundation and role at Google
State of Angular
02:40 MIN
How Angular collaborates with other Google teams
State of Angular
15:24 MIN
Understanding the power of CDK constructs
Stop configuring infrastructure, start coding it!
Featured Partners
Related Videos
29:11Angular Magical directives
Valentine Awe
36:22Angular Features You Should be Using
Sani Yusuf
41:34State of Angular
Jessica Janiuk
41:54Extending HTML with Web Components
Rowdy Rabouw
50:28Angular tips/tricks you can use from tomorrow on
Benedikt Starzengruber
58:56Angular Unleashed: Mastering Modern Web Development with Angular
Indu Chaube
25:22Building Interactive Async UI with React 19 and Ariakit
Aurora Scharff
29:44Building a component library for modern challenges
Filip Rakowski
From learning to earning
Jobs that call for the skills explored in this talk.
C# / ASP.Net Fullstack Entwickler mit Angular und KI Kenntnissen
auteega GmbH
Intermediate
Azure
DevOps
Docker
ASP.NET
Angular
+2
C# / ASP.Net Fullstack Entwickler mit Angular und KI Kenntnissen
auteega GmbH
Intermediate
Azure
DevOps
Docker
ASP.NET
Angular
+2