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
02:31 MIN
Discovering CDK community events and resources
Program your infrastructure with CDK and TypeScript
07:34 MIN
Key Angular features for building robust applications
Differential Loading
01:16 MIN
Understanding the core concepts of the Angular framework
Angular Unleashed: Mastering Modern Web Development with Angular
01:24 MIN
The CDK ecosystem extends beyond just AWS
Stop configuring infrastructure, start coding it!
02:14 MIN
Using CDK constructs for high-level abstractions
Program your infrastructure with CDK and TypeScript
00:36 MIN
Introducing the Angular.love developer community
Community Interview: angular.love
04:00 MIN
Resources for learning and using CDK
Stop configuring infrastructure, start coding it!
04:47 MIN
Using web components to abstract framework details
Advanced Micro Frontends: Multi-Version and Multi-Framework Scenarios
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
29:44Building a component library for modern challenges
Filip Rakowski
58:56Angular Unleashed: Mastering Modern Web Development with Angular
Indu Chaube
28:56The Illusion of a Performant Web Application
Cathrin Möller
Related Articles
View all articles
From learning to earning
Jobs that call for the skills explored in this talk.
JO Media Software Solutions GmBh
Brunn am Gebirge, Austria
Senior
CSS
Angular
JavaScript
TypeScript
Speech Processing Solutions
Vienna, Austria
Intermediate
CSS
HTML
JavaScript
TypeScript
BMS Corporate Solutions GmbH
DĂĽsseldorf, Germany
Intermediate
Senior
CSS
HTML
Angular
TypeScript
autoiXpert GmbH & Co. KG
Stuttgart, Germany
Senior
Node.js
Angular
MongoDB
TypeScript
doinstruct Software GmbH
Berlin, Germany
Senior
GIT
JavaScript
TypeScript
