Typescript

TypeScript is an open-source programming language developed and maintained by Microsoft. It is a strict syntactical superset of JavaScript, and adds optional static typing to the language.

Transcript

1. <Typescript /> Bharathkumar Vaitheeswaran
2. Author Bio Bharathkumar Vaitheeswaran Architect, Software Engineer, Knowledge Management Professional, Programming, People LinkedIn: https://www.linkedin.com/in/bharathkumarms/ Twitter: https://twitter.com/vbharathkumar HackerEarth: https://www.hackerearth.com/@v.bharathkumar Git-Hub: https://github.com/bharathkumarms Interests: .NET, JavaScript, Cloud, Web, Mobile, Big Data, ML, AI, VR, AR, Bot, IoT
3. Agenda • Demo • Project Introduction • Session II Introduction • Typescript Programming Language 101
4. Demo VS Code. Function Type Check, Class Type Check.
5. Project Introduction Develop a Vending Machine app with what is taught in this class. We can go in- depth in Session II. The exercise code is shared will all participants. Please use it as the base and build your app individually or in groups.
6. Session II Introduction We will cover more practical examples and NGUX code base.
7. Theory • https://www.typescriptlang.org/(2.6.2) • Open Source, Cross browser, Maintained by Microsoft, ES6/ES7 • Type checking, intellisence, prevent bugs • tsc compiler transpiles to js(nodejs.org), cross platform • So, TS will save a lot of time. • Quick Start • Install Node,npm install –g typescript, create class & transpile(grunt/Ctrl+Shift+B) • Editor • VS, Code, WebStorm, Sublime, Atom
8. Language Basics
9. Basics • Class • Object • Fields • Data Type – Boolean, string, number, enum, array, interface, class • Access Modifier – Public, Private, Protected • Property – Get, Set • Function – Fat Arrow • Let vs Var • Clean Code – Use Angular, Knockout etc • Constructor, Static, Loops
10. d.ts • https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/typ es
11. OO • Polymorphism • Inheritance – Extends (inherit from one class) • Abstract Class • Interface – implements (implement from multiple interfaces) • Super
12. Namespace & Modules • Namespace Key Word • Export Class in a namespace • Nest • Load Modules Using Import Statement
13. Further • Generic T • Decorator – e.g. @Component in Angular 2 • Dart, Coffeescript
14. Thank You