Beginner UI & Angular

on YouTube ↗46m

" summary

Serves up an updated Tour of Heroes demo on localhost and StackBlitz, shows Angular routing, modules, component templates and view encapsulation, and runs ng-new/ng-add CLI commands; converts global styles to SCSS, creates a variables.scss and compares Sass variables vs CSS custom properties (root + var()), and notes Angular dropping IE11 so newer CSS APIs work. Uses Chrome DevTools to restyle cards, squeezes in a live example using the Kendo UI card component, and runs a UI challenge with $25 Amazon gift cards.

AI-written summary · about

" chapters (11)

1. 0:00Introduction and poll
2. 1:04Setup and resources
3. 6:21Angular app overview
4. 8:49Angular modules and components
5. 12:58Sass vs CSS
6. 14:03Adding Sass to Angular
7. 17:56Sass variables vs CSS custom properties
8. 25:43Styling with Chrome DevTools
9. 31:41Variables and spacing
10. 38:18Kendo UI component library demo
11. 45:20Summary and Q&A

" related talks

• 26mUsing Kendo UI to make your Angular App ShineAlyssa Nicoll · EnterpriseNG 2021
• 40mAdvanced UI, Plugins and Components in AngularJSMatias Niemelä · Spotlight: AngularJS 2014
• 26mFinding AngularElana Olson · AngularConnect 2019
• 42mIntroduction to AngularMark Thompson · Google I/O 2022
• 47mDay 1 KeynoteBrad Green, Miško Hevery, Kara Erickson · NGConf 2018
• 48mAn Introduction Into Using Angular’s Material DesignTracy Lee · NDC Sydney 2017
• 01h 01mAngular 2: Getting StartedPhilipp Burgmer · FrOSCon 2016
• 51mAdventures in Angular PodcastJohn Papa, Alyssa Nicoll, Ward Bell, Charles Max Wood, Joe Eames, Lukas Ruebbelke, Shai Reznik · NGConf 2018