Download to read offline
![Basic types boolean // var b = true, c = false; number // var n = 100, m = 10.0; string // var s = 'Hello'; array // var a1: number[] = [ 1, 3, 5 ]; array // var a2: Array<number> = [ ]; enum // var c = Color.red; any // var x; void // foo(): void { }](https://image.slidesharecdn.com/typescript-modulesandunittestingng-bkk3-150729174437-lva1-app6892/75/Mudularity-and-Unit-Testing-in-TypeScript-for-ng-bkk-3-12-2048.jpg)
Uploaded bySuthep Sangvirotjanaphat
Mudularity and Unit Testing in TypeScript (for ng-bkk #3)
The document discusses TypeScript, a superset of JavaScript that enhances code quality through features like type annotations, interfaces, and generics. It covers various TypeScript versions, basic types, and introduces unit testing with Mocha and Chai. Additional resources and community links for TypeScript enthusiasts are provided.
Mudularity and Unit Testing in TypeScript (for ng-bkk #3)
- 1. MODULARITY AND UNIT TESTING INTYPESCRIPT Suthep Sangvirotjanaphat Founder and Instructor of GreatFriends.biz Microsoft MostValuable Professional
- 2.
- 4. GreatFriends ■ Page fb.com/greatfriends.biz ■Group fb.com/groups/greatfriends.biz ■ Web next.greatfriends.biz ■ Me fb.com/suthep Other FB Groups ■ F#Thai ■ TypeScriptThailand ■ gitฮับ และมือใหม่Gitฮับ ■ .NET Framework Source Code Study Group
- 5. TypeScript Features from the future, today. ■0.8 ■ 1.0 ■ 1.3 ■ 1.4 ■ 1.5 ■ 1.6 ■ 2.0
- 6. TYPESCRIPT TypeScript is asuperset of JavaScript that compiles to clean JavaScript output.
- 7.
- 8. DefinitelyTyped and tsd ■http://definitelytyped.org ■ http://definitelytyped.org/tsd
- 9. Lang. ■ Types ■Classes ■ Interfaces ■ Generics
- 10. Type annotation var x: number; x = true; // error x = 100; // ok function print(s : string) : void { console.log(s); } print(x); // error print(x.toString()); // ok
- 11. Type inference var x= 10; // infer x as a number var x : number = 10; // infer this function return type as string function Foo(n: number) { return n.toFixed(2); } function Foo(n: number) : string { … }
- 12. Basic types boolean //var b = true, c = false; number // var n = 100, m = 10.0; string // var s = 'Hello'; array // var a1: number[] = [ 1, 3, 5 ]; array // var a2: Array<number> = [ ]; enum // var c = Color.red; any // var x; void // foo(): void { }
- 13.
- 14. Interface and ducktyping
- 15.
- 16.
- 17. Demo 1 of 3 ■Install typescript ■ Coding and compiling ■ Install tsd ■ Install definition files from 3rd party libraries
- 18. TypeScript 1.5 ■ Lots ofES 6 language features ■ Modules ■ Decorators
- 19. ES 6 languagefeatures ■ modules ■ destructing ■ spread ■ for..of ■ computed properties ■ let/const ■ tagged string template
- 20. Decorators ■ needs --experimentalDecoratorscompiler option
- 21.
- 22.
- 23.
- 24.
- 25.
- 26. Demo 2 of 3 ■Kafi Project ■ Live Demo
- 27.
- 28.
- 29.
- 30.
- 31. Demo 3 of 3 ■unit testing inTypeScript
- 32.
- 33. Q&A More fun ahead! pleasevisit and join GreatFriends! ■ Page fb.com/greatfriends.biz ■ Group fb.com/groups/greatfriends.biz ■ Web next.greatfriends.biz ■ Me fb.com/suthep