Downloaded 17 times
![let height:number = 6;
let isDone:boolean = true;
let name:string = "Angular Academy";
let list:number[] = [1, 2, 3];
15](https://image.slidesharecdn.com/prdc-angular-170606164559/85/Introduction-to-Angular-for-NET-Developers-15-320.jpg)
![let height:number = 6;
let isDone:boolean = true;
let name:string = "Angular Academy";
let list:number[] = [1, 2, 3];
15](https://image.slidesharecdn.com/prdc-angular-170606164559/75/Introduction-to-Angular-for-NET-Developers-15-2048.jpg)
Uploaded byLaurent Duveau
Introduction to Angular for .NET Developers
This document serves as an introduction to Angular for .NET developers, highlighting Angular's reliance on TypeScript, a Microsoft technology that simplifies JavaScript coding. It outlines the use of Angular CLI for quick app setup and details its compatibility with modern browsers, as well as integration with various tools like Visual Studio. The content emphasizes the component-based architecture of Angular applications and provides links to resources for further learning and setup.
More Related Content
Similar to Introduction to Angular for .NET Developers
![Xamarin.Forms [french]](https://cdn.slidesharecdn.com/ss_thumbnails/xamarinforms-150611014646-lva1-app6892-thumbnail.jpg?width=600ounds&width=560&fit=bounds)
![Windows 8: Live tiles, badges et notifications toasts [french]](https://cdn.slidesharecdn.com/ss_thumbnails/win8-tiles-badges-notifications-130619124528-phpapp02-thumbnail.jpg?width=600ounds&width=560&fit=bounds)
Introduction to Angular for .NET Developers
- 1. Introduction to Angular for.NET Developers!
- 2.
- 3. @LaurentDuveau MVP, RD I livein Montreal Founder of the Angular Academy 2-day Angular Classroom Training 64 classes in the last 18 months Montreal, Boston, Quebec, Toronto, Ottawa, Calgary, Vancouver, London, Copenhagen, … July 13-14!
- 4.
- 6. THIS TALK ISABOUT…
- 7.
- 10.
- 11. 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# 11
- 12.
- 13.
- 14. I hate JavaScript… TypeScriptis here to help! .NET Dev Mom
- 15. let height:number =6; let isDone:boolean = true; let name:string = "Angular Academy"; let list:number[] = [1, 2, 3]; 15
- 16. class Person { privatename: string; constructor(name:string) { this.name = name; } getName(): string { return this.name; } } var p = new Person(‘Laurent’); p.getName(); class Person { constructor(private name:string) { } getName(): string { return this.name; } } var p = new Person(‘Laurent’); p.getName(); Or shorter…
- 17. 17 Enums Generics Interface async/await … TypeScript: Angular’s SecretWeapon Wednesday at 8:30 AM - Laurent Duveau
- 19.
- 20.
- 21.
- 22.
- 23. Getting started faster! 23 >npm install -g @angular/cli > ng new DemoAngular > ng serve cli.angular.io
- 24. THE ANGULAR CLIMAKES IT EASY TO CREATE AN APP THAT WORKS AND FOLLOWS BEST PRACTICES, RIGHT OUT OF THE BOX.
- 25. 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 or ASP.NET, … Rich code editor from VS in a fast and lightweight tool Debug, deploy Git integration Extensions code.visualstudio.com
- 26.
- 28. 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
- 29. * based onv2 architecture released in September 14, 2016 Angular 4.1.3! *
- 30. 30 JavaScript, HTML, CSS, … Angular ishere REST API, ASP.NET, C#, … Your DB is there! Where is TypeScript ?
- 31. Components Modules Dependency Injection Language (TypeScript) Services DataBinding Decorators Routing
- 32. Header Component Menu Component Footer Component ListComponentGrid Component
- 33. YOUR APP ISA TREE OF COMPONENTS
- 34.
- 36. A component isa reusable object Made up of: HTML Template Code (ts class)
- 37.
- 38. 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 38
- 39.