How I Learned Angular Fundamentals
Tags: angular, beginners, webdev, fullstack
Published: 2020-10-13 18:31:34

Recently I decided to extend my capabilities to start working as a full-stack web developer. My first goal was to figure out which skills I am going to choose among the popular ones these days and complete my skillset for full-stack development.
Some of the web application development skills I already possess, while some new things I have to learn. I have a sound grip in [HTML](https://developer.mozilla.org/en-US/docs/Web/HTML) and [CSS](https://developer.mozilla.org/en-US/docs/Web/CSS) for creating User Interfaces. I also know [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) and I can utilize it in both front-end and back-end development. Coming towards the front-end frameworks, I decided to start with [Angular](https://angular.io/).
Prior knowledge of [TypeScript](https://www.typescriptlang.org/docs/) can be good, to work with Angular. But if someone doesn’t know TypeScript, it can be learned easily along the way. TypeScript is sometimes called a variant of JavaScript. So I felt familiar with it as I have experience working with JavaScript.
# **Why Use Angular**
>Angular’s support for Progressive Web Apps, its Modularity and efficient support for Asynchronous Programming are the main attractions for me to choose Angular.

![by nextpng](https://dev-to-uploads.s3.amazonaws.com/i/1e1lv74lbcxj9uj05e1g.png)
I am new to Angular and writing this to help other newbies who are finding ways to get started with Angular. The track I followed was recommended to me by an experienced full-stack developer. As I was suggested, I started learning Angular with the help of [Angular official documentation](https://angular.io/docs).

# **Get Started with Angular**
[Angular official documentation](https://angular.io/docs) presents two tutorials for beginners along with sample coding projects. The sample apps provide hands-on practice to learn basic concepts in Angular.
>**[First tutorial: Basic Angular app](https://angular.io/start)** is a simple e-commerce site. This tutorial provides a ready-made app that can be modified interactively in the browser, without any software installations at your own computer. It serves as a good starting point.
**[Second tutorial: Tour of Heroes app](https://angular.io/tutorial)** tells how to set up a local development environment and develop a sample app to learn the fundamentals of Angular.

Both these tutorials help understanding the topics listed below:
* Angular Components
* Components Interaction
* Template Syntax
* Directives
* Services
* Dependency Injection
* Forms
* In-app Navigation and Routing
* Access Data via HTTP
* Observables
* Working with Master/Detail views
<hr>

# **How Long Did It Take Me to Learn**
It took me one week to complete these tutorials and do the coding practice. After completion, I feel equipped with the basic Angular concepts and the best practices to apply those concepts in any Angular app. Though these are just the basics and there will be many more things, coming my way to learn. I have got a solid foundation with the help of these tutorials and I have developed more interest to opt for Angular framework.
I would also suggest the beginners to use the official Angular guide and go for the tutorials, which I mentioned earlier. It is indeed a good place to start learning Angular.<hr>I’ll be waiting for the responses to know if you find it helpful and worth your time. Open to suggestions, as this is my first writing at DEV community.