This document provides an overview of the Angular framework. It discusses Angular's release history and versions. It also covers key Angular concepts like components, services, data binding, and communication between parent and child components. Additionally, it mentions tools used in Angular development like TypeScript, Angular CLI, and Node Package Manager (NPM). It provides example Angular projects, demos, and resources for learning more about Angular.

7. https://angular.io/
https://facebook.github.io/react/
http://aurelia.io/
https://vuejs.org/

8. DEMO
SPA: Angular Tour of Heroes

9. Angular 2.0 September 2016
Angular 3.0 Skipped
Angular 4.0 March 2017
Angular 5.0 t.b.a.
https://github.com/angular/angular/releases

15. DEMO
Working with TypeScript

18. navbar.component.ts

19. navbar.component.html

20. Node Package Manager (NPM)
Angular Command Line Interface (Angular CLI)
Visual Studio Code

21. Online repositories for packages/modules.
Command line utility to install packages, version
management and dependency management.
https://nodejs.org/en

22. Free, cross-platform code editor from Microsoft
Extensible
Built-in Git support
Syntax highlighting & autocomplete, Intellisense

23. Create an Angular project ng new
Build an Angular project ng build
Run an Angular project ng serve
Generate Angular parts ng generate
npm install -g @angular/cli

24. DEMO
Creating & Exploring an Angular project

25. Parent
Child 1
Child 2
@OUTPUT @INPUT
@OUTPUT
A component can send data to its parent by triggering an event the parent listens to
@INPUT
A component can receive data from its parent.

26. Server-side typically a REST Service (JSON)
ASP.NET WebApi, ASP.Net Core
Angular HTTP module
Implement in a separate classes/services
Use static mock types to fake API

27. Angular Material UI component library
https://material.angular.io/
Angular Tour of Heroes tutorial
https://angular.io/tutorial
Angular Blog
https://blog.angular.io/

28. Modern & full web Framework
Nice development experience
(TypeScript/Intellisense)
Maintainable component classes
Community | Documentation

29. DEMO
Exploring Angular Tour of Heroes
if time permits ;)

30. Q & A