typescriptcrashcourse

typescriptcrashcourse_es6_arrow.js

let obj = {
	name: "Asim",
	sayLater: function() {
		// this...
		setTimeout(() => console.log(`${this.name}`), 1000)
	}
};
obj.sayLater();

typescriptcrashcourse_es6_const.js

'use strict';

const foo = Object.freeze({});
foo.prop = 1;
console.log(foo.prop);

typescriptcrashcourse_es6_destructuring.js

// const arr = ['a', 'b'];
// const [x, y] = arr;
// console.log(x);
// console.log(y);

function func({x=1}) {
	console.log(x);
}
func({});



// const obj = {first: 'Asim', last: 'Hussain', age: 39 };
//
// function getObj() {
// 	return obj;
// }
//
// const {first, last} = getObj();
//
// console.log(first);
// console.log(last);

typescriptcrashcourse_es6_let.js

'use strict';

let funcs = [];

for (let i = 0; i < 10; i += 1) {
    funcs.push(function () {
        console.log(i);
    })
}

funcs.forEach(function (func) {
    func()
});


// var a = "global";
// function hello() {
// 	var a = "function";
// 	for (var i = 0; i < 10; i++) {
// 		let a = "block";
// 	}
// 	console.log(a);
// }
// hello();

typescriptcrashcourse_es6_string.js

let name = "Asim";

let single = `hello
world
my
name
is
${name}`;
console.log(single);

typescriptcrashcourse_typescript_class.js

class Person {
    constructor(firstName, lastName) {
        this.firstName = firstName;
        this.lastName = lastName;
    }
    name() {
        return `${this.firstName} ${this.lastName}`;
    }
    whoAreYou() {
        return `Hi i'm ${this.name()}`;
    }
}
class Student extends Person {
    constructor(firstName, lastName, course) {
        super(firstName, lastName);
        this.course = course;
    }
    whoAreYou() {
        return `${super.whoAreYou()} and i'm studying ${this.course}`;
    }
}
let asim = new Student("Asim", "Hussain", "typescript");
console.log(asim.whoAreYou());

typescriptcrashcourse_typescript_class.ts

class Person {
    constructor(private firstName, private lastName) {
    }

    public name() {
        return `${this.firstName} ${this.lastName}`;
    }

    protected whoAreYou() {
        return `Hi i'm ${this.name()}`;
    }
}

class Student extends Person {
    course;

    constructor(firstName, lastName, course) {
        super(firstName, lastName);
        this.course = course;
    }

    whoAreYou() {
        return `${super.whoAreYou()} and i'm studying ${this.course}`;
    }
}

let asim = new Student("Asim", "Hussain", "typescript");
console.log(asim.whoAreYou());

typescriptcrashcourse_typescript_decorators.js

var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
function Student(config) {
    return function (target) {
        Object.defineProperty(target.prototype, 'course', { value: function () { return config.course; } });
    };
}
var Person = (function () {
    function Person(firstName, lastName) {
        this.firstName = firstName;
        this.lastName = lastName;
    }
    Person.prototype.name = function () {
        return this.firstName + " " + this.lastName;
    };
    Person.prototype.whoAreYou = function () {
        return "Hi i'm " + this.name();
    };
    Person = __decorate([
        Student({
            course: "angular3"
        })
    ], Person);
    return Person;
}());
var asim = new Person("Asim", "Hussain");
console.log(asim.course());

typescriptcrashcourse_typescript_decorators.ts

function Student(config) {
    return function (target) {
        Object.defineProperty(target.prototype, 'course', {value: () => config.course})
    }
}



@Student({
    course: "angular3"
})
class Person {
    constructor(private firstName, private lastName) {
    }

    public name() {
        return `${this.firstName} ${this.lastName}`;
    }

    protected whoAreYou() {
        return `Hi i'm ${this.name()}`;
    }
}

let asim = new Person("Asim", "Hussain");
console.log(asim.course());

typescriptcrashcourse_typescript_hello.js

console.log("hello world 2!");

typescriptcrashcourse_typescript_hello.ts

console.log("hello world 2!");

typescriptcrashcourse_typescript_module1.js

"use strict";
function square(x) {
    return Math.pow(x, 2);
}
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = square;
function cow() {
    console.log("Mooooo!!!");
}
exports.cow = cow;

typescriptcrashcourse_typescript_module1.ts

export default function square(x) {
    return Math.pow(x,2)
}

export function cow() {
    console.log("Mooooo!!!")
}

typescriptcrashcourse_typescript_module2.js

"use strict";
var module1_1 = require('./module1');
console.log(module1_1.default(4));
module1_1.cow();

typescriptcrashcourse_typescript_module2.ts

import square, {cow} from './module1';
console.log(square(4));
cow();

typescriptcrashcourse_typescript_tsconfig.json

{
    "compilerOptions": {
        "module": "commonjs",
        "target": "es5",
        "noImplicitAny": false,
        "sourceMap": false
    },
    "exclude": [
        "node_modules"
    ]
}

typescriptcrashcourse_typescript_types.js

var Direction;
(function (Direction) {
    Direction[Direction["Up"] = 0] = "Up";
    Direction[Direction["Down"] = 1] = "Down";
    Direction[Direction["Left"] = 2] = "Left";
    Direction[Direction["Right"] = 3] = "Right";
})(Direction || (Direction = {}));
var a = 1;
a = "2";

typescriptcrashcourse_typescript_types.ts

enum Direction {
    Up,
    Down,
    Left,
    Right
}

let a = 1;
a = "2";