Date post: | 17-Jan-2017 |
Category: |
Technology |
Upload: | laurent-duveau |
View: | 256 times |
Download: | 3 times |
@LaurentDuveau
MVP, RD
I live in Montreal
Founder of the Angular Academy
2-day Angular Classroom Training
34 classes last year
Montreal, Quebec, Toronto, Ottawa , Vancouver, Calgary, …
April 26-27!
TypeScript is a typed 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
TypeScriptfile.ts
JavaScriptfile.js
TypeScript Compiler
Output ES5/ES6/… compliant code
“Transpiling”
let height:number = 6;let isDone:boolean = true;let name:string = "Angular Academy";let list:number[] = [1, 2, 3];
14
let list: Array<number>;list = [17, 99, 42]; // OK
let cpt: number|string;cpt = 123; // OKcpt = "123"; // OK
15
class Auto
constructor(private _engine:string)
get engine():string return this._engine;
set engine(val:string) this._engine = val;
start() console.log("Take off using: " + this._engine);
constructor
get/set property
blocks
method
Getting started faster!
23
> npm install -g angular-cli
> ng new DemoAngular
> ng serve
cli.angular.io
There’s a new kid 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
JavaScript Framework especially suitable 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
JavaScript,
HTML,
CSS, …
Angular is here
REST API,
ASP.NET,
C#, …
Your DB is
there!
Where is
TypeScript ?
Components ModulesDependency
Injection
Language
(TypeScript)
Services Data Binding Decorators Routing
Visual Studio 2015 QuickStarthttp://tinyurl.com/jmhv9h8
Angular setup with VS 2015 and ASP.NET 4 http://tinyurl.com/h2n82v8
ASP.NET Core + Angular template for VShttp://tinyurl.com/jnoqwfs
Deploy an Angular/ASP.NET Core App to Azure http://tinyurl.com/he4g8lb
39