From 065afbf329bdf475f32a47c64b41c72f1ad95843 Mon Sep 17 00:00:00 2001 From: Bill Erickson Date: Thu, 5 Apr 2018 15:35:34 -0400 Subject: [PATCH] ang2 preso getting started Signed-off-by: Bill Erickson --- NOTES.adoc | 1 + ang2-preso.adoc | 81 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 82 insertions(+) create mode 100644 ang2-preso.adoc diff --git a/NOTES.adoc b/NOTES.adoc index 8b914983b..febbf248e 100644 --- a/NOTES.adoc +++ b/NOTES.adoc @@ -17,6 +17,7 @@ https://blog.angular.io/stable-angularjs-and-long-term-support-7e077635ee9c === General Stuff === * TypeScript is not required, but is almost universally assumed in Angular, RXJS, ng-bootstrap, stackoverflow, you-name-it documentation. +* TS works well with IDEs * NodeJS automates various developer tasks. ** Handles boilerplate code generation. diff --git a/ang2-preso.adoc b/ang2-preso.adoc new file mode 100644 index 000000000..3c3dd8659 --- /dev/null +++ b/ang2-preso.adoc @@ -0,0 +1,81 @@ += How Angular Lost its JS +:author: Bill Erickson, Software Development Engineer, King County Library System +:email: berickxx@gmail.com +:date: Evergreen Conference 2018 +:duration: 50 +:backend: deckjs +:max-width: 45em +:deckjs_theme: web-2.0 + +== Recap & Terminology + +* Evergreen browser client uses 'AngularJS' (v1.6) +** AKA Angular1 +* The future of 'AngularJS' is 'Angular' (v5.2) +** AKA Angular.io +** AKA Angular2+ +** AKA Angular5 + +== AngularJS SITREP + +* Final release 1.7 in June 2018 +* 3-year LTS +* EG version 3.7 (March 2021) + +== AngularJS 1.7 LTS Support + +1. A security flaw is detected in the 1.7.x branch of the framework + +2. One of the major browsers releases a version that will cause current +production applications using AngularJS 1.7.x to stop working + +3. The jQuery library releases a version that will cause current production +applications using AngularJS 1.7.x to stop working. + +https://blog.angular.io/stable-angularjs-and-long-term-support-7e077635ee9c + +== Angular + +A complete rewrite of AngularJS. + +== Key Changes + +* Nested Routing and Lazy Loading +* Integrated i18n +* Integrated ReactiveX library for JavaScript (RxJS). +* TypeScript + + +== Nested Routing and Lazy Loading +== Integrated I18N +== More I18N On the Horizon + +[quote,ocombe,https://github.com/angular/angular/issues/11405] +In v6 we will release runtime i18n: one bundle for all locale, translations +resolved at runtime, and maybe *code translations* if we have the time +(otherwise it'll come soon after). + +== RxJS +== TypeScript + +== Bootstrap CSS v4 / ng-bootstrap + +* New ng-bootstrap supports Bootstrap v4 only. +* Bootstrap v4 is a "reboot" of v3. +* Panels, Thumbnails, and Wells replaced with "Cards" +* No more glyphicons -- licensing issues. +** https://getbootstrap.com/docs/4.0/extend/icons/ +** https://material.io/icons/ -- apache license + +== Migrating to Angular + +== Mixed-Mode Gotchas +* Avoid use of page-level controllers (ng-controller). +** Controllers should be instantiated via routing +* Template variables must live within a controller +** egCore.strings.setPageTitle() => ng2Title.setTitle() + + + + + -- 2.11.0