DEV Community

Cover image for How I Learned Angular Fundamentals
Farhat Sharif
Farhat Sharif

Posted on • Edited on

How I Learned Angular Fundamentals

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 and CSS for creating User Interfaces. I also know 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.
Prior knowledge of TypeScript 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
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.

Get Started with Angular

Angular official documentation 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 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 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

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.


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.

Top comments (20)

Collapse
 
benjaminraffetseder profile image
Benjamin Raffetseder • Edited

I started at a new job with the beginning of this year and the agency decided to use only or 95% of the time Angular. I only had some experience on Vue. I worked before mainly with Drupal, plain ol' JavaScript and jQuery.

First I was pretty afraid because everyone around me said that Angular is by far the hardest front-end framework to learn. And to be honest I felt pretty fast very comfortable.

After 6 months a client wanted a web application in Vue, which was great because I was the only one who has worked with Vue before. While the development of this app I started to miss Angular. Because of the structure and all the things it brings already with it.

I often caught me thinking of "I would be much faster if I could do this in Angular". And now after almost 10 months I'm pretty wouldn't go back at any point. Even it gets a lot of hate from all around, I still think it's a great tool to build modern web applications, especially when they get bigger and bigger.

I wish you all the best on your way with Angular and welcome to the dev community!(:

Collapse
 
farhatsharifh profile image
Farhat Sharif

I also felt pretty comfortable with Angular from the very beginning.
Thank you for the wishes and sharing your experience. It is very encouraging.
Wish you more success 🙂

Collapse
 
chandlerfang profile image
Chen Fang • Edited

These two tutorials are really just the little part about Angular.
I want to tell everyone who wants to learn Angular that all the guides on angular.io are the best Angular learning material, I read them all couple times, learnt a lot.
(unfortunately guides doesn't include control value accessor).

Guides mirror on github:
github.com/angular/angular/tree/ma...

Sample codes on all the guides:
github.com/angular/angular/tree/ma...

Collapse
 
farhatsharifh profile image
Farhat Sharif

Thanks for sharing these resources.

Collapse
 
ashimb profile image
A5h1m

Angular Official website is the textbook for the Angular. I would also recommend tutorial videos from Udemy, Youtube and other sources. I am working on Angular for last 8 months, but whenever I stumble, my first wayout is official website.

Collapse
 
farhatsharifh profile image
Farhat Sharif

I feel the same way about Angular official docs.

Collapse
 
insanenaman profile image
Naman Gupta

I had been working in Angular for 3-4 years but recent hype has led me to shift to React but I can say Angular is one of the best framework. I like opinionated frameworks so that's one of the reason. It feels bad to see that Angular doesn't get the love it deserve.

Collapse
 
farhatsharifh profile image
Farhat Sharif

So you would be happy to see people, who see angular as a great fit for them and getting started with it.
You have also made a wise move for your career. Good luck.

Collapse
 
insanenaman profile image
Naman Gupta

I had to shift because we use React heavily at work but when it comes to personal project then I don't opt for react. Usually reach out to Next.js (as looking forward to sharpen react skills) but again I still love the Angular Ecosystem. ☺️

Collapse
 
jwp profile image
John Peters

Best wishes in your Angular journey.

Collapse
 
farhatsharifh profile image
Farhat Sharif

Thanks 🙂

Collapse
 
brandondamue profile image
Brandon Damue

Learning Angular so far has been a bit challenging. I'll try this route and see how it works out.

Collapse
 
farhatsharifh profile image
Farhat Sharif

If I can be of any help, I'll be glad to do so.
After the Angular official tutorials, I have followed Angular Crash Course by Mosh Hamedani at Udemy. This course offers detailed explanation of Angular concepts. Purchasing this course proved to be a great self investment for me.

Collapse
 
farhatsharifh profile image
Farhat Sharif

You can try this tutorial: Angular Tutorial for Beginners: Learn Angular & TypeScript at Programming with Mosh. If you find it helpful.

Collapse
 
brandondamue profile image
Brandon Damue

Thanks a lot I hope this will help me too.

Collapse
 
sundaramuneeswaran82 profile image
SundaraMuneeswaran82

Good. I am try to follow your way.

Collapse
 
farhatsharifh profile image
Farhat Sharif

You will find Angular worth your efforts. 🙂

Some comments may only be visible to logged-in visitors. Sign in to view all comments.