Download as PDF, PPTX
Uploaded byLaurent Duveau
Introduction to Angular for .NET Developers
This document summarizes a presentation about Angular for .NET developers. It introduces Angular as a JavaScript framework built using TypeScript, discusses Angular tools like the Angular CLI and VS Code editor, and demonstrates core Angular concepts like components, modules, and data binding. The presentation recommends resources for setting up Angular with Visual Studio and deploying Angular/ASP.NET applications to Azure.
Introduction to Angular for .NET Developers
- 1.
- 2. @LaurentDuveau angular.ac/blog MVP, RD I livein Montreal Founder of the Angular Academy 2-day Angular Classroom Training 58 classes in the last 18 months Montreal, Boston, Quebec, Ottawa, Toronto,Vancouver, Calgary, London, Copenhagen, … April 26-27!
- 3.
- 5. THIS TALK ISABOUT…
- 6.
- 9.
- 10. TypeScript is atyped superset of JavaScript that compiles to plain JavaScript You can combine Javascript with Typescript Any browser. Any host. Any OS It is a Microsoft Technology, Open Source From the creator of C# 10
- 11.
- 12. I hate JavaScript… TypeScript is hereto help! .NET Dev Mom
- 14.
- 15.
- 16.
- 17.
- 18. Getting started faster! 22 >npm install -g @angular/cli > ng new DemoAngular > ng serve cli.angular.io
- 19. THE ANGULAR CLIMAKES IT EASY TO CREATE AN APP THAT WORKS AND FOLLOWS BEST PRACTICES, RIGHT OUT OF THE BOX.
- 20. There’s a newkid in town! VS Code… a code editor, not an IDE Free, Open Source Windows, Mac, Linux! HTML5, CSS, LESS, JavaScript or C# with NodeJs, ASP.NET, … Rich code editor from VS in a fast and lightweight tool Debug, deploy Git integration Extensions code.visualstudio.com
- 21.
- 23. JavaScript Framework especiallysuitable for single-page modern web applications (Single Page Application, or SPA) Compatible with Internet Explorer 9+ and others modern browsers Open Source, MIT license www.angular.io
- 24. * based onv2 architecture released in September 14, 2016 Angular 4.0.3! *
- 25. 29 JavaScript, HTML, CSS, … Angular ishere REST API, ASP.NET, C#, … Your DB is there! Where is TypeScript ?
- 26. Components Modules Dependency Injection Language (TypeScript) Services DataBinding Decorators Routing
- 27. Header Component Menu Component Footer Component ListComponentGrid Component
- 28. YOUR APP ISA TREE OF COMPONENTS
- 29.
- 31. A component isa reusable object Made up of: HTML Template Code (ts class)
- 34.
- 35. Visual Studio 2015QuickStart http://tinyurl.com/jmhv9h8 Angular setup with VS 2015 and ASP.NET 4 http://tinyurl.com/h2n82v8 ASP.NET Core + Angular template for VS http://tinyurl.com/jnoqwfs Deploy an Angular/ASP.NET Core App to Azure http://tinyurl.com/he4g8lb 39
- 36.