intro to angular

----------------
*angular is a typescript framework provided by google to develop web app and mobile
app
*angular is developed using typescript language and programming with in angular is
typescript,so it is called as typescript framework
->typescript language is provided by microsoft in the year 2012
->typescript language is used by google to develop angular framework
*angular2 is provided in the year 2015,the current version is angular14
*angular is not an extension to angularjs,it is completly built from
scratch|ground level using typescript language

asp.net-------c# language

angular-------typescript language

angularjs---------javascript framework
|
*no object oriented support
*UI handling will be complex
*performance problem
*no type safety
var price,prodname;
...
price="dell"; -->accepted-->no typesafety

angular----------typescript framework
|
*object oriented support
*UI handling will be easy with component architecture
*better performance[5+ times better performance
compare to angularjs]
*typesafety
var price:number,prodname:string;
...
price="dell"; -->not accepted-->typesafety
*angular can be used to develop different types of applications
1.mobile native app
2.desktop app
3.SPA[Single Page App]

*angular can be integrated with mobile framework[like ionic|nativescript]

to develop mobile native app
the app developed to run with in mobile o/s[andriod|ios] is called
mobile native app
*angular can be integrated with electron platform to develop desktop app

MPA[Multi Page App] vs SPA:

---------------------------
*website with collection of webpages,each webpage will have its own
request and response beteween browser and webserver is called
MPA
browser webserver
-------------------------------------->website
<------------------------------------- home page

about contact[click]---------------------------->about page

<----------------------------
 ...

eg: amazon,ebay,banking app

MPA can be developed using asp.net,asp.net mvc,php,..

advantages:
->SEO[search engine optimization] will be better
->more secured
disadvantages:
->slower response
->more burden on webserver
->performance will be effected
******************************************************

*website with single mainpage and other pages will be loaded as a part
of mainpage without reloading|refreshing mainpage is a called SPA
(or)
*single webpage providing access to all the content of website is
called SPA

eg:gmail,twitter,youtube,..

advantages:
->faster response
->less burden on server
->better performance
->client can work offline with the data available in
client system

browser webserver
-------------------------------------->website
<------------------------------------- home page

about contact[click]
|
...

disadvantages:
->less secured
->not search engine friendly

*SPA can be developed using angular|reactjs|..