AngularJS - What is it & Why is it awesome ? (with demos)
Upcoming SlideShare
Loading in...5
×
 

AngularJS - What is it & Why is it awesome ? (with demos)

on

  • 5,427 views

AngularJS - What is it & Why is it awesome! A quick introduction to AngularJS, its features and some demos. This deck was part of Gary Arora's presentation for the Boston Code Mastery event in ...

AngularJS - What is it & Why is it awesome! A quick introduction to AngularJS, its features and some demos. This deck was part of Gary Arora's presentation for the Boston Code Mastery event in December 2013.

Statistics

Views

Total Views
5,427
Views on SlideShare
5,414
Embed Views
13

Actions

Likes
14
Downloads
156
Comments
0

2 Embeds 13

http://artemdemo.me 7
https://twitter.com 6

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

AngularJS - What is it & Why is it awesome ? (with demos) AngularJS - What is it & Why is it awesome ? (with demos) Presentation Transcript

  • Why is Awesome! Gary Arora
  • Who's that guy? Gary Arora Sr. Consultant at Magenic Microsoft Technology Stack Technology Enthusiast (geek) Meteor, Node, Angular etc. Globetrotter Amateur pilot AroraGary.com
  • What Angular is NOT
  • AngularJS... is not a JavaScript library (e.g jQuery) is not a Platform (e.g .Net, Java) or a Language (e.g C#) is not a Plugin or a browser extension doesn’t abstract away HTML, CSS, or JavaScript doesn’t require jQuery or inheritance from proprietary types doesn’t use one-way data binding doesn’t require boilerplate code is not that complicated
  • What Angular is
  • “Superheroic JavaScript MVW Framework” - angularjs.org “Angular is what the web browser would have been, had it been designed for applications” Angular is a client-side MVC framework but... Miško Hevery. The Creator. “there is complete lack of an angular API. There is nothing to inherit, nothing to call, and no complex life cycle for your controllers to follow [...] It really is just a better browser.”
  • Demo!
  • Hello World! < > el Wr d / > p H l o o l <p Hello ! Enter name
  • Hello [name]! Angular jQuery
  • What makes Angular Awesome ?
  • Why is Angular awesome? MVC design pattern SPA support Testing JavaScript Google Core AngularJS Features AngularJS's MVC = MVVM (Model-ViewViewModel). Model = Data (JavaScript Object) ViewModel = Specific data to specific view ($scope)
  • Why is Angular awesome? MVC design pattern SPA support Testing JavaScript Google Core AngularJS Features index.html about_us.html our_products.html
  • Why is Angular awesome? MVC design pattern 1. Unit Testing - Isolate small "units" of code 2. E2E Testing - Full area of application against a SPA support special HTTP server Testing 3. 1,600 AngularJS tests in about 3 seconds JavaScript Google Core AngularJS Features
  • Why is Angular awesome? MVC design pattern Clientside rendering SPA support Perceived Performance Testing POJO Atwood’s Law JavaScript Google Core AngularJS Features “Any application that can be written in JavaScript will eventually be written in JavaScript” ~Jeff Atwood, co-founder: Stack Overflow, Stack Exchange
  • Why is Angular awesome? MVC design pattern Google Product = Steller level & quality of SPA support support Testing Google Backing = Increased credibility & JavaScript Google interest Core AngularJS Features
  • AngularJS Features: 2 Way Databinding
  • AngularJS Features: 2 Way Databinding
  • AngularJS Features: Filters & Dynamic Templating
  • AngularJS Features: Filters & Dynamic Templating
  • AngularJS Features: Filters & Dynamic Templating
  • AngularJS Features: Directives
  • AngularJS Features: Directives
  • AngularJS Features: Directives
  • Summing up What: It's a framework that binds your HTML (views) to JavaScript objects (models) Why: To create properly architected & maintanable web applications MVC done right - Reduces server load Geared towards SPA & CRUD web applications (Think database frontends) Robust set of tools Amazing testability Write less code Is awesome!
  • How do I learn more? AngularJS Official Site AngularJS Subreddit AngularJS YouTube Channel Egghead.io Built with AngularJS