Group items tagged

We have gone through many web applications and mobile applications which do not reload the entire page but instead reloads only the required section. These are nothing but Single Page Applications (SPA) which are developed using Angular. A good example of SPA is Gmail where we have noticed that when we click on the inbox, it only reloads and displays that email in the e-mail list sections. Introduction to Angular: Angular is a TypeScript-base open-source front-end platform and framework led by the Angular Team at Google used for building client-side web applications. Angular itself is written in TypeScript, which is a superset of JavaScript and used for front end development. Installation: In order to start with the installation, we first need to make sure that we have nodejs and npm installed with the latest version. We can install nodejs on Ubuntu OS by running the following command on terminal: sudo apt-get update sudo apt-get install nodejs To install npm, we run the following one-line command on terminal: sudo apt-get install npm To check the versions of Node.js and npm installed, we run following command: nodejs -v npm -v Let's install Angular CLI by running the following command: npm install -g @angular/cli IDEs for Angular: We can use any of the IDE i.e., WebStorm, Atom, Visual Studio Code, etc. But usually, Visual Studio Code is preferred. Architectural Blocks of Angular: The main building blocks of an Angular application are: Modules Components Templates Metadata Data binding Directives Services Dependency injection In this blog, we will have an overview of Angular Modules and Angular Components. Angular Modules: We have Angular modules or we can say NgModules which maintains the modularity of Angular apps. Every Angular app has at least one module as the root module. Conventionally, it is named as AppModule. Typically, an app contains many functional modules. In angular, any module is a class with the @NgModule decorat