• Урок 1. 00:02:12
    Introduction
  • Урок 2. 00:02:56
    Understanding the Prerequisites
  • Урок 3. 00:03:46
    Creating a Project Course Setup
  • Урок 4. 00:09:38
    Our First Project
  • Урок 5. 00:01:48
    Course Structure
  • Урок 6. 00:01:50
    How to get the Most out of this Course
  • Урок 7. 00:01:21
    Module Introduction
  • Урок 8. 00:01:57
    Adding Application-wide Styles
  • Урок 9. 00:05:50
    Lets Practice Application-wide Styles
  • Урок 10. 00:04:30
    Adding CSS Frameworks or External Styles to Your App
  • Урок 11. 00:02:58
    How to Add Global Styles in a CLI Project
  • Урок 12. 00:03:11
    How to use NPM to install CSS Frameworks
  • Урок 13. 00:01:09
    Understanding Component-scoped Styles
  • Урок 14. 00:03:01
    Using Component-Scoped Styles
  • Урок 15. 00:01:41
    Using Inline Styles in Components
  • Урок 16. 00:02:11
    Using style Tags in Component Templates
  • Урок 17. 00:06:12
    The Theory Behind Angulars View Encapsulation
  • Урок 18. 00:03:03
    How Angular Emulates the Shadow DOM
  • Урок 19. 00:01:57
    Changing the View Encapsulation Behavior
  • Урок 20. 00:03:25
    Using the Native Shadow DOM
  • Урок 21. 00:01:49
    How to Turn Off View Encapsulation
  • Урок 22. 00:03:53
    Special CSS Selectors host
  • Урок 23. 00:01:46
    Using the Function Form of host
  • Урок 24. 00:02:09
    Styling Components by Using their Selector
  • Урок 25. 00:04:36
    Special CSS Selectors host-context
  • Урок 26. 00:03:58
    Special CSS Selectors deep
  • Урок 27. 00:02:02
    Understanding ngClass Syntax
  • Урок 28. 00:03:42
    Using ngClass to Add CSS Classes Dynamically
  • Урок 29. 00:02:01
    Understanding ngStyle Syntax
  • Урок 30. 00:02:40
    Using ngStyle to Dynamically Adjust CSS Styles
  • Урок 31. 00:07:04
    Using the Angular Renderer to Adjust CSS Styles
  • Урок 32. 00:03:36
    Project Introduction to the Course Project
  • Урок 33. 00:02:54
    Project Adding Bootstrap Styling CSS Framework
  • Урок 34. 00:02:39
    Project Planning the Next Steps
  • Урок 35. 00:01:37
    Project Adding Margin Component-scoped
  • Урок 36. 00:04:18
    Project Styling Items in A List
  • Урок 37. 00:04:47
    Project Dynamically Mark Items
  • Урок 38. 00:01:51
    Project Challenge - Style Status Changes
  • Урок 39. 00:03:25
    Project Lets Style Status Labels
  • Урок 40. 00:03:45
    Project Styling Inactive Items Finishing Touches
  • Урок 41. 00:01:00
    Module Introduction
  • Урок 42. 00:01:45
    Understanding the CSS Transition Property
  • Урок 43. 00:03:40
    Using the Transition Property to Add Transitions
  • Урок 44. 00:03:10
    Configuring Multiple Transitions
  • Урок 45. 00:02:19
    Understanding the CSS Animation Property
  • Урок 46. 00:07:15
    Using the Animation Property to Add Animations
  • Урок 47. 00:01:30
    Project Your Challenge
  • Урок 48. 00:04:41
    Project Implementing an Animated Loading Bar
  • Урок 49. 00:01:54
    Project Transitioning Border Colors
  • Урок 50. 00:02:27
    Project Animating the Selection marked of List Items
  • Урок 51. 00:04:24
    Transitions vs Animations vs Angular Animations
  • Урок 52. 00:01:08
    Module Introduction
  • Урок 53. 00:04:05
    How Animations work in Angular
  • Урок 54. 00:03:42
    Browser Support Polyfills
  • Урок 55. 00:01:50
    Unlocking Animations with the Right Module
  • Урок 56. 00:07:48
    Getting Started with Triggers and States
  • Урок 57. 00:02:47
    Assigning Triggers to Elements in the Template
  • Урок 58. 00:03:45
    Switching Trigger States Dynamically
  • Урок 59. 00:05:57
    Adding Transitions between States
  • Урок 60. 00:02:03
    Using Multiple Transitions
  • Урок 61. 00:03:41
    Build more Complex Triggers with More States
  • Урок 62. 00:02:35
    Configuring Elegant Transitions When Using Many States
  • Урок 63. 00:02:22
    Understand the Re-Usability of Triggers
  • Урок 64. 00:06:41
    Using Multiple Triggers
  • Урок 65. 00:06:07
    Creating Multi-Step Transitions
  • Урок 66. 00:03:08
    Multi-Step Transitions and Temporary Styles
  • Урок 67. 00:04:36
    Styling States and Animations Correctly
  • Урок 68. 00:03:33
    CSS Animations vs Angular Animations
  • Урок 69. 00:03:05
    Outsourcing Animations
  • Урок 70. 00:02:55
    Project Your Challenge
  • Урок 71. 00:01:58
    Project Setting Up Animations
  • Урок 72. 00:05:43
    Project Adding Triggers and States
  • Урок 73. 00:02:15
    Project Adding Transitions
  • Урок 74. 00:02:22
    Project Using Multi-Step Transitions
  • Урок 75. 00:02:23
    Project Cleaning Up Some CSS
  • Урок 76. 00:02:19
    Project Using Temporary Styles in Transitions
  • Урок 77. 00:01:24
    Module Introduction
  • Урок 78. 00:05:51
    Animations We Cant Create As Of Now
  • Урок 79. 00:03:19
    Using the void State in Transitions
  • Урок 80. 00:03:52
    Using the Wildcard State in Transitions
  • Урок 81. 00:07:03
    Using Dynamic Dimensionial Properties
  • Урок 82. 00:03:51
    Animating Lists
  • Урок 83. 00:05:25
    Using Animation Groups for Parallel Animations
  • Урок 84. 00:06:16
    Understanding Timing Functions ease-in etc
  • Урок 85. 00:08:24
    Control Everything with Animation Keyframes
  • Урок 86. 00:04:43
    Multi-Step Transitions vs Animation Groups vs Keyframes
  • Урок 87. 00:04:36
    Reacting to Animation Events
  • Урок 88. 00:00:54
    A First Summary
  • Урок 89. 00:01:45
    Project Next Steps Your Challenge
  • Урок 90. 00:05:33
    Project Adding a Basic List Animation
  • Урок 91. 00:05:17
    Project Creating a Better List Animation with Keyframes
  • Урок 92. 00:06:14
    Project Creating a Staggered List
  • Урок 93. 00:04:51
    Project Sliding Things Around
  • Урок 94. 00:05:28
    Project Sliding List Items Around
  • Урок 95. 00:03:27
    Project Synchronizing Animations
  • Урок 96. 00:07:24
    Project Animating a Button depending on Form Validity
  • Урок 97. 00:02:27
    How to Animate Routing
  • Урок 98. 00:09:32
    Project Creating a Basic Route Animation Fade-in-out
  • Урок 99. 00:04:24
    Project Getting Fancy A Slide-down Route Animation
  • Урок 100. 00:01:09
    Project Wrap Up
  • Урок 101. 00:01:29
    Course Roundup
Этот материал находится в платной подписке. Оформи премиум подписку и смотри Styling & Animations (for Angular 2 and Angular 4) (Ангельский), а также все другие курсы, прямо сейчас!
Премиум