Angular | Becoming a proficient angular dev.

Topics to learn Angular

I am sharing my learning experience in learning Angular starting from the zeroth level to being an experienced angular developer.

When I started learning angular there are only quite a few blogs that taught me how, where we need to start the angular. So I am just giving some tips and topics to learn angular and get placed in top MNC companies or even you can be a cool “Angular Freelancer”.

As Usual, as a frontend developer, we need to know HTML, Bootstrap and the basics of javascript. So before going into angular just brush up some basics as mentioned below,

Javascript:

• Javascript

• ECMAScript (ec5, ec6, …. So On),

Move from Javascript to TypeScript:

TypeScript is a JavaScript superset that focuses on optional static typing, classes, and interfaces. One of the major advantages is that it allows IDEs to have a more comprehensive environment for detecting common errors as you type code. This is a must-know after Angular 2.

Workout from the basics:

1. Components 

2. Input, Outputs, Events 

3. Core Directives; ngFor, ngIf, etc.

4. Component Styling, ngClass, ngStyle, etc. 

5. Pipes 

6. Basics of dependency injection Services 

7. HTTP Client (GET, POST, PUT, DELETE) 

8. Modules

Get into deeper:

1. Interaction between the components

•   Parent to child

•   Child to Parent

•   Two unrelated component interactions

My Own Article: https://pbravichandhar-ivarstech.blogspot.com/2021/04/angular-interaction-methods-for.html

2. Implementation of authguard for the authentication flow

3. Learn about pipes and custom directives.

4. Create some custom reusable components to reuse in your project
     Example:- Custom Notification bar.

5. Lazy Loading Concepts

6. Try to use some libraries like

• Lodash

• Moment

• D3 Charts

7. Rxjs:

Even more critical than knowing every single advanced function of the Angular core module, having a solid functional understanding of Observables and the most commonly used RxJs operators is needed to become proficient as an Angular application developer. 

RxJs is used extensively in the Angular core API, and it is also the preferred method for constructing the application service layer. 

Some of the most popular application development activities, such as making HTTP requests, rely on the concept of Observables, so you'll need to be familiar with them. 

While it can seem appealing at first, we believe that focusing on learning so many RxJs operators is counterproductive.

Some topics to cover:

• Stream 

• Observable

• Subscriptions 

• The Observable contract

8. Angular Forms:

• Template Driven Forms

• Reactive Forms

9. Angular Material:

The Angular Material library comprises a collection of extremely powerful and flexible components that are suitable for using the Material design system in Angular applications. 

Knowing Angular Material is not required, particularly if you are not creating a new application from the ground up or if you do not intend to use it for any purpose. 

But think again, because, with Angular Content, you'll never have to spend time implementing your own date picker, dropdown box, or any of the other popular components you'll need in any application.

“Practise Makes A Man Perfect'' so once you learn the above topics better create your own tasks and try to achieve the same with the angular implementation.

Example Tasks to practice:

1. Develop a Tic Tac Toe game using angular

2. Create a listing page to list all the movies list with a filter and pagination by integrating any free API to get the movies.

3. Try to implement basic authentication flow like login, register, dashboard page with proper navigation.

4. Official Tutorial (https://angular.io/tutorial)

Conclusion:

      Hope I have given some knowledge on “How to become a good angular developer”. If you need some personal advice you can connect me via LinkedIn (https://www.linkedin.com/in/ravichandharpb/)