1. Building Angular Applications with TypeScript Sergey Barskiy Architect Level: Intermediate

2. Solution Anatomy Role of Components –MVC Views –Angular modules –Web Api Services –Entity Framework

3. Data Access Layer Repositories –Additional DTO classes as necessary –Segregate query from CUD operation

4. Additional Server Components Business Classes vs Entity Framework Classes –Purpose for each one –Minimize Code with AutoMapper –Validation Approach with Data Annotation and IValidatableObject Business Classes in TypeScript –T4 Templates

5. Additional View Components MVC Templates –Purpose Localization Consistent Look Validation Typos avoidance

6. Additional Server Components Web Api –Services at the center of the app –Standalone component without UI dependencies

7. Angular Components Controllers –Inheritance and common functionality Validation Directives –Form controls –Form submitting HTTP Services Common Components –Please Wait Dialog –HTTP Interceptors and HTTP Service Dynamic Menu

8. Wrapping Up TypeScript –Productivity –Intellisense –Fewer typos Angular –Well Organized, clean code MVC –Productivity –Fewer errors Web Api –Standalone service layer based on business objects

9. Questions? Sergey@Barskiy.com http://DotNetSpeak.com