Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
7 Hour(s) 8 Minute(s)
Language
English
Taught by
Maximilian Schwarzmüller
Rating
4 views
Course Overview
For Angular 2+: Learn how to use dynamic Styles and powerful Animations to create beautiful Angular Apps
You finished the business logic of your web page and you're done, right? No! Adding fitting styles and animations to a web page significantly improves the user experience!
It's more than a little bonus - animations and styles help the user understand the flow of your page, pass on feedback to the user and overall improve the usability of your page.
This course teaches you which tools Angular gives you to dynamically style and animate your web page. This is not a CSS basics course - this course will really dive into the rich toolset Angular ships with, allowing you to build a reactive, user-friendly web application.
Just think about your favorite web apps: How many of these look ugly, seem to be styled randomly (and statically) and use no animations? Probably not that many - time to join the club of developers creating awesome user experiences!
This is what you'll learn!
How Angular helps you with styling and animating your web page
What "dynamic" styling and animating means
How you may either style the whole web app or individual components you built
Which tools Angular offers you to adjust styles at runtime
How you can use vanilla CSS to build nice transitions and animations
All about Angular's Animation package: Building, configuring and using triggers, states, styles, transitions and more!
Advanced Animation features like Animation groups, keyframes or callbacks
How to animate the appearance and removal of elements/ components
How to animate lists
How to animate routing
And more!
This is what the course offers - but is this course for you?
This course is for you if:
You got (basic) Angular and CSS knowledge and feel like you need to learn more about adding/ using styles and animations in your Angular apps
You're learning Angular right now and you want to continue learning with more beautiful apps
You even already know the basics about styling and animating Angular apps but you feel like there still is some mystery regarding the styling/ animation of components
I'd be very happy to welcome you in this course!
Course Content
- 7 section(s)
- 125 lecture(s)
- Section 1 Getting Started
- Section 2 Styling Angular Apps Dynamically
- Section 3 Moving Things with CSS Animations
- Section 4 Diving into the Angular Animation Package
- Section 5 Becoming an Angular Animations Pro
- Section 6 New Animation Features with Angular 4.2
- Section 7 Course Roundup & Bonus
What You’ll Learn
- At the end of the course, students will be able to use the many features Angular offers to dynamically style and animate Angular apps
- Students will be able to style their Angular components, elements in these components and change that styling dynamically
- Students will be able to add complex animations, for example to animate the appearance of elements, lists or upon route changes
Skills covered in this course
Reviews
-
PPaulo Henrique
Great course! All the content is very good and super useful. It definitely deserved an update for the most recent Angular versions!
-
SSteven Aschoff
Awesome course on Angular animations! I'm already putting this new knowledge to great use at work! A daunting topic that max makes very clear and approachable!
-
SSunny ...
Max has a unique way of teaching things. His way of articulating complex things in simple manner is rarely seen elsewhere. Also he takes you to the depth of topic and make you understand things in lucid way. Overall it is a great course and an addition to your Angular journey.
-
PPedro Marins
Max is a great instructor. He always shows details when teaching stuff, this was course was so exciting and easy to learn each Subject by understanding concepts and practical lessons about Angular Animations.
