Whether it’s AngularJS 1.X – a framework, or Angular – a platform, Google’s Angular project has taken over the web. Here’s a collection of articles, projects and courses that’ll help you get to grips with the powerful front-end tool.
But if you’re starting from scratch, and you’d like to go from zero to expert fast, a course recommendation. For expert-led online Angular training courses you can’t go past Ultimate Angular by Todd Motto. Try his courses here, and use the code SITEPOINT to get 25% off and to help support SitePoint.
Introductions and Comparisons
- Angular version naming got a little complicated this year, here are the official naming conventions for specific versions of the platform [angularjs], which we’ve tried to follow here and elsewhere on the site.
- How to decide between React and Angular [sitepoint].
Fundamentals
- How to create a single-page app with AngularJS and the WordPress REST API [sitepoint].
- A guide to managing state in Angular apps with ngrx/store [sitepoint].
- Managing state in Angular apps [blog.nrwl].
- Persisting state in AngularJS [sitepoint].
- Getting intimate with Angular and TypeScript [x-team].
- How to build maintainable Angular apps [medium/curated-by-versett].
- How to develop apps with Angular mockbackend [sitepoint].
- A community-drive collection of best practices and style guidelines for AngularJS [github/mgechev].
Testing
- A guide to testing your services with Angular [corinnekrych.blogspot].
- How to test your Angular component [corinnekrych.blogspot].
Authentication
- Angular authentication with JSON [angularjs.blogspot].
- And easy Angular authentication with Auth0 [sitepoint].
Slightly More Advanced
- Productivity tips for Angular and WebStorm [sitepoint].
- Developing an app with Angular 2+ and the Angular CLI [sitepoint].
- An anatomy of a large Angular application [medium].
- Creating Progressive Web Apps with Angular [medium].
- Improving Angular performance with one line of code [blog.upstate].
- Building Angular apps at scale [medium].
- Track device geolocation in NativeScript Angular mobile applications [thepolyglotdeveloper].
- Deploy your own REST API using mLab and Heroku [sitepoint].
Courses
If cobbling together your own learning path via articles isn’t for you, or you’d like to make sure you’re across all the concepts and techniques, these are the structured Angular courses we recommend.
- Ultimate Angular [ultimateangular] is the gold standard in Angular education, from Angular tutor extraordinaire Todd Motto. Use coupon code ‘SITEPOINT’ at checkout to get 25% off and help support SitePoint.
Projects
You’ve got the basics – and perhaps even a little bit more. Here are some projects to take on to put that knowledge into practice.
First things first: a very popular and well-regarded series of articles on SitePoint, covering how to write a todo app in Angular 2:
- Part 0 — The Ultimate Angular CLI Reference Guide
- Part 1 — Getting our first version of the Todo application up and running
- Part 2 — Creating separate components to display a list of todo’s and a single todo
- Part 3 — Update the Todo service to communicate with a REST API
- Part 4 — Use Angular router to resolve data.
- Then, a practical guide to planning a MEAN stack app [sitepoint].
- Building a Twitter clone with Angular (part 1) [x-team].
- Building a Tesla battery range calculator with Angular 2 and reactive forms [toddmotto].
- How to build a Chrome extension in Angular 2 [sitepoint].
- How to create an Angular app and style it with Kendo UI [developer.telerik].
- Building a chart component with Angular 2 and FusionCharts [sitepoint].
Frequently Asked Questions about Learning Angular
What are the prerequisites for learning Angular?
Before you start learning Angular, it’s beneficial to have a basic understanding of web development concepts. Familiarity with HTML, CSS, and JavaScript is essential as Angular is a JavaScript framework. Knowledge of TypeScript, which is a superset of JavaScript, can also be advantageous since Angular is written in TypeScript. However, even if you’re not familiar with TypeScript, you can still learn it along the way.
How long does it take to learn Angular?
The time it takes to learn Angular can vary greatly depending on your prior experience with similar technologies and the pace at which you learn. If you’re already familiar with JavaScript and other front-end technologies, you could grasp the basics of Angular in a few weeks. However, mastering Angular and becoming proficient in it might take several months of practice and real-world application.
What resources are available for learning Angular?
There are numerous resources available for learning Angular. Online platforms like SitePoint, Udemy, Pluralsight, and Coursera offer comprehensive courses on Angular. These courses often include video tutorials, written content, and practical exercises. Additionally, Angular University and Ultimate Courses are platforms dedicated to Angular and offer in-depth courses and tutorials.
Is Angular a good choice for web development?
Yes, Angular is a robust framework for building dynamic web applications. It offers features like two-way data binding, dependency injection, and modular architecture, which can help streamline the development process. Moreover, Angular is maintained by Google, which ensures its reliability and continuous updates.
How does Angular compare to other JavaScript frameworks?
Angular is often compared to other popular JavaScript frameworks like React and Vue.js. While each of these frameworks has its strengths and weaknesses, Angular is known for its comprehensive features and robustness. It’s a complete solution for building complex web applications, whereas React and Vue.js are more focused on the view layer of an application.
Can I use Angular for mobile app development?
Yes, Angular can be used for mobile app development, but it’s not a standalone solution for this purpose. You would typically use Angular in conjunction with a framework like Ionic or NativeScript to build mobile applications.
What is Angular CLI and why is it important?
Angular CLI (Command Line Interface) is a tool that helps you initialize, develop, and maintain Angular applications. It can generate components, services, modules, and more with simple commands, making it easier to follow best practices and reduce the time spent on setup and configuration.
What is the future of Angular?
As a framework maintained by Google, Angular has a strong backing and a vibrant community, which suggests a promising future. It’s continuously updated with new features and improvements, and it’s widely used in both enterprise and individual projects. Therefore, learning Angular can be a valuable investment for your web development career.
How can I practice what I’ve learned in Angular?
The best way to practice Angular is by building projects. Start with simple applications like a to-do list or a weather app, and gradually move on to more complex projects. This will not only help you understand Angular’s concepts better but also give you practical experience that can be valuable in a real-world setting.
Are there any certifications for Angular?
While there’s no official certification for Angular from Google, many online learning platforms offer their own certifications. These can serve as proof of your knowledge and skills in Angular, and can be beneficial when applying for jobs or freelance projects.
Adam RobertsAdam is SitePoint's head of newsletters, who mainly writes Versioning, a daily newsletter covering everything new and interesting in the world of web development. He has a beard and will talk to you about beer and Star Wars, if you let him.
