- This event has passed.
Angular 2/4 Hands-on Programming Codecamp
Friday, September 15, 2017 @ 8:30 am - 4:30 pm
Location: Lubar Hall, N440
In this hands-on programming codecamp, we are going start with brief instruction on Angular. Then we are going to learn TypeScript language. Then we will dive into some of the basic Angular features, which include “Component”, “Data binding”, “Directives”, “Pipes”, “Services” and “RESTful programming”. Each of these features will be explained and demonstrated with code. Attendees are then expected to do lab using his/her own laptop. Given the time constraint, we will not be able to cover some advanced topics such as “forms”, “routing”, “security”, “unit testing”, “end to end testing”, “custom directives”, “modules”, etc.
The topics you will learn:
- Angular 2 Introduction
What is and Why Angular 2 (or 4)?; Angular CLI
- Angular 2 Component
Building blocks of Angular 2 application; Component; Template; Metadata; Component tree; View encapsulation; <ng-content>; Angular 2 app bootstrapping
What is databinding?; Interpolation; Property binding; Local template references; Event binding; Two-way databinding
- Built-in Directives
What is a directive?; Attribute directives: ngClass, ngStyle; Structural directives: *ngFor, *ngIf, ngSwitch with *ngSwitchCase
What is a Pipe?; Built-in Pipes; Custom Pipes; Pipes and change detection; Pure and Impure pipes; Quick tutorial on Promise and Observable; Async pipe
Angular 2 Services; Dependency injection;@Injectable; EventEmitter; Using a pipe within service code
- RESTful programming
Setting up REST server; Asynch. response handling in Angular 2; Angular 2 Http service; Observable operators; Getting an item (HTTP GET); Posting an item (HTTP POST); Deleting an item (HTTP DELETE); Getting list of items (HTTP GET); Error handling on Observable
The cost for the workshop is $165. Discounted rate is available for UWM MIS alumni for $145.