Урок 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