Angular Tutorial

Angular Tutorial

Now angular is completely written in typescript. Typescript completely supports object-oriented programming i.e. we can create classes, interfaces in typescript. It is more similar to Java. Typescript is nothing but a superset of JavaScript, we can compile them to JavaScript, and this can be done on both sides i.e., client-side and server-side. Angular divides its application into smaller parts called modules, and components, making it easier to maintain. For starting with, angular needs to have some basic understating of the node server.

Why do we need to learn Angular?

As it is written in typescript, so it supports object-oriented programming, and there are many advantages of using angular as follows :

• It supports Two-way data binding by using the ngModel directive, which reduces a lot of code and makes it easy to understand.
• Also, Angular supports single-page applications, i.e., they communicate with the back-end server without refreshing the whole application or web page.
• Modularity in Angular means it divides its application into small parts called "module". In Angular, our code is divided into various modules and we can reuse these modules. At last, we divide this module into different components and combined them to form our whole application.
• Angular is cross-platform which means it supports web applications, desktop applications, and native mobile applications as well.
• Angular reduce code. Angular supports MVC architecture, i.e., model view and controller. The programmer needs to write their business logic with an MVC structure. We do not need to maintain or write the MVC pipeline.
• Easy user interface. Angular uses HTML/HTM for designing the user interface. These HTML/HTM pages are less complex than JavaScript. We write very less logic in HTML pages because in Angular, all business logic we write in components that are the .ts files.
• Integration of any third-party application or feature is easy in Agular because it is already pre-build with various frameworks like Winjmo, Ionic, Kendo UI, etc.

Applications of Angular

We have so many different websites which are using Angular as a frontend framework as follows :

• iStock Photo
• Upwork
• Weather
• PayPal
• Netflix
• Lego
• Freelancer
• YouTube for PS3
• JetBlue
• PayPal

Example

import { Component } from '@angular/core';
import { BookService } from './book.service';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent{}

Prerequisites

For this tutorial, we need programmers with a basic understanding of object-oriented programming concepts and some knowledge of JavaScript. We hope you have already installed node js on to your machine.

One should have the following points in mind to begin with, Angular:

• Understanding about DOM i.e., Document Object Model.
• Understanding of HTML, Javascript, CSS3
• javascript error handling, functions, and events.
• Understanding of MVC architecture (Model View Controller)

Target Audience

Programmers with knowledge about some JavaScript part, oops concepts, html, and CSS. Someone with good typescript knowledge can start and build application very quickly and easily.