Skip to content

Latest commit

 

History

History
138 lines (103 loc) · 3.03 KB

README.md

File metadata and controls

138 lines (103 loc) · 3.03 KB

typescript-tutorial-examples

Codacy Badge

Typescript first steps.

Project structure

├── build
├── dev
    └── tsconfig.json
  • In build directory you can find js and js.map files (transpilation outputs).
  • In dev directory you can ts files.
  • typescript tsc configuration file tsconfig.json
  • outputs are in es5 format

Typescript tutorial examples

1. Episode

function hello world

     Hello, World!

2. Episode

first class

     elephant object = [object Object]

3. Episode

bigger class with getters, setters, constructor with params, access keywords

     elephant => name = elephant 2, age = 10, vaccination = true

4. Episode

trick how you can have overloaded methods (technicaly still one method) and multiple constructors (technically still one constructor) and lambda example.

     tiger1 => name = Tiger1, age = undefined, vaccination = undefined
     undefined
     24
     undefined
     24
     tiger2 => name = Tiger2, age = 14, vaccination = undefined
     14
     13
     14
     13
     tiger3 => name = Tiger3, age = 10, vaccination = true
     10
     10
     10
     10

5. Episode

  • interface
  • enum
     => name = Audi R8 => speed = 230 => price = 3500 => sport = true
     => name = BMW => speed = 220 => price = 4500 => sport = undefined

6. Episode

  • inheritance
  • abstract class
  • toString
  • instanceof
     It is Ferrari
     { name: 'My Ferrari', sport: true, toString: [Function] }
     Vehicle = [ name : My Ferrari , sport : true , speed : 250 , price : 5600]
     It is Ford
     { name: 'My Ford', sport: false, toString: [Function] }
     Vehicle = [ name : My Ford , sport : false , speed : 190 , price : 3000]

7. Episode

  • usage of type keyword
  • object literals
  • varargs
  • Function type
  • arrays
  • tuples
     hello world
     one
     two
     one
     8
     2
     20
     first
     second
     third
     11-22-333
     9
     2

8. Episode

  • Generics
      string is there.
      string
      Vehicle is there.
      Vehicle

Prerequisites

You need to install Nodejs.

Settings and tools

This examples were created with WebStorm configured

1