Angular 2

A Brief Overview

October 18, 2016

Terence Carroll

Software Engineer

@thack

Angular 1

February 15, 2010

Web apps made simple.

  • Enhanced HTML for Apps
  • Designers + Developers
  • Backend Database

 

MVC Frameworks:

  • Backbone
  • Knockout
  • Ember

Angular 2

September 14, 2016

One Framework.

  • Mobile
  • Desktop

 

Modern, Inspired By:

  • React
  • Ember
  • Durandal

Angular 1

Not Prescriptive

No Style Guide

JavaScript & Dart

Angular Seed

 

Angular 2

Batteries Included

Style Guide

TypeScript, ES6, & Dart

Angular CLI

Angular 1

Large Download

  • Compiler Included
  • Everything Included

 

Angular 2

Optimized Download

  • Ahead of Time Compiler
  • Tree Shaking
  • 318KB → 49KB

Angular 1

No Server Rendering

DOM Dependency

Angular 2

Universal JavaScript

Runs without DOM

  • Node
  • Webworker
  • NativeScript
  • React Native

Angular 1

Many Concepts:

  • Directives
  • Scope
  • Dependency Injection
  • Transclusion
  • Services
  • Binding Syntax
  • Change Detection

Angular 2

Simplified Syntax:

  • Components
  • Dependency Injection
  • Property Binding

Angular 1

Change Detection

  • Dirty Checking

Limited Router

  • UI Router

Angular 2

Fast Performance

  • Ultrafast Change Detection with Zone.js

New Router

  • Lazy Loading
  • Component Composition

Angular 2

Mobile

  • Ionic 2
    • Complete Rewrite
  • NativeScript 2.0
    • Native Mobile
  • Progressive Web Apps

 

Angular 2

Built for Testability

 

Angular 2

Great Documentation

Awesome Community

Angular 2

Next Week!

Tuesday, October 25th

6:30pm The Iron Yard

 

Learn from Google

 

Jules Kremer

Developer Relations

 

Stephen Fluin

Developer Advocate

Angular 2

By thack

Angular 2

  • 318