The Best Resources for Learning Angular

kristen @ upstate interactive
Upstate Interactive
3 min readDec 4, 2018

Angular is one of our preferred development stacks that we use at Upstate Interactive. It is a JavaScript-based open-source framework for front-end web-application development, maintained by Google, and the platform makes it easy to build apps with features like declarative templates, dependency injection, end-to-end tooling, and more. Does all of that sound foreign to you? We all have to start somewhere. Here are the best resources for learning Angular at different levels, according to our own development team.

Angular Docs

The official Angular documentation is obviously a great place to start. It includes tutorials, along with guidance on everything from fundamentals, setup and deployment, release information, CLI commands, and more. The training materials assume that you’re comfortable with JavaScript, as do the remainder of our recommendations, so it’s important to have that familiarity before diving into the tutorials.

John Lindquist’s Video Tutorials on Egghead.io

There are numerous tutorials available on this site that provide easy-to-understand explanations of concepts ranging in difficulty level, all with bite-sized content that is simpler to digest. Each video also provides sample code for you to work with in your projects. If you really want to go deep, there’s a Pro membership option that allows access to premium training content.

Build a Gmail Clone

For those who require more hands-on training with example-based tutorials, Thinkful put together an interesting lesson on learning Angular by building a Gmail clone. By creating your own simple email application, you’ll learn the main concepts of AngularJS as you build the clone where you can read, delete, and search emails.

NgRx Complex Forms with Jesse Sanders

In this talk with Angular Google Developer Expert Jesse Sanders, you’ll learn about how NgRx is influencing the development of enterprise applications, and go in-depth on “complex forms that render forms dynamically.” Several issues can arise when using complex forms and Sanders will talk about dynamic rules, validating field data, and dissecting code samples step by step. He also shares challenges that may arise and how you can tackle those issues. Make sure to download the slides for your reference when working on your next project.

Advanced Caching with RxJS with Dominic Elm

AngularAir host Justin Schwartzenberger discusses advanced caching with RxJS with web developer Dominic Elm. This practice will help you improve application performance, especially if users are. In this video, you’ll learn about different caching scenarios and how to implement an advanced caching mechanism powered by RxJS. Follow it up by reading the accompanying post on Thoughtram’s blog. The AngularAir show has many other great episodes as well that will help you brush up on your Angular skills with topics like tooling, dependency injection, xplat multi-platform tools, and much more.

Advanced NgRx Recipes with Xavier Lozinguez

Software engineer Xavier Lozinguez did an excellent and informative presentation for AngularNYC on advanced NgRx recipes. In the half-hour talk, he’ll teach you about state slicing and composition using selectors, side effect handling using NgRx effects, using meta reducers to perform exception handling, and more.

If you’re already making your way through studying Angular, what are your favorite resources for learning?

--

--