Telerik blogs

Perhaps the most powerful JavaScript framework, Angular does have quite a learning curve. Here are 10 resources for overcoming that so you can master this beast of a framework!

At Angular’s core, it is perhaps the most powerful JavaScript Framework out of the box. It is incredibly misunderstood and often measured unfairly.

If you want to build a todo app, Angular will not be the fastest or smallest package. However, if you want to build a todo platform, Angular has everything you need. Angular’s Reactive Forms, Material Design, mandatory TypeScript, build-in testing and RXJS integration make it a force to be reckoned with.

Let’s learn how to use it!

10. Angular.io

The official Angular website—Angular.io—will be the most complete resource for Angular. However, it is not always the easiest to understand. Once you get the core concepts down, this website can open you up to specific functionality you might not be sure about. Be sure to check out other official Angular resources:

  1. Angular Universal – The SSR Angular package built on top of Angular.
  2. Angular Material – The official Angular Material UI Package. Material UI built and backed by Google.
  3. Angular Forms – Angular makes forms easy with Angular Forms and Reactive Forms.
  4. Angular Fire – The official Firebase integration package for Angular. The documentation is not well done, so for Firebase 9 upgrades, see Angular 12 with Firebase 9.

9. Angular University

There is a free Angular for Beginners course if you sign up for Angular University. You will also see a lot of blog articles come up in Google. For example, I found this Angular Universal article to be very informative and very clear.

8. FreeCodeCamp.org

FreeCodeCamp.org has some great beginner and advanced free courses on their website and YouTube channel.

They also have specific courses on more difficult Angular topics. They have 9,000+ tutorials!

7. YouTube Courses

I am a big fan of any YouTuber who breaks up their videos with the relevant parts. No one wants to sit through a two-hour lesson. Psychologically, we don’t mind sitting through twelve 10-minute lessons! Plus, we can navigate to the relevant parts if we need to go back and and reinforce specific topics. I am only going to list specific YouTube courses not necessarily affiliated with outside websites here. Some are broken up, others have break points.

Special shoutout to Brandon Robert’s channel. He mainly does course-like live streams, but he is also the developer of AnalogJS, the only Angular Meta Framework I know of, powered by Vite, with File Based Routing and SSR.

6. Blogging Communities

There are several popular blogging communities that have up-to-date posts on Angular daily. I suggest you create an account just for the reading, and follow your favorite web dev tags.

5. Course Websites

Some of these websites with paid courses actually have free courses available. You can usually filter by price, then select free. Others may allow you to take the course for free but want you to pay for the certificate of completion. While there are a lot of course websites, surprisingly not a lot of them offer Angular courses.

4. Fireship.io

Fireship is one of the best Angular resources. While the Angular Course itself is not free, there are more Angular Firebase videos than probably any other channel. Perfect for beginner to intermediate learning. This is how I got started with Angular. You will find me active on the Fireship Discord Channel.

3. EliteIonic

While focusing on Angular with Ionic, EliteIonic is probably the best resource for advanced Angular concepts. The creator, Joshua Morony, has a ton of free Angular videos on YouTube. If you’re unsure of how to handle state management, the latest RXJS pipes, standalone components or on-push change detection, this is the resource for you.

2. Progress Telerik Blog

This blog has some of the best resources for Angular. If you’re reading this right now, there is a reason. Besides offering the Kendo UI for Angular component library, they also specialize in finding writers like myself who love Angular and keep up with the latest technologies. They have hundreds of posts by different creators on Angular UI, Angular Basics and intermediate Angular concepts.

1. Stack Overflow

It is no secret that Stack Overflow is probably the number one resource for all programmers. What you may not know is that you can get all questions with the Angular tag, and then you can filter even more. Sometimes sorting by the latest post helps you find the most relevant answer.

Don’t forget that you can also search Google with search-term site:stackoverflow.com when you want to isolate a specific website. When you have a question that no one seems to know the answer to, you can bounty your reputation points as payment for someone to take the time to answer your questions.

So…

Angular is extremely powerful. Perhaps it has the biggest learning curve, but it is indubitably the most powerful framework out of the box. Yes, I used that word.

In the future, there will be only optional modules, optional Zone.js, faster bundling and more island architecture. Start by learning the basics. Keep building basic apps until you master those principles. Translate apps from React, Vue or other frameworks. Master the intermediate and advanced principles by building more.

We learn by doing. Let’s use these resources to build something.


About the Author

Jonathan Gamble

Jonathan Gamble has been an avid web programmer for more than 20 years. He has been building web applications as a hobby since he was 16 years old, and he received a post-bachelor’s in Computer Science from Oregon State. His real passions are language learning and playing rock piano, but he never gets away from coding. Read more from him at https://code.build/.

 

 

Related Posts

Comments

Comments are disabled in preview mode.