Hey everyone, welcome to my The complete Angular tutorial for beginners series, and this is the first blog post of the series. Yay!
This post is all about Introduction to Angular, and it is the first step in learning Angular.
Congrats! 🎉
Below questions will be answered at the end of this post:
- What is Angular?
- Why Angular?
- AngularJS vs. Angular
Let's begin!
What is Angular? – Quick Introduction
Angular is an application design framework and development platform for creating efficient and sophisticated single-page apps. - Angular.io
- Angular is a framework for developing client applications using HTML, JavaScript & TypeScript.
- Angular provides a skeleton for creating client applications and has all the libraries needed to build robust applications.
- A complete framework for developing Single Page Applications developed & maintained by Google.
Why Angular?
- With Angular, we can develop apps that run across all platforms – Web, Mobile Web, Native Mobile, and Native Desktop. One App that runs across all platforms.
- Data binding is such an easy thing in Angular – One-way binding / Two-way binding. We will learn a lot about it in the upcoming articles.
- Speed & Performance can be achieved with other libraries like RxJS in addition to Angular.
- It is a more streamlined framework that focuses on building applications as Classes using TypeScript.
- It comes with incredible tooling to generate scaffolding for creating components, modules, etc., build and deploy applications.
- And above all of the aforementioned pointers, Angular is from Google, so it is well maintained, and new features keep coming in every release.
AngularJS vs Angular
AngularJS and Angular are not the same.
AngularJS is based on JavaScript, and it is a library, not a framework, where Angular is a framework based on TypeScript.
Angular 2.0 and above are called Angular framework; before version 2.0, it is called AngularJS.
| Angular JS | Angular | |
| Language | Based on JavaScript | Based on TypeScript |
| Architecture | Uses the concept of Scope and Controllers | Uses hierarchy of components. |
| Architecture | Uses the concept of Scope and Controllers | Uses hierarchy of components. |
| Module, Controller (or) Service implementation | As functions | As classes |
| Modular System | AngularJS’s Modules | ES6 Modules |
| Transpiler required? | No | Required |
Now you know a lot about Angular, continue the learning with the next article in the series.
Happy learning!
I tweet a lot about Angular, so feel free to follow me on Twitter at AskUdhay