Angular for rookies MS TechDays 2017
•Download as PPTX, PDF•
0 likes•252 views
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.
Angular for rookies MS TechDays 2017
- 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
- 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