Typescript in 5 minutes.

In this article we will simply write a small program in typescript . So if you are a newbie you can follow this program or you can start learning the typescript programming from this article as well.

We will do it steps by steps.
If you want to know about typescript please visit my blogpost https://whymysolutions.blogspot.com/2017/09/what-is-typescript.html

Step 1 :

 To compile a typescript program we must need a typescript compiler and the compiler name is tsc compiler . You can get this in two ways

                  . By downloading the npm (by node.js package manager)
                  . By typescript's Visual studio plugins

By default Visual studio 2017 and Visual studio 2015 update 3 supports typescript .

Step 2 :       
So for NPM users, to install the typescript

npm install  -g typescript 
Here g stands for globally . So after the complete of the installation we will write the program.

So now we will build our first typescript program. Create a file having name as "FirstProgram.ts".
Write down the below code .
function FirstProgram(message) {
    return "Hello, " + message;
}
let text = "Very good afternoon.";
document.body.innerHTML = FirstProgram(text);

So in command line run the following line
tsc FirstProgram.ts

Step 3:
        So when you compile the code then you will see a javascript file with same name as "FirstProgram.js" with same code.

Your output will be
Hello, Very good afternoon.

So this our first typescript program . As it is a very simple one . We will discuss one by one in upcoming article.
If you want to know about typescript please visit my blogpost https://whymysolutions.blogspot.com/2017/09/what-is-typescript.html

Comments

Post a Comment

Popular posts from this blog

The input is not a valid Base-64 string as it contains a non-base 64 character, more than two padding characters, or an illegal character among the padding characters.

I was trying to upload a file in client side and sending back the data from the client to Web API controller by angular service . Step 1 : I was doing it by. (It was bot the complete code )   function saveFile(file, cb) {     var readerObj = new FileReader();     readerObj .readAsDataURL(file);     readerObj .onload = function () {         savedFileDataAsBase64Format(readerObj .result, file.name,cb);     };     readerObj .onerror = function (error) {         alert("Error in uploading the file.");     }; Step 2 :     This is my Web api controller action method.        [HttpPost]         [Route("api/FileInput/SaveBase64FileData/{fileName}")]         public void SaveBase64FileData(string fileName, [FromBody]string fileData)         {     ...
Read more

The transaction is aborted or Failure while attempting to promote transaction.

This error is generally produced while you working on the  Linq query with Entity framework and there was some other system configurations like Visual studio 2015. Entity framework version 4. C# 4.5 But while I checked the Inner exception I got the following message  "There is already an open DataReader associated with this Command which must be closed first" So in my case there was some WCF services and from the WCF services I was extracting the data by Linq query . This was code  Code: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 using (TransactionScope scope = new TransactionScope()) { using (CentralisedData_DataDataContext db = new CentralisedData_DataDataContext()) { // Some code was there } db.SubmitChanges(); ...
Read more

Unable to load one or more breakpoints in Visual studio.

Image
Those who are working on Visual studio IDE they might have faced this type of error while opening any existing project . Sometimes by rebuild the solution or removing the break points the issue is get resolved .  So this problem/ issue is caused due to various reason but among those reason one of them is worked for me .  Here is my solutions. It worked for me . Please follow my steps. Step 1:    Please go to the physical folders/files of your solution . Just right click of the solution and from the options choose "Open Folder is File Explorer". Please check the attached Image. Please click on Image to view it properly Step 2:     Then you will see the files like this. Then please check the if the "Hide Items" checkbox is checked or not . If not checked please check that one. Then you will   see .vs folder .                               Please click on Im...
Read more