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.
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.
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.
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.
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.
Udemy provides a vast collection of video courses on Angular. However, most of these video courses cover only the basics.
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.
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.
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.
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 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.