DEV Community

loading...
Cover image for How I Learned Angular Fundamentals

How I Learned Angular Fundamentals

farhatsharifh profile image Farhat Sharif Updated on ・3 min read

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.

Discussion (20)

pic
Editor guide
Collapse
benjaminraffetseder profile image
Benjamin Raffetseder 🇦🇹

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 Author

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

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 Author

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 Author

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 Author

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
Collapse
brandonbawe profile image
Brandon Bawe

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 Author

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
Collapse
brandonbawe profile image
Brandon Bawe

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 Author

You will find Angular worth your efforts. 🙂

Collapse
arslone profile image
Arslan N

why don't you go for vue js? or some other platform?

Collapse
farhatsharifh profile image
Farhat Sharif Author

Every framework has its strengths. One can choose according to the needs.

One of the reasons for me to choose Angular is that it is a more mature framework. In my opinion, Angular’s modular structure provides highly expandable frontend solutions; yielding support for enterprise applications. Whereas template-based syntax of Vue reduces support for building large scale applications.

Collapse
arslone profile image
Arslan N

good opinion,