Monday, July 23, 2018

AngularJS vs Angular: The Introduction

As I try to maintain my status as a “Full Stack Developer” I have been looking at Angular and AngularJS. So, what gives? Angular is an open source web application platform that Google released in 2016 to replace AngularJS (then called Angular). AngularJS is Google’s original Angular, released in 2010. Angular and AngularJS are completely different.

In this experiment I wrote a simple list/detail site in both AngularJS (in JavaScript ES5) and Angular (in TypeScript). I created a simple REST endpoint with JSON-Server.

Methodology

AngularJS

I took a project I wrote a coupe of years ago and simplified it and then refactored it to match the files structure of the Angular app (foo.ts became foo.js).

Angular

I created the app, the components and services using the Angular CLI (version 6). I put all of the REST calls in a “services” to match the architecture I used in the AngularJS app; most of the samples I found online called the http methods directly from the components.

The App

The Task List is the “Hello World” of databinding, so I went with this. I dropped the “People” table so we only have 1 table: “Todos”. Both apps do the same thing using the same structure as far as I could push it.

About the series AngularJS vs Angular

11 comments:

chinnaa said...

Great post. keep sharing such a worthy information

swift training in bangalore
swift developer training in chennai

Akila said...

Great post. keep sharing such a worthy information

Cloud Computing Training in Chennai  
Cloud  Training in Chennai   

devi said...

Great post. keep sharing such a worthy information
DevOps Training in Chennai
 DevOps Training in Bangalore   

Akila said...

Great post. keep sharing such a worthy information
 Digital Marketing Course in Chennai 
  Best digital marketing course online 
 Digital Marketing Courses in Bangalore 

anu said...

Great post. keep sharing such a worthy information
 AWS Training in Chennai 
 AWS Training in Bangalore

chinnuu said...

Great post. keep sharing such a worthy information
Ethical Hacking Course in Chennai
Ethical Hacking course in Bangalore

Girl said...

Great post. keep sharing such a worthy information

Data Science Training in Chennai
Data Science Courses in Bangalore

ramyapranauv said...

Nice information.. keep updating
RPA Training in Bangalore
RPA course in Bangalore
RPA Training in Chennai
RPA Training Institute in Bangalore
Robotic Process Automation Training in Chennai
RPA Classes in Chennai


to said...

Great post. keep sharing such a worthy information

swift training in bangalore
swift developer training in chennai

Beem said...

Nice info!
Cloud Computing Training in Chennai
Cloud Training in Chennai

chitra said...

Fabulous blog keep updating like this.....
Best DevOps Training in Chennai
DevOps Training institute in Chennai
DevOps Course in Bangalore
DevOps Training Institutes in Bangalore