What's there in Angular?

Angular Terminology

Angular 1.x = AngularJS  

Angular 2+ = Angular     

@pankajparkar

Pankaj P. Parkar

Technical Lead

Synerzip Softech India PVT LTD

  • Microsoft MVP (3 times)

  • Opensource Contributor

  • Stackoverflow Topuser for Angular and AngularJS

  • 100k+ reps on Stackoverflow

  • .Net and Angular Developer

  • Currently working on React, GraphQL & Nodejs

@pankajparkar

About Me

Stack Overflow Contribution

React vs Angular - Learning Curve

@pankajparkar

Platform Independent

  • Works on Mobile and Desktop
  • Framework has considered mobile-friendly approach, so that it can work smoother on mobile as well. 
  • Native Script for native application development

@pankajparkar

Speed and Performance

  • Super fast change detection mechanism to update bindings on the page.
  • AOT mode helps to ship less bytes of code to the client machine
  • Angular Universal can be used for Server Side Rendering 

@pankajparkar

Incredible Tooling in place

  • Typescript:  static typing, modularity. 
  • Angular CLI - Command based interface, helps to create things by simple commands.
  • Incorporated all the best practices.

@pankajparkar

  • Full fledge production ready application
  • RxJS - Reactive (async) Programming paradigm

Angular Packages

Seemless Upgrades using CLI

@pankajparkar

  • Upgrade Angular app using simple command
  • Angular material commands directly add whole stuff just by firing below command

 Trust Factor

  • used at Google on 600+ project
  • Any new changes, are deployed to this 600+ projects and verified internally before shipping new versions to audience.

@pankajparkar

https://console.firebase.google.com/u/0/

https://console.cloud.google.com

https://express.google.com

https://angular.io (PWA & Web Component)

.

.

.

Highly modularize and maintainable code

@pankajparkar

Source: https://angular.io

Adaptive to upcoming Web Standard

  • Angular supports web-component out of the box
  • Angular Components can be easily use outside of Angular using Angular Elements API
  • Ivy Render: Will help to ship less number of bytes to client box, this will improve boot up performance

@pankajparkar

Current Angular

  • Angular 7.x is going to have fantastic improvement in terms of performance
Angular 6.x (compressed )
Hello World Application 40kb (approx.)
Todo Application 80-100kb (approx.)

Current Angular Stats

Angular 7.x

  • Angular 7.x is going to have fantastic improvement in terms of performance

Angular Next

Angular Next (compressed )
Hello World Application 2.75kb (approx.)
Todo Application 12.72kb (approx.)

Future

  • Angular Elements

  • Angular Ivy Renderer

@pankajparkar

What's there in Angular?

By Pankaj Parkar

What's there in Angular?

Latest feature that are introduced in Angular, and how they could help to be more productive in business sense.

  • 1,008