Skip to content
Write a review
UdemyAngularPaid courseIntermediate levelCertificate

Angular Styling & Animations (for Angular 2+) (Udemy.com)

For Angular 2+: Learn how to use dynamic Styles and powerful Animations to create beautiful Angular Apps

4.4
2,043 reviews

Created by: Maximilian Schwarzmüller

Last updated April 2024

icon
What you will 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

How it compares

Against the other 95 rated Udemy courses in Angular on CourseDuck:

  • Rating4.4 out of 5higher than 31% of them
  • Reviews2,043#37 of 96 by number of reviews
  • Length7.1 hourslonger than 53% of them
  • Last updatedApril 2024more recently than 58% of them

icon
Course Description

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!
Read More Intermediate Intermediate Level product length iconTime: 7.1h

icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Get the Udemy discount

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

Maximilian Schwarzmüller

Experience as (Web) Developer

Starting out at the age of 12 I never stopped learning new programming skills and languages. Early I started creating websites for friends and just for fun as well. Besides web development I also explored Python and other non-web-only languages. This passion has since lasted and lead to my decision of working as a freelance web developer and consultant. The success and fun I have in this job is immense and really keeps that passion burningly alive.

Starting web development on the backend (PHP with Laravel, NodeJS, Python) I also became more and more of a frontend developer using modern frameworks like React, Angular or VueJS in a lot of projects. I love both worlds nowadays!

I also build full-stack applications and acquired expert DevOps and cloud computing knowledge - proven by the many AWS certifications I hold (incl. the top-level Solutions Architect Professional certification).

As a self-taught developer I had the chance to broaden my horizon by studying Business Administration where I hold a Master's degree. That enabled me to work in a major strategy consultancy as well as a bank. While learning, that I enjoy development more than these fields, the time in this sector greatly improved my overall experience and skills.

Experience as Instructor

Read More

icon
More courses by Maximilian Schwarzmüller

$129.99

$119.99

$129.99

$139.99

$159.99

$124.99

All courses by Maximilian Schwarzmüller

icon
More Angular courses

Free

$129.99

$14.99

$13.99

$84.99

Free

All Angular courses

icon
Reviews

4.4

2,043 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

Write a review

By jireh padua on 8/1/2022

boss Max is good... way better than the other tutorial I had here in Udemy but the only problem for this course is that it is too short or the course discusses plainly about animation. With the previous courses that I had, I never had this kind of short information. Its like a set of knowledge or something but never this short. Finishing this after a long hours of watching I felt that I shouldn't bought it at all because the topic is too short to be purchased as a course. I find it lacking or he could have included more topic and included it here. Other than that, he really is a good instructor. His topic is really just lacking more content to be paid. Kudos to sir Max! More power!

By Arun Kumar Sahoo on 11/14/2020

So far it is very wonderful journey.

By Muthukrishnan Ulaganathan on 10/22/2020

Great course to learn & practice Angular Stylings & Animations

By Dishant Gupta on 10/12/2020

As a newbie in animations, now I am pretty confident to explore things around after enrolling this course. Thanks Max!!!! Always worth enrolling your courses.

By Mecca Francesca on 10/6/2020

Corso chiaro, esaustivo e dettagliato focalizzato sullo styling e le animazioni delle angular applications. Maximilian Schwarzmller is a super teacher!

By Arjuna on 10/3/2020

Great content on Animations. Please update this course with Angular 10. That is the only reason for 4 starts otherwise it is 5 start course.

By Thomas Polaschek on 9/16/2020

Der Kurs war erwartungsgem ausgezeichnet

By Sambhaji Patankar on 9/13/2020

Good course getting knowledge about the Angular styling and Animation.

By Yogesh Jadhav on 8/19/2020

NICE

By Kellie Cluff on 8/8/2020

Max is awesome as always. Very clear presentation.

By Herve BOYER on 8/1/2020

This course is the first one i'm a bit disapointed with. I'm a big fan of Max's way of teaching, and academind is always my reference. But still, I felt like we never really used a lots a features. Of course, it's up to us now to go dive deeply into animations, and I am. But I don't know, I may have wanted something more complete and complex. Still, I keep this course, but it is only going to be a "fresh reminder" instead of a "bible" as the other courses Max provides on Udemy. And one last thing, I think this course should be updated a bit. Keep going the good work!

By Ching on 7/20/2020

nothing to do with Angular in particular, as long as someone learns already css and css animation, then no need to look for more details. W3School even have some practices similiar!

Showing 12 of 320 reviews

icon
Quality Score

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 88 / 100

Angular Styling & Animations (for Angular 2+)
Visit course on Udemy Write a review
  • Video Duration: icon 7.1h
  • Price: $12.99
  • Provider: icon Udemy
  • Updated: icon April 2024
  • Level: Intermediate Intermediate
  • Language: icon English
  • Certificate: icon Yes
30-day money-back guarantee on most paid courses

Udemy Coupon Price Tracker

Udemy price history

For any issues or feature requests please email CourseDuck's Co-Founder at mkuhlman12@gmail.com