Kevin Hennessy Applied Information Sciences - Senior Software Engineer Monday, Oct 19th 10:30 am - Front-End Dev

1. ANGULAR 2.0
A BEGINNER'S GUIDE
Kevin Hennessy
Applied Information Sciences
@kevinmhennessy
https://github.com/kevinhennessy/AllThingsOpen

2. AGENDA
Why a new version of Angular
Angular 2.0 Design
Browser Support
Web Components, ES6 and TypeScript
Demos!
What's Next

3. WHY A NEW VERSION OF ANGULAR?
The Web has changed in six years!
ES6 will transform JavaScript programming
Web Components are on their way
Angular will need a new implementation of databinding
Angular not designed for mobile apps
Performance issues, inability to cache pre-compiled views,
lackluster touch support
Angular needs to be easier to learn!
Source:http://eisenbergeffect.bluespire.com/all-about-angular-2-0/

4. ANGULAR 2.0 DESIGN
Modular, mobile-first design that also scales for the desktop
Support for Web Components out of the box
Built using Typescript, with easy transpilation to ES5
Can also use ES6 and ES5
New databinding implementation improves performance
Won't rely on jQLite or DOM wrappers in general
DDO, $scope, Controllers, angular.modules all go away
Will be easier to learn!
Source:http://angularjs.blogspot.com/2014/10/ng-europe-angular-13-and-beyond.html

5. BROWSER SUPPORT
Will support modern browsers that auto-update - Chrome,
FireFox, Opera, Safari and IE11.
Recently announced support for IE 9 and 10.
On mobile, Chrome on Android, iOS 7+, Windows Phone 8+
and Firefox Mobile.
Support for older versions of Android going back to 4.1.

6. WEB COMPONENTS
Umbrella term for four different W3C specs:
Custom Elements
HTML Templates
Shadow DOM
HTML Imports
Provides composability, encapsulation, and reusability.

7. ECMA SCRIPT 6
New version of JavaScript adopted in July
Provides:
Classes
Module System
And much more
Can still use ES5 with Angular 2.0

8. TYPESCRIPT
Provides Static Typing for JavaScript
Microsoft/Google collaboration
Decorators added by MS
Angular 2.0 built with TypeScript
Use of TypeScript is optional

9. DEMOS

10. WHAT'S NEXT
Finish Core, API Sugaring, Perf+, Docs
Migration Support, Animate, Material Design, CLI
Server Render, Native, Web Workers
Angular Ships When?

11. ANGULAR 2: WHAT HAVE WE LEARNED?
Mobile first design
Evergreen browsers
Built on Emerging Standards
Improved Performance
Easy to Learn
Uses TypeScript

12. RESOURCES
The source:
The website for Angular 2.0:
Today's Demos:
https://github.com/angular/angular
https://angular.io/
https://github.com/kevinhennessy/AllThingsOpen