Angular, Angular 2

Testing

Turbocharge Your Angular Testing Workflow - Victor Mejia at ng-conf 2017: https://youtu.be/wj3dStoEhso

• Jasmine Reference
  • Angular2 Unit Testing Recipes, Gerard Sans on medium.com, Feb 9, 2016
  • Testing Strategies in Angular2, Julie Ralph at Angular Connect, London, October 2015
  • Testing Components in Angular2 with Jasmine
  • Testing Angular2 HTTP Services with Jasmine
• Karma Configuration
• Protractor
  • Using a Framework
  • Locators
  • Page Objects
  • Debugging

Styling

Angular 2's Fresh Approach to Style - Justin Schwartzenberger

• :host-context() is explained at 16:00

Building Libraries

• Angular Package Format

Packaging Angular - Jason Aden at ng-conf 2017: https://youtu.be/unICbsPGFIA

CLI

• CLI Reference

Concepts & Overview

ℹ️ level: starters, basic knowledge

http://youtube.com/watch?v=X5YopWEpIEM

Angular2 – Moderne Webanwendungen und Single Page Applications mit JavaScript

2., aktualisierte Auflage erscheint voraussichtlich im März 2017, ca. 488 Seiten, gebunden O´Reilly ISBN Print: 978-3-96009-026-7

https://www.oreilly.de/buecher/12469/Angular%202.html

https://www.amazon.de/Angular-Moderne-Webanwendungen-Applications-JavaScript/dp/3960090269

Optimizing Angular2 Apps

ℹ️ level: advanced, focuses on AoT, Tree-Shaking, Clojure Compiler

https://youtu.be/_VnV7R4Ncwc

Top Tips for Smaller Bundles

ℹ️ level: advanced

https://docs.google.com/presentation/d/1yk70w0-X7uN1eZaatOypmQ51jLjhiCIU8Ifucs69iWw/preview?slide=id.p

Stephen Fluin, Feb 8th 2017, Angular MTV

Data Binding & Performance Tuning

• Databinding in Angular 2: https://speakerdeck.com/manfredsteyer/databinding-in-angular-2
• Angular Data Binding Performance with OnPush, Immutables and Observables: https://speakerdeck.com/manfredsteyer/angular-data-binding-performance-with-onpush-immutables-and-observables
• Immutability vs. Encapsulation: https://vsavkin.com/immutability-vs-encapsulation-90549ab74487#.t4jmbt9v4

Ahead-of-Time (AoT) Compilation

• Angular 2 AOT Compilation And Tree Shaking With Webpack2 And/Or Rollup: Step By Step, Manfred Steyer
  • Code Sample: https://github.com/manfredsteyer/angular2-aot-webpack2-rollup
• Getting your Angular 2 library ready for AoT, Isaac Mann
• Making your Angular 2 library statically analyzable for AoT, Isaac Mann

Reading List (Misc)

• Angular2 Official Docs to get people on board:
  • Displaying Data: https://angular.io/docs/ts/latest/guide/displaying-data.html
  • User Input: https://angular.io/docs/ts/latest/guide/user-input.html
  • Template Syntax: https://angular.io/docs/ts/latest/guide/template-syntax.html
  • Component Interaction: https://angular.io/docs/ts/latest/cookbook/component-communication.html
  • Forms: https://angular.io/docs/ts/latest/guide/forms.html
  • Routing: https://angular.io/docs/ts/latest/guide/router.html
  • Dependency Injection: https://angular.io/docs/ts/latest/cookbook/dependency-injection.html
  • Style Guide: https://angular.io/docs/ts/latest/guide/style-guide.html
• Viktor Savkin on Angular Concepts
  • The Core Concepts of Angular 2: https://vsavkin.com/the-core-concepts-of-angular-2-c3d6cbe04d04
  • Angular Router: Understanding Router State: https://vsavkin.com/angular-router-understanding-router-state-7b5b95a12eab
  • Three Ways to Test Angular 2 Components: https://vsavkin.com/three-ways-to-test-angular-2-components-dcea8e90bd8d

Blogs

• Minko Gechev: http://blog.mgechev.com/posts/
• Manfred Steyer: https://www.softwarearchitekt.at/default.aspx
• Nrwl Blog: https://blog.nrwl.io

---

Docker

Docker: What Every Angular Developer Should Know About It! - Dan Wahlin

Dan Wahlin at ng-conf 2017, https://youtu.be/socWfhPJptE

---

JavaScript

Netflix JavaScript Talks - Async JavaScript with Reactive Extensions

http://youtube.com/watch?v=XRYN2xt11Ek

Zone.js

https://www.youtube.com/watch?v=3IqtmUscE_U

---

TypeScript

Why use TypeScript instead of just using JavaScript?

Dave Voyles, https://channel9.msdn.com/Blogs/raw-tech/Why-use-TypeScript-instead-of-just-using-JavaScript

Channel 9 / MSDN

https://channel9.msdn.com/Search?term=TypeScript%20#pubDate=year&ch9Search&lang-en=en

• Anders Hejlsberg: Introducing TypeScript: https://channel9.msdn.com/posts/Anders-Hejlsberg-Introducing-TypeScript
• Anders Hejlsberg on TypeScript 2: https://channel9.msdn.com/Blogs/Seth-Juarez/Anders-Hejlsberg-on-TypeScript-2

---

CSS Tools & Frameworks

BEM Framework

Block, Element, Modifier

http://getbem.com/introduction/

Google WebFonts Helper

A Hassle-Free Way to Self-Host Google Fonts

https://google-webfonts-helper.herokuapp.com/