Angularjs  introduction

 

Angularjs introduction

Introduction to Angularjs:–

AngularJS Introduction AngularJS is a JavaScript framework.Architecture, Advantages Angularjs Architecture Diagram.User events trigger the functions which are stored inside your controller. The user events are part of the controller.

What is angularjs ?

  • Angularjs is a client side (browser side) technologies,which is developed by google & Framework of Javascript.
  • By using Angularjs we can decrease burden at server side so applications most reliable increase  speed, secure, code reusable.
  • using angularjs ,we can develop SPA.spa –> single page application. Even gmail is also a single page application. it means content will asynchronously.

Version of angularjs?

  • Current version–> angular 6.x
Versions

Angulajs1

Angulajs2

angulajs3

angulajs4

angulajs5

angulajs6

Is platform Dependent?

Using angular js , we can develop hylorid application. It means, which will work in different platforms like

Web app

Android

IOS

Window

blackberry

Easy to test -> Karma, jasmine, protractor.

Difference b/w angularjs & angular :–                                             

Angularjs 

  • angularjs is working with js
  • If will work with “CDN”
  • If don’t sperit folder structure
  • specially web app development
  • SEO friendly
  • works with Es5

Angular

  • angular is working with typescript
  • To install angular project,we node node package (npm)manage
  • Angular is well developed,and have good folder structure & Excellent work flow
  • mobile app & web application development
  • more seo friendly than angularjs
  • works with Es6
Important points:                           
  • angular has better performance than angularjs
  • angularjs more testable
  • React js is competitor to angular.
Difference b/w angular & React:–

Angularjs

  • Angularjs developed by google.
  • Javascript framework
  • Supports two-way data binding
  • Works with js and html
  • Current version is angular 6
  • Using angular we can develop hybrid application.using Ionic frame.

Reactjs

  • Reactjs developed by facebook
  • Javascript framework
  • Supports one-way data binding
  • Works with js and js a
  • Current version is react js 16
  • Using reactjs we can develop mobile application.using react native.

 

 

 

ANGULARJS

 

 ANGULARJS

 

 ANGUALRJS:

 
Usually “Angular.js” or “AngularJS 1.X” known as ANGULAR JS. It is an open source JavaScript based web application. This web application provided by Google. Single page web applications are developing. By the community of individuals and corporations of many challenges. Cross platform mobile apps are developing by this JavaScript component. Apache Cordova complimented to the Javascripted. ANGULARJS aim is to provide the facilities. They are both developing and testing  applications. Model-view-viewmodel (MVVM), and Model-view-controller (MVC) architectures provided to develop the framework. These components used in Internet applications. During the time 2014 the Angular JS team has  working with Angular.
 

ANGULARJS Introduction:

 By studying the HTML page the framework of Angular JS will be working. It is apply to the new custom tag. AngularJS Introduction explains the attributes. The attributes on the page input and output parts are difficult to apply. This model represented by the variables of standard JavaScript. The values of the Javascripted variables put within the code, or recovered from the dynamic and static JSON resources.
 

Scope of the Angular JS:

 
The computer science fundamentals are like the Angular JS scope. The difficulties of the program are valid in scope of the Angular JS. The scope of the Angular JS acts as the gum and the controller and view are difficulties. Angular JS scope is one type of object. That means the angular JS usual rules are variable in the scope. If the scope is mention  it refers to the angular JS scope, not to the name binding.
 

Two-way data binding in Angular Js:

 Two-Way data binding  the most important feature.  It completes the responsibilities  the server backend relaxed. According to the data have the model scope in plain HMTL templates.  Angular detects the changes in HMTL model. Model changes the view and HMTL expression by the controller. By comparing the current values Angular JS find the changes. Earlier values stored  the process of dirty-checking,  Ember.Js and BAckbone.js. The model values changed.
 
ANGULAR JS developing APPS
 

      ANGULAR JS developing APPS:

  • The Guardian
  • YouTube for PS3
  • Weather
  • Freelancer
  • Netflix
  • jetBlue
  • Upwork
  • iStock Photo
  • Lego
  • PayPal