10 Best Tutorials to Learn Angular

Angular is an awesome JavaScript framework that can be used to create powerful and dynamic web apps.

It also covers the building of complex client-side applications. Since its release in 2009, Angular has been widely used by many developers for its convenient extending of custom HTML tags and attributes, known as ‘directives’.

For some people, learning Angular through its official documentation is not enough. They prefer a video-based tutorial instead, or a more sophisticated learning site with specific discussions, a demo, then try it yourself feature and the like.

So in this post, we’re listing 10 Angular tutorials and screencasts that will kickstart your Angular learning.

Also check out our articles on Free eBooks to Learn AngularJS.

Angular Start

This is te official guide from the Angular team and Google to help you get started with Angular right from the basics. This guide will walk you through the initial setup of Angular, the prerequisites, the concept of Angular, and even a reference to the glossary used on Angular.

Furthermore, it also provides some example project codes and advanced techniques if you like to jump right into the codes. This guide is overall a great first reference whether you’re a beginner or a seasoned developer.

Angular tutorial homepage with the table of content on the left

Angular on Dev.to

Dev.to is a community hub for web developers to share and discuss anything with other developers. It covers many things related to web development, including Angular. The community is diverse, vibrant, and pretty active. You can find new posts on web development every day.

Angular article list on dev.to in rectangle

Angular on FreeCodeCamp

FreeCodeCamp.org is a non-profit community-driven organization and one of the active hubs for developers to learn and share. It provides thousands of guides, tutorials, and tips on a lot of topics around software development, including web development and Angular itself within their News section.

On top of that, it also provides certification with hundreds of hours of materials. It’s a great place if you aim to become a professional developer.

List of Angular article and posts in FreeCodeCamp.org website

A Better Way to Learn Angular by Thinkster

Thinkster offers you a unique method of learning Angular. They split up all of the Angular-related topics into 12 parts.

In each part, you’ll see a brief topical explanation followed by tick-able useful readings. The reading materials are mixed up, coming from other sites and Angular official docs.

Table of conent of the ANgular tutorial

Udemy Angular Course

Udemy provides a vast collection of video courses on Angular. However, most of these video courses cover only the basics.

List of free Angular course in Udemy website

Angular Playlist by LetsBoot

A video playlist from LetsBoot containing 15 videos on some advanced topics on developing apps with Angular such as end-to-end testing, deployment, and continuous integration and delivery (CI/CD).

These are great materials if you’re already pretty familiar with Angular and ready to brush up your skill on web development with Angular.

Video Cover of Angular Playlist on Youtube by LetsBoot

Build Your First Angular App by Scrimba

A collection of 33 screencasts to learn Angular that’ll teach you from the basics to the advanced topic. You’ll learn a real-life application.

What’s really cool is that each screencast is incorporated with an interactive IDE where you can put your hands on the code taught on the screencast. And you can switch between the screencast and the IDE seamlessly.

Table of content on the Angular course

Angular Beginners Guide

Here is a two-hours long video that’ll teach you about the key features that you will likely use on 90% of the time when developing with Angular.

As the name implies, the course is a beginner’s guide that’ll walk you through the entire process – from the beginning to set up your development environment and will use the CLI to scaffold an Angular project from scratch.

So, if you’re not a fan of reading the lengthy text-based tutorials, this could be a great alternative for you.

Angular free course sign in blue and red color

Learn Angular & TypeScript

Another great video course that is aimed for beginners with some advanced topics and concepts such as TypeScript, architecture, and dependency injection. Once you’ve got the hang of basic Angular, this video course could be a great follow-up.

Angular in 2 hours sign on a yellow background with the tutor picture on the right

Angular Cheatsheet

Angular is a vast framework and documentation can be a bit overwhelming. For that, the Angular team provides a cheat sheet for quick reference of common code snippets and configurations, which can be handy at times.

Angular cheatsheet with the table of content on the left