Angular 2+: Angular Styling and Animations

1m 21s 1. Module Introduction 1m 57s 2. Adding Application-wide Styles 5m 50s 3. Let's Practice Application-wide Styles 4m 30s 4. Adding CSS Frameworks or External Styles to Your App 2m 58s 5. How to Add Global Styles in a CLI Project 3m 11s 6. How to use NPM to install CSS Frameworks 1m 9s 7. Understanding Component-scoped Styles 3m 1s 8. Using Component-Scoped Styles 1m 41s 9. Using Inline Styles in Components 2m 11s 10. Using 'style' Tags in Component Templates 6m 12s 11. The Theory Behind Angular's View Encapsulation 3m 3s 12. How Angular Emulates the Shadow DOM 1m 57s 13. Changing the View Encapsulation Behavior 3m 25s 14. Using the Native Shadow DOM 1m 49s 15. How to Turn Off View Encapsulation 3m 53s 16. Special CSS Selectors: :host 1m 46s 17. Using the Function Form of :host 2m 9s 18. Styling Components by Using their Selector 4m 36s 19. Special CSS Selectors: :host-context 3m 58s 20. Special CSS Selectors: /deep/ 2m 2s 21. Understanding ngClass Syntax 3m 42s 22. Using ngClass to Add CSS Classes Dynamically 2m 1s 23. Understanding ngStyle Syntax 2m 40s 24. Using ngStyle to Dynamically Adjust CSS Styles 7m 4s 25. Using the Angular Renderer to Adjust CSS Styles 3m 36s 26. Project: Introduction to the Course Project 2m 54s 27. Project: Adding Bootstrap Styling (CSS Framework) 2m 39s 28. Project: Planning the Next Steps 1m 37s 29. Project: Adding Margin (Component-scoped) 4m 18s 30. Project: Styling Items in A List 4m 47s 31. Project: Dynamically Mark Items 1m 51s 32. Project: Challenge - Style Status Changes 3m 25s 33. Project: Let's Style Status Labels 3m 45s 34. Project: Styling Inactive Items & Finishing Touches

1m 1. Module Introduction 1m 45s 2. Understanding the CSS Transition Property 3m 40s 3. Using the Transition Property to Add Transitions 3m 10s 4. Configuring Multiple Transitions 2m 19s 5. Understanding the CSS Animation Property 7m 15s 6. Using the Animation Property to Add Animations 1m 30s 7. Project: Your Challenge! 4m 41s 8. Project: Implementing an Animated Loading Bar 1m 54s 9. Project: Transitioning Border Colors 2m 27s 10. Project: Animating the Selection ("marked") of List Items 4m 24s 11. Transitions vs Animations vs Angular Animations

1m 8s 1. Module Introduction 4m 5s 2. How Animations work in Angular 3m 42s 3. Browser Support & Polyfills 1m 50s 4. Unlocking Animations with the Right Module 7m 49s 5. Getting Started with Triggers and States 2m 47s 6. Assigning Triggers to Elements in the Template 3m 45s 7. Switching Trigger States Dynamically 5m 57s 8. Adding Transitions between States 2m 3s 9. Using Multiple Transitions 3m 41s 10. Build more Complex Triggers with More States 2m 35s 11. Configuring Elegant Transitions When Using Many States 2m 22s 12. Understand the Re-Usability of Triggers 6m 41s 13. Using Multiple Triggers 6m 7s 14. Creating Multi-Step Transitions 3m 8s 15. Multi-Step Transitions and Temporary Styles 4m 36s 16. Styling States and Animations Correctly 3m 34s 17. CSS Animations vs Angular Animations 3m 5s 18. Outsourcing Animations 2m 55s 19. Project: Your Challenge! 1m 58s 20. Project: Setting Up Animations 5m 43s 21. Project: Adding Triggers and States 2m 15s 22. Project: Adding Transitions 2m 22s 23. Project: Using Multi-Step Transitions 2m 23s 24. Project: Cleaning Up Some CSS 2m 19s 25. Project: Using Temporary Styles in Transitions

54s 1. Module Introduction 5m 51s 2. Animations We Can't Create As Of Now 3m 19s 3. Using the "void" State in Transitions 3m 52s 4. Using the "*" Wildcard State in Transitions 7m 3s 5. Using Dynamic Dimensionial Properties 3m 51s 6. Animating Lists 5m 25s 7. Using Animation Groups for Parallel Animations 6m 16s 8. Understanding Timing Functions (ease-in etc) 8m 24s 9. Control Everything with Animation Keyframes 4m 43s 10. Multi-Step Transitions vs Animation Groups vs Keyframes 4m 37s 11. Reacting to Animation Events 1m 24s 12. A First Summary 1m 45s 13. Project: Next Steps & Your Challenge 5m 33s 14. Project: Adding a Basic List Animation 5m 17s 15. Project: Creating a Better List Animation with Keyframes 6m 14s 16. Project: Creating a Staggered List 4m 51s 17. Project: Sliding Things Around 5m 28s 18. Project: Sliding List Items Around 3m 27s 19. Project: Synchronizing Animations 7m 24s 20. Project: Animating a Button depending on Form Validity 2m 27s 21. How to Animate Routing 9m 32s 22. Project: Creating a Basic Route Animation (Fade-in-out) 4m 24s 23. Project: Getting Fancy: A Slide-down Route Animation 1m 9s 24. Project Wrap Up

2m 25s 1. Module Introduction 6m 20s 2. Using the new query() Method 2m 40s 3. More on query() 5m 35s 4. Special Selectors for query() 1m 45s 5. query() Options 2m 5s 6. Combining query() Selectors 6m 40s 7. Adding Query to the Course Project 41s 8. Fixing a Small Bug with query() and the Course Project 8m 11s 9. Easy Staggering Animations with stagger() 4m 23s 10. Creating Re-Usable Animations 4m 44s 11. Creating and Running Animations Programmatically 10m 43s 12. Improved Route Animations 1m 45s 13. An Issue with Route Animations 39s 14. Wrap Up