|
|
001-introduction.mp4
|
MP4
|
8.2 MB
|
|
|
002-understanding-the-prerequisites.mp4
|
MP4
|
9.4 MB
|
|
|
003-creating-a-project-course-setup.mp4
|
MP4
|
12.8 MB
|
|
|
004-our-first-project.mp4
|
MP4
|
33.4 MB
|
|
|
005-the-structure-of-this-course.mp4
|
MP4
|
5.7 MB
|
|
|
006-how-to-get-the-most-out-of-this-course.mp4
|
MP4
|
5.5 MB
|
|
|
007-module-introduction.mp4
|
MP4
|
4.6 MB
|
|
|
008-adding-applicationwide-styles.mp4
|
MP4
|
6.3 MB
|
|
|
009-lets-practice-applicationwide-styles.mp4
|
MP4
|
20 MB
|
|
|
010-adding-css-frameworks-or-external-styles-to-your-app.mp4
|
MP4
|
17.6 MB
|
|
|
011-how-to-add-global-styles-in-a-cli-project.mp4
|
MP4
|
10.9 MB
|
|
|
012-how-to-use-npm-to-install-css-frameworks.mp4
|
MP4
|
12.2 MB
|
|
|
013-understanding-componentscoped-styles.mp4
|
MP4
|
3.8 MB
|
|
|
014-using-componentscoped-styles.mp4
|
MP4
|
10.9 MB
|
|
|
015-using-inline-styles-in-components.mp4
|
MP4
|
5.6 MB
|
|
|
016-using-style-tags-in-component-templates.mp4
|
MP4
|
7.9 MB
|
|
|
017-the-theory-behind-angulars-view-encapsulation.mp4
|
MP4
|
20.4 MB
|
|
|
018-how-angular-emulates-the-shadow-dom.mp4
|
MP4
|
11.4 MB
|
|
|
019-changing-the-view-encapsulation-behavior.mp4
|
MP4
|
5.9 MB
|
|
|
020-using-the-native-shadow-dom.mp4
|
MP4
|
12.7 MB
|
|
|
021-how-to-turn-off-view-encapsulation.mp4
|
MP4
|
7 MB
|
|
|
022-special-css-selectors-host.mp4
|
MP4
|
13.8 MB
|
|
|
023-using-the-function-form-of-host.mp4
|
MP4
|
6.3 MB
|
|
|
024-styling-components-by-using-their-selector.mp4
|
MP4
|
7.7 MB
|
|
|
025-special-css-selectors-hostcontext.mp4
|
MP4
|
17.2 MB
|
|
|
026-special-css-selectors-deep.mp4
|
MP4
|
14.8 MB
|
|
|
027-understanding-ngclass-syntax.mp4
|
MP4
|
6.2 MB
|
|
|
028-using-ngclass-to-add-css-classes-dynamically.mp4
|
MP4
|
12.8 MB
|
|
|
029-understanding-ngstyle-syntax.mp4
|
MP4
|
6 MB
|
|
|
030-using-ngstyle-to-dynamically-adjust-css-styles.mp4
|
MP4
|
9.8 MB
|
|
|
031-ngstyle-camelcase-vs-realname.html
|
HTML
|
1.1 KB
|
|
|
032-using-the-angular-renderer-to-adjust-css-styles.mp4
|
MP4
|
24.6 MB
|
|
|
033-project-introduction-to-the-course-project.mp4
|
MP4
|
15 MB
|
|
|
034-project-adding-bootstrap-styling-css-framework.mp4
|
MP4
|
10.7 MB
|
|
|
035-project-planning-the-next-steps.mp4
|
MP4
|
11.6 MB
|
|
|
036-project-adding-margin-componentscoped.mp4
|
MP4
|
6.6 MB
|
|
|
037-project-styling-items-in-a-list.mp4
|
MP4
|
16.6 MB
|
|
|
038-project-dynamically-mark-items.mp4
|
MP4
|
19.2 MB
|
|
|
039-project-challenge-style-status-changes.mp4
|
MP4
|
7.8 MB
|
|
|
040-project-lets-style-status-labels.mp4
|
MP4
|
12.8 MB
|
|
|
041-project-styling-inactive-items-finishing-touches.mp4
|
MP4
|
14.7 MB
|
|
|
042-module-introduction.mp4
|
MP4
|
3.2 MB
|
|
|
043-understanding-the-css-transition-property.mp4
|
MP4
|
5.4 MB
|
|
|
044-using-the-transition-property-to-add-transitions.mp4
|
MP4
|
12.3 MB
|
|
|
045-more-about-the-css-transition-property-timing-functions.html
|
HTML
|
1.8 KB
|
|
|
046-configuring-multiple-transitions.mp4
|
MP4
|
10.8 MB
|
|
|
047-understanding-the-css-animation-property.mp4
|
MP4
|
6.9 MB
|
|
|
048-more-about-the-css-animation-property.html
|
HTML
|
921.6 B
|
|
|
049-using-the-animation-property-to-add-animations.mp4
|
MP4
|
24.8 MB
|
|
|
050-project-your-challenge.mp4
|
MP4
|
6 MB
|
|
|
051-project-implementing-an-animated-loading-bar.mp4
|
MP4
|
17.4 MB
|
|
|
052-project-transitioning-border-colors.mp4
|
MP4
|
7.7 MB
|
|
|
053-project-animating-the-selection-marked-of-list-items.mp4
|
MP4
|
9.4 MB
|
|
|
054-transitions-vs-animations-vs-angular-animations.mp4
|
MP4
|
17.1 MB
|
|
|
055-want-to-use-angular-2-instead-of-angular-4.html
|
HTML
|
1 KB
|
|
|
056-module-introduction.mp4
|
MP4
|
3.7 MB
|
|
|
057-how-animations-work-in-angular.mp4
|
MP4
|
12.1 MB
|
|
|
058-browser-support-polyfills.mp4
|
MP4
|
16.3 MB
|
|
|
059-unlocking-animations-with-the-right-module.mp4
|
MP4
|
5.2 MB
|
|
|
060-getting-started-with-triggers-and-states.mp4
|
MP4
|
27.1 MB
|
|
|
061-which-properties-are-animatable.html
|
HTML
|
614.4 B
|
|
|
062-assigning-triggers-to-elements-in-the-template.mp4
|
MP4
|
9.6 MB
|
|
|
063-switching-trigger-states-dynamically.mp4
|
MP4
|
12.7 MB
|
|
|
064-adding-transitions-between-states.mp4
|
MP4
|
20.6 MB
|
|
|
065-using-multiple-transitions.mp4
|
MP4
|
7.4 MB
|
|
|
066-build-more-complex-triggers-with-more-states.mp4
|
MP4
|
13.3 MB
|
|
|
067-configuring-elegant-transitions-when-using-many-states.mp4
|
MP4
|
9.8 MB
|
|
|
068-understand-the-reusability-of-triggers.mp4
|
MP4
|
8.3 MB
|
|
|
069-using-multiple-triggers.mp4
|
MP4
|
23.5 MB
|
|
|
070-creating-multistep-transitions.mp4
|
MP4
|
23.4 MB
|
|
|
071-multistep-transitions-and-temporary-styles.mp4
|
MP4
|
12.2 MB
|
|
|
072-a-bug-in-angular-4-animations.html
|
HTML
|
1.2 KB
|
|
|
073-styling-states-and-animations-correctly.mp4
|
MP4
|
16.6 MB
|
|
|
074-css-animations-vs-angular-animations.mp4
|
MP4
|
15.3 MB
|
|
|
075-outsourcing-animations.mp4
|
MP4
|
13.7 MB
|
|
|
076-project-your-challenge.mp4
|
MP4
|
11 MB
|
|
|
077-project-setting-up-animations.mp4
|
MP4
|
6.6 MB
|
|
|
078-project-adding-triggers-and-states.mp4
|
MP4
|
18.9 MB
|
|
|
079-project-adding-transitions.mp4
|
MP4
|
8.4 MB
|
|
|
080-project-using-multistep-transitions.mp4
|
MP4
|
9.3 MB
|
|
|
081-project-cleaning-up-some-css.mp4
|
MP4
|
8.8 MB
|
|
|
082-project-using-temporary-styles-in-transitions.mp4
|
MP4
|
10.6 MB
|
|
|
083-module-introduction.mp4
|
MP4
|
4.7 MB
|
|
|
084-animations-we-cant-create-as-of-now.mp4
|
MP4
|
19.2 MB
|
|
|
085-using-the-void-state-in-transitions.mp4
|
MP4
|
11.8 MB
|
|
|
086-using-the-wildcard-state-in-transitions.mp4
|
MP4
|
14.4 MB
|
|
|
087-using-dynamic-dimensionial-properties.mp4
|
MP4
|
24.4 MB
|
|
|
088-animating-lists.mp4
|
MP4
|
14.2 MB
|
|
|
089-using-animation-groups-for-parallel-animations.mp4
|
MP4
|
19.9 MB
|
|
|
090-understanding-timing-functions-easein-etc.mp4
|
MP4
|
25.5 MB
|
|
|
091-control-everything-with-animation-keyframes.mp4
|
MP4
|
33 MB
|
|
|
092-multistep-transitions-vs-animation-groups-vs-keyframes.mp4
|
MP4
|
16.4 MB
|
|
|
093-reacting-to-animation-events.mp4
|
MP4
|
16.8 MB
|
|
|
094-a-first-summary.mp4
|
MP4
|
3.6 MB
|
|
|
095-project-next-steps-your-challenge.mp4
|
MP4
|
6.2 MB
|
|
|
096-project-adding-a-basic-list-animation.mp4
|
MP4
|
20.2 MB
|
|
|
097-project-creating-a-better-list-animation-with-keyframes.mp4
|
MP4
|
20 MB
|
|
|
098-project-creating-a-staggered-list.mp4
|
MP4
|
25 MB
|
|
|
099-project-sliding-things-around.mp4
|
MP4
|
18.2 MB
|
|
|
100-project-sliding-list-items-around.mp4
|
MP4
|
21.6 MB
|
|
|
101-project-synchronizing-animations.mp4
|
MP4
|
14.3 MB
|
|
|
102-project-animating-a-button-depending-on-form-validity.mp4
|
MP4
|
25 MB
|
|
|
103-how-to-animate-routing.mp4
|
MP4
|
8.3 MB
|
|
|
104-project-creating-a-basic-route-animation-fadeinout.mp4
|
MP4
|
33.8 MB
|
|
|
105-project-getting-fancy-a-slidedown-route-animation.mp4
|
MP4
|
16.5 MB
|
|
|
106-project-wrap-up.mp4
|
MP4
|
5.9 MB
|
|
|
107-module-introduction.mp4
|
MP4
|
7.9 MB
|
|
|
108-using-the-new-query-method.mp4
|
MP4
|
14.7 MB
|
|
|
109-more-on-query.mp4
|
MP4
|
6.8 MB
|
|
|
110-special-selectors-for-query.mp4
|
MP4
|
13.9 MB
|
|
|
111-all-special-selectors-full-query-docs.html
|
HTML
|
1.1 KB
|
|
|
112-query-options.mp4
|
MP4
|
3.9 MB
|
|
|
113-combining-query-selectors.mp4
|
MP4
|
5 MB
|
|
|
114-adding-query-to-the-course-project.mp4
|
MP4
|
17.4 MB
|
|
|
115-fixing-a-small-bug-with-query-and-the-course-project.mp4
|
MP4
|
2.5 MB
|
|
|
116-easy-staggering-animations-with-stagger.mp4
|
MP4
|
27 MB
|
|
|
117-creating-reusable-animations.mp4
|
MP4
|
11.2 MB
|
|
|
118-creating-and-running-animations-programmatically.mp4
|
MP4
|
11.7 MB
|
|
|
119-improved-route-animations.mp4
|
MP4
|
25.7 MB
|
|
|
120-an-issue-with-route-animations.mp4
|
MP4
|
5.5 MB
|
|
|
121-wrap-up.mp4
|
MP4
|
2 MB
|
|
|
122-course-roundup.mp4
|
MP4
|
14.9 MB
|
|
|
Prj-Query.zip
|
ZIP
|
50.9 KB
|
|
|
Programmatic.zip
|
ZIP
|
31.8 KB
|
|
|
Query-Finished.zip
|
ZIP
|
32.4 KB
|
|
|
Query-Start.zip
|
ZIP
|
31 KB
|
|
|
Reusable.zip
|
ZIP
|
50.7 KB
|
|
|
Routing.zip
|
ZIP
|
50.8 KB
|
|
|
Stagger.zip
|
ZIP
|
50.3 KB
|
|
|
[FreeCourseSite.com].txt
|
TXT
|
1.1 KB
|
|
|
[FreeCourseSite.com].url
|
URL
|
102.4 B
|
|
|
[HaxTech.me].txt
|
TXT
|
1.1 KB
|
|
|
[HaxTech.me].url
|
URL
|
102.4 B
|
|
|
adv-animations-finished.zip
|
ZIP
|
32.9 KB
|
|
|
adv-animations-starting-setup.zip
|
ZIP
|
32.3 KB
|
|
|
basic-animations-finished.zip
|
ZIP
|
33.1 KB
|
|
|
course-slides.pdf
|
PDF
|
90.4 KB
|
|
|
css-animations-finished.zip
|
ZIP
|
31.7 KB
|
|
|
first-app.zip
|
ZIP
|
33 KB
|
|
|
prj-adv-animations-finished.zip
|
ZIP
|
53.6 KB
|
|
|
prj-adv-animations-start.zip
|
ZIP
|
50.1 KB
|
|
|
prj-basic-animations-finished.zip
|
ZIP
|
51.3 KB
|
|
|
prj-basic-animations-start.zip
|
ZIP
|
49 KB
|
|
|
prj-css-animations-finished.zip
|
ZIP
|
49.2 KB
|
|
|
prj-css-animations-start.zip
|
ZIP
|
48.3 KB
|
|
|
prj-styling-finished.zip
|
ZIP
|
47.3 KB
|
|
|
prj-styling-start.zip
|
ZIP
|
46.2 KB
|
|
|
styling-finished.zip
|
ZIP
|
411.1 KB
|
