Day 7 : TypeScript

-
 

TypeScript :



Basic Introduction :
  • TypeScript is an open-source, object-oriented programming language.
  • TypeScript is developed and maintained by “Microsoft” and introduced by “Anders Hejlsberg”.
  • TypeScript is a strongly typed superset of JavaScript.
  • TypeScript is the ES6 version of JavaScript with some additional features.
  • TypeScript cannot be directly run on the browser.
  • TypeScript is a language as well as a set of tools.

Features :

  • TypeScript extends JavaScript and makes it strongly typed.
                       - Strongly typed means when we write the code the datatype is checked.
  • During the development phase errors and issues are caught.
  • All JavaScript code are valid TypeScript code.
  • TypeScript gives us benefit of OOP features, classes, closures and IIFE. 


Why we use TypeScript instead of JavaScript??

  • Firstly JavaScript language is introduced for client-side. After that the Node.js makes JavaScript server-side too. 
  • However JavaScript is growing, the maintainance and reuse of code becomes difficult.
  • So it fails in compile-time error checking, strongly-type checking and also fails to hold the features of object-oriented programming.
  • TypeScript is designed to solve these failures. It is a mixture or addition of  ES5, ES6 and additional features.

Note: 

  • TypeScript code can be converted into JavaScript code.
  • The TypeScript code has .ts extension.
  • It highlights the errors at compilation time.

Installation :

  • For installation use the below command in your vs code terminal :
npm install -g typescript 

Simple Program :

  • After successfully installing typescript, create a file using .ts extension.
  • And after writing code, use below command :
// Simple.ts  => TypeScript file
> tsc Simple.ts
  • This command creates a .js file and now run the below command for output :
> node Simple.js

Program and output :

TS File :


Converted JS file :


Terminal :




Thank You!!!

For more understanding watch below video :


JavaScript Day 1 : Day 1

JavaScript Day 2 Global Pollution : Day 2 Global

JavaScript Day 2  Undefined and Hoisting : Day 2 Undefined

JavaScript Day 3 : Day 3

JavaScript Day 4 : Day 4

JavaScript Day 5 : Day 5

JavaScript Day 6 : Day 6





Comments

Post a Comment

Popular posts from this blog

Day 3 : JavaScript

-
Image
 Data Types of JavaScript:  In JavaScript, their are three data types present i.e number, string and boolean. As we all know JavaScript is a dynamic language, means one variable can hold different datatypes.                    Example :                                      var x;                                      x=10;              //number                                      x="Hello"      //string                     // In above eg. the x holds number as well as string but shows string.                 ...
Read more

SQL Concepts-1

-
Image
              In this blog we are going to understand the important and basic concepts of SQL... Q. How to  create a SQL server database  connection and new database? 1. Firstly open SSMS and connect with server also ensure SQL Server(MSSQLSERVER) is in running mode - 2. Create a new database -                                                              3. Create a table - // U need to refresh whenever u add a new table            Q. What is primary key and foreign key in SQL server? Primary Key :  Primary key is a column having unique record. Primary key cannot have NULL values. It is used to uniquely identify records in relational database. Only one primary key is allowed in a table. When we delete or update records, data integrity happens. Foreign Key...
Read more

ASP .NET Session Management

-
Image
  Q. Why http protocol is called as stateless ? HTTP protocol is called as stateless because the http server not keeps the record of any information. When client requests to server, every time request treated independently(it not checks whether it requested before or not) by server. We can also say that when client ends the process of any task the connection between server and browser also terminated. In below example we can see that after accessing browser when we again access the value of i starts again from 0.                                                   Stateless Protocol : Stateless protocols are the protocols in which client sends request to server and server response back to client based on current state.  Server not require to maintain information of each client with multiple requests. Some important features of stateless protocol are :...
Read more