YouTube Link: https://youtu.be/4LNuwtHkcoM *** Full Stack Web Developer Masters Program: https://www.edureka.co/masters-program/full-stack-developer-training *** This Edureka video on "What is TypeScript" provides in-depth knowledge about typescript and why it is important. This TypeScript Tutorial for Beginners also talks about the different advantages and features of Typescript. Follow us to never miss an update in the future. YouTube: https://www.youtube.com/user/edurekaIN Instagram: https://www.instagram.com/edureka_learning/ Facebook: https://www.facebook.com/edurekaIN/ Twitter: https://twitter.com/edurekain LinkedIn: https://www.linkedin.com/company/edureka Castbox: https://castbox.fm/networks/505?country=in

2. WHAT IS TYPESCRIPT?
WHY DO WE USE TYPESCRIPT?
TYPESCRIPT FEATURES
www.edureka.co
BENEFITS OF TYPESCRIPT
COMPONENTS
HOW TO INSTALL TYPESCRIPT
WORKING OF TYPESCRIPT
DIFFERENCE BETWEEN TYPESCRIPT & JAVASCRIPT

3. www.edureka.co

4. TypeScript is a typed superset of JavaScript that compiles to plain
JavaScript. It is pure object-oriented with classes, interfaces and
statically typed programming languages like C# or Java. You will
need a compiler to compile and generate the code in the JavaScript
file. Basically, TypeScript is the ES6 version of JavaScript with
some additional features.
www.edureka.co

5. www.edureka.co

6. www.edureka.co

7. 01
02
03
04
05
06
Using new features of ECMAScript
Static Typing
Type Inference
Better IDE Support
Strict Null Checking
Interoperability
www.edureka.co

8. www.edureka.co

9. www.edureka.co

10. www.edureka.co

11. BENEFITS OF
TYPESCRIPT
fast, simple, easy to learn and runs on any browser or
JavaScript engine
It is similar to JavaScript and uses the same syntax and
semantics
This helps backend developers write front-end code faster
You can call the TypeScript code from an existing
JavaScript code
The Definition file, with .d.ts extension, provides support for
existing JavaScript libraries like Jquery, D3.js
It includes features from ES6 and ES7 that can run in ES5-
level JavaScript engines like Node.js
www.edureka.co

12. www.edureka.co

13. www.edureka.co

14. www.edureka.co

15. Via npm (Node.js Package Manager)
command-line tool
npm install -g typescript
By installing TypeScript via Visual Studio
www.edureka.co

16. Copyright © 2017, edureka and/or its affiliates. All rights reserved.
www.edureka.co

17. www.edureka.co

18. JAVASCRIPT TYPESCRIPT
www.edureka.co

19. www.edureka.co

20. www.edureka.co

21. ➢TypeScript is an Object-Oriented
language
➢It has a feature known as Static
typing
➢TypeScript gives support for
modules
➢It supports optional parameter
function
➢JavaScript is a Scripting
language
➢It does not have static
typing
➢JavaScript does not
support modules
➢It does not support optional
parameter function
www.edureka.co

22. www.edureka.co