Comments on: Object Oriented Programming with TypeScript Tutorial (JavaScript OOP)

By: Dhineshkumar

Dhineshkumar — Wed, 30 Mar 2016 11:51:34 +0000

Hi,

Thanks for your reply. Do you have any idea in angular js and require js.

By: robert

robert — Tue, 15 Mar 2016 18:39:31 +0000

Ya, "bool" was the old way TypeScript did it. It is now "boolean". I will change that. Thanks. Check out my new and better Boilerplate that uses ES6 Modules in TypeScript.

By: LuisQuin

LuisQuin — Tue, 15 Mar 2016 14:20:57 +0000

Hi, Robert.
Thanks for this helpful post.
Are you using “bool” instead of “boolean” in several places of your source code? I get an error when I try to compile :S

By: robert

robert — Sat, 05 Mar 2016 01:34:39 +0000

Sorry, I don’t use Angular.

By: DhineshKumar

DhineshKumar — Fri, 04 Mar 2016 06:48:03 +0000

Hi,

It’s really help full to start learn typescript.

Can you please help how to use typescript in angular structure?

By: Mcmurray

Mcmurray — Sat, 19 Sep 2015 06:01:31 +0000

This was really superb and i enjoyed it.
Please is there a way to can show me how to create a slickGrid or a Grid using Typescript.

By: sasha

sasha — Wed, 25 Mar 2015 15:48:44 +0000

Great! thank you a lot, really helpful

By: siddjain

siddjain — Sat, 12 Jul 2014 19:44:48 +0000

if you want to modify your csproj to create a single js file as part of build process (rather than running tsc.exe), insert following code in csproj file:
app.js
i got this tip from http://stackoverflow.com/questions/15864584/what-are-the-typescript-project-build-configuration-options

i also inserted this code in the csproj to nuke out all the old js files before every build:

del ..\*.js

i also set this to false in debug mode as i don’t know what use it is:
false

By: robert

robert — Wed, 08 Jan 2014 01:07:07 +0000

Ya, I didn't have luck creating a single declaration file from my code in My TypeScript Workflow. Talking about baby steps I was able to create TypeScript Source Maps After Minifying my code. If I have time I may look to see how I can add it to my TypeScript workflow.

By: Martin Andersson

Martin Andersson — Mon, 06 Jan 2014 12:43:57 +0000

Would be awesome if you could write a new tutorial or add a section that the describes the whole build process. We want to compile our project into one JS file yes, but we also want to minify that file and have a working source map to go with the minified file. Moreover, we want a declaration file. This is requirements all serious programmers should have. Yet I keep reading tutorials all over internet covering all kinds of topics yet only describing the first few baby steps one need to take.

Making the compiler output one single file with his source map and create a declaration file can be done from the GUI in latest Visual Studio. The tuff problem is to minify the file. How that affects the source map file, I don’t know.

Thank you for sharing!

By: robert

robert — Fri, 06 Dec 2013 03:36:45 +0000

I never new about Script# and Saltarelle but I don’t know if there is a compiler from C# to TypeScript. The syntax is very close to ActionScript 3 and that is why I like it.

By: PepLamb

PepLamb — Thu, 05 Dec 2013 18:32:27 +0000

Awesome!

The syntax is closer to Java than C# with keywords like ‘extends’ and ‘implements’. I worked with Script# and Saltarelle (C# to Javascript translators) and would like to know if there are any ways to translate C# to typescript.

Thanks Robert!

By: robert

robert — Sun, 05 May 2013 14:22:05 +0000

I think your are having scoping issues but can't tell if I don't see the code but check out my TypeScript Arrow Function Tutorial it will help.

By: Clark

Clark — Sat, 04 May 2013 21:42:39 +0000

Finally have time to start looking through you website typescript articles. Sorry if I spam you in advance! I refactored my project to use your structure but I am getting problems with “this” scoping. For example I would get an error that window.turnOn does not exist. Therefor this appears to not reference the car but the window. I have no idea why this occurs but it appears to have something to do with lambda =>. As I have just realised during this post, I am using a global setInterval function to start the car. Thus turnOn becomes window.turnOn……. And does not refer to the car class method. I currently do not understand scope here.

By: robert

robert — Wed, 01 May 2013 03:44:13 +0000

Hey, thanks for the feedback. This is true you can have all your classes as single TS files and just reference them with ///<reference path='folder/MyClass.ts'/>. Then type "tsc --out main.js Main.ts" which would be your top level class (Main.ts) and it will concatenate all your TypeScript files that are referenced in your classes into a single JavaScript file (main.js). Check out my HTML5 Canvas Ad with TypeScript Tutorial and download the example files. Sounds like there is going to be a lot of changes with TypeScript version 0.9.0. I am hoping they changed how modules are imported/referenced.

By: Clark

Clark — Tue, 30 Apr 2013 13:52:39 +0000

This page is excellent. Everything I pump into google relating to my typescript woes comes back here like an old friend. Thanks Robert.

I have done almost what you have done, but used modules as package names.

module com.codebelt.robert
{
export class Vehicle extends FooBar()
}

This is causing me all kinds of problems. If I am reading this correctly, there is no need for modules in this way. I can package my classes into individual TS simply reference them with the /// ?

By: robert

robert — Fri, 21 Dec 2012 22:49:25 +0000

Sorry I don’t have the time to do that.

By: Karthik

Karthik — Fri, 21 Dec 2012 15:28:31 +0000

Can u provide me a a seminar report on Type script…

it can help me in my studies…

By: Karthik

Karthik — Thu, 20 Dec 2012 10:49:45 +0000

Thank you Robert ….

It help me a lot…

By: robert

robert — Tue, 18 Dec 2012 14:42:02 +0000

The main difference I see is how easy it is to create classes that can extend other classes. Then you are just writing JavaScript after that.

class Truck extends Vehicle {
//Now write normal JavaScript
}

You also don’t have to type out prototype on all your class functions which makes you source code smaller and cleaner to read.

TypeScript is not a new language it just adds some conventions to JavaScript like how to create a class and the ability to add types to your variables and functions. This will help in error checking and refactoring when you have an IDE that supports TypeScript.

You don’t need to use types such as (private, :number, :void, etc) but these will help with code completion with an IDE like WebStorm 6 or Visual Studio.

Download the example code and compare the typescript code to the outputted JavaScript code.