1 / 9

Building Angular Applications with TypeScript

Building Angular Applications with TypeScript. Sergey Barskiy Architect. Level: Intermediate. Solution Anatomy. Role of Components MVC Views Angular modules Web Api Services Entity Framework. Data Access Layer. Repositories Additional DTO classes as necessary

soo
Download Presentation

Building Angular Applications with TypeScript

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  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

More Related