Uploaded byNitay Neeman
Why do we need TypeScript?
TypeScript is a superset of JavaScript that adds optional static typing and class-based object-oriented programming. It allows for code completion, type annotations, and helps support AngularJS 2.0. Developed by Microsoft in 2010, it transpiles code into pure JavaScript. Its features include classes, modules, interfaces, generics, mixins, and declaration merging, providing syntax checking and preparing code for ES6 support.
More Related Content
Similar to Why do we need TypeScript?
![Coded Agents – with UiPath SDK + LangGraph [Virtual Hands-on Workshop]](https://cdn.slidesharecdn.com/ss_thumbnails/codedagentsdeck-251215155422-5497c599-thumbnail.jpg?width=640&height=640&fit=bounds)
Why do we need TypeScript?
- 1.
- 2. We will talkabout ○ What is TypeScript? ○ Motivation ○ Brief history ○ Main features ○ Conclusions 2
- 3. What is TypeScript? “TypeScriptis a free and open source programming language developed and maintained by Microsoft. It is a strict superset of JavaScript, and adds optional static typing and class-based object-oriented programming to the language.” (Definition by Wiki) TypeScript transpiles to pure JavaScript. 3
- 4. The meaning oftranspiling Compilation - taking source code written in one language and transforming into another. For example: C# -> IL. Transpilation - taking source code written in one language and transforming into another language that has a similar level of abstraction. For example: C++ -> C, Sass / LESS -> CSS. 4
- 5. Motivation ○ Syntax checking ○Code completion ○ Type annotations ○ ES6 support ○ Help us preparing for AngularJS 2.0 5
- 6. Brief history ○ 2010- Microsoft started internal development. ○ 2012 - First release (0.8) of TypeScript. It was supported in Visual Studio only. ○ 2013 - Next release (0.9) for supporting other IDE’s. ○ 2014 - TypeScript 1.0 was released. Meanwhile, AtScript was announced by Google. ○ 2015 - Microsoft and Google announced that AtScript development was abandoned and that features of AtScript would be implemented in TypeScript. 6
- 7. The reaction ofMicrosoft about AtScript.. 7
- 8.
- 9. So.. TypeScript includes: ○Classes ○ Modules ○ Arrow functions ○ Default, optional and rest parameters And all the awesome features of ES6! 9
- 10. New basic types ○Boolean ○ Number (float) ○ String ○ Array (one type) ○ Enum ○ Any - general type ○ Void - empty type 10
- 11. Syntax checking The followingcommand: Transpilation output: 11
- 12. Interfaces Interfaces define ruleson following types: ○ Objects ○ Functions ○ Arrays ○ Classes 12
- 13.
- 14.
- 15.
- 16. Generics General types forreusability. 16
- 17.
- 18.
- 19. Mixins Build a classby partial classes. 19
- 20. Declaration Merging Merging of: ○Multiple interfaces ○ Multiple modules ○ Modules with: ○ Classes ○ Functions ○ Enums 20
- 21. Declaration Merging -Interfaces The following are equal: 21
- 22. Declaration Merging -Modules In similar way, the following are equal: 22
- 23. Declaration Merging -Modules & Classes Exporting of module members into a class: 23
- 24. Declaration Merging -Modules & Enums / Functions In the same way, 24 Module - Members Enum Enum object with static members Function Function object with static members
- 25. Declaration file (.d.ts) Withoutthis file - TypeScript transpiler will not recognize the code of external JavaScript library. Actually, it guides the transpiler how to structure the code and it provides the desired “type annotation”. Download or build your own. 25
- 26. Resources ○ TypeScript Definition ○Compiling vs Transpiling ○ AtScript History ○ Declaration file ○ TypeScript Handbook ○ TypeScript Playground 26
- 27.