Using Kendo UI to make your Angular App Shine

on YouTube ↗26m

" summary

Demo applies the ng add layout package to a Tour of Heroes Angular app, replaces handcrafted markup with a Kendo UI card, and wires the avatar to hero IDs (string-cast) so initials render. Over 100 Kendo components are available but only layout is installed. Styling is layered with SASS variables and mixins, enabling a brand theme and toggleable dark mode; cards flex-wrap, maintain delete functionality, and the rebuilt UI compiles and runs successfully.

AI-written summary · about

" chapters (8)

1. 0:00Start
2. 6:47Implement a Card from a Component Library
3. 7:38Install the Layout
4. 7:50Getting Started
5. 9:17Building Blocks
6. 13:47Kendo Avatar
7. 18:06Custom Styles
8. 20:16Sas Variables

" related talks

• 46mBeginner UI & AngularAlyssa Nicoll · Connect.Tech 2021
• 04mProgress Sponsor TalkCarl Bergenham · AngularConnect 2019
• 38mA Deep Dive into Kendo UIJohn Bristowe · ComponentsConf 2019
• 13mIntroduction to Kendo UI Core - Open Source JavaScript UI FrameworkLohith GN · JSFoo 2014
• 46mMaterial Design in practice with AngularJSDaniel Zen · Spotlight Front-End 2014
• 40mAdvanced UI, Plugins and Components in AngularJSMatias Niemelä · Spotlight: AngularJS 2014
• 48mAn Introduction Into Using Angular’s Material DesignTracy Lee · NDC Sydney 2017
• 34mAngular Material 2: Reward your app with high-quality UI in minutesMaxim Salnikov · Angular Camp 2016