This Angular tutorial helps you get started with Angular quickly and effectively through many practical examples.

Angular Introduction


The name Angular comes from the concept of angle brackets (<>) used in HTML. Angular is a platform and framework to develop a modern web application. Angular application is fully compatible for mobiles, tablets, laptops or desktops to make web development feel effortless, focused on developer productivity, speed and testability. These are the some companies which are using Angular. Angular 14 is the latest version developed by google on 2nd June 2022.

  • Deutsche Bank
  • Gmail
  • Forbes
  • Upwork
  • PayPal

What is a Framework?

A Frameworks are software that are developed and used by developers to build applications with its own functionalities & libraries. It boost efficiency and performance by providing a consistent structure. In Angular we can implement data binding, routing, form validation and dependency injection with Angular package. So Angular is an example of framework for software development.

Angular is the combination of following 4 points:

  1. Open Source
  2. Type Script-Based Framework
  3. Developed by Google.
  4. Single Page Application.
Angular Introduction

Open Source:

Open source software is a software for anyone can accessible free of cost. We can see, modify and enhance and distribute the code. angular is also a open source code which we can download. There are also some popular examples of open source Mozilla Firefox, VLC media player.

Type Script:

TypeScript is a language which is used in angular application development. It has the all features of JavaScript and some extra programming features of of an object-oriented programming language such as classes, interfaces, inheritance, modules,

Developed by Google:

Angular development started at Google in 2009.

Single Page Application:

Single page application as named suggested it loads a single HTML page. It works inside a browser when HTML page loaded on the browser and we click any part of the page. only that part of the page will be update not entire page. Single Page Applications are Gmail, Google Maps, Netflix, Paypal and many more.

To learn Angular framework, you should be basic knowledge with the following:

  • JavaScript
  • HTML
  • CSS

Advantages of Angular

  1. TypeScript allows code optimization using the OOPS concept.
  2. Effective Cross-Platform Development
  3. Single-Page Applications (SPAs)
  4. It has improved dependency injection and modularity.
  5. It provides more choice for languages to develop applications such as Dart, TypeScript, ES5, and ES6 for writing codes.
  6. Improved Speed and Performance- Angular CLI, routers, etc. make programmer work easier and enable quick loading of the application.
  7. Angular Material - Collection of ready-to-use, well-tested UI components and modules that follow Google Material Design principles.
  8. Modular development structure- Developers can effectively divide code into modules. This allows for easy organization of app functionality and the creation of reusable chunks of
  9. code which can vastly reduce development time and cost.
  10. Productivity - There is no need to figure out what a function, component does, and once you have mastered how to write a component,writing another one is easy by following
  11. the same general guidelines and code structure.
  12. VS Code and WebStorm, TypeScript incrementally recompiles and highlights errors as you type.
  13. Maintainability - a particular open-source package will be updated to the latest version.

Next