Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 

  • Get started with a simple TypeScript application

    @swati.kothiyal
    Recommendations Offline Message

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 646
    Comment on it

    Typescript is Microsoft’s extension of Javascript. It provides type checking abilities and also has features of object oriented programming. TypeScript is used in both Angular2 and Ionic2.
    TypeScript has similar syntax and semantics that are used in javascript by developers.

    Installing TypeScript
    You can install TypeScript tools in two ways:

    • By npm (the Node.js package manager)
    • By installing Visual Studio plugins of TypeScript

    Run the following command to install TypeScript:
     

    1. npm install -g typescript

    Build TypeScript File:
    Write the following code in your text editor and save it as hello.ts :

    1. function hello(name) {
    2.     return "Hello, " + name;
    3. }
    4.  
    5. var user = user name;
    6.  
    7. document.body.innerHTML = hello(user);

    Compile the code:
    Run this TypeScript compiler tsc greeter.ts

    1. tsc hello.ts

    It will create a greeter.js file with the same javascript code that is written in ts file.

    Type annotations:
    There are some ways in TypeScript that can be used to record the intended contract of the variable or function. Here, we are passing string as a parameter in hello function:

    1. function hello(name: string) {
    2.     return "Hello, " + name;
    3. }
    4.  
    5. var user = user name;
    6.  
    7. document.body.innerHTML = hello(user);

    here we have added :string type annotation to hello function as argument.

    Running your TypeScript web app:
    Now create a html file hello.html with the below code and run it in browser to see the result.

    1. <!DOCTYPE html>
    2. <html>
    3.     <head><title>TypeScript hello</title></head>
    4.     <body>
    5.         <script src=hello.js"></script>
    6.     </body>
    7. </html>

     

    Javascript typescript HTML tags
    Comment on it

 0 Comment(s)

Sign In
Forgot Password?
                           OR                           
Create an account !!
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Reset Password
Fill out the form below and reset your password: