Angular Tutorial

Angular Tutorial

Now angular is completely written in typescript. Typescript completely supports object-oriented programming i.e. we can create classes, interface 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 the side i.e. client-side and server-side. Angular divides its application into smaller parts called as module, components, which makes it more easier to maintain. For starting with angular need to have some basic understating of node server as well.

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 are as follows :

• It supports Two-way data binding by using the ngModel directive which reduces a lot of code and make it easy to understand.
• Also, angular support single page application i.e. they communicate with the back end server without refreshing the whole application or we can say web page.
• Modularity in angular means it divides its application into small parts called "module". In angular, our code is divided into various module and we can reuse these modules. At last, we divide this module into a different component and combined them to form our whole application.
• Angular is a cross-platform which means it supports web applications, desktop applications, and native mobile applications as well.
• Angular reduce code. Angular support MVC architecture i.e. model view and controller. The programmer just need to write their business logic that goes with 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 the 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 frontend framework are 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 to have programmers who have 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.