Visual Studio Project

[tcsaddul]

Visual Studio Project

[jbaron]

Right now I’m using Qooxdoo in combination with Typescript for an editor called CATS. It is kind of a replacement for IDE’s like VisualStudio, Eclipse etc (if you are doing web development). So if you want to see how it would work, checkout the Qooxdoo branch of CATS and just let me know if you require some help to get it running:

https://github.com/jbaron/cats/tree/qooxdoo

Of course should also work with Visual Studio, but there I have no experience there since I do all my development with CATS :)

— Peter

On 01 Aug 2014, at 13:05, tcsaddul [email protected] wrote:

First of all, I like to mention I like qooxdoo a lot but I dislike JavaScript coding because I'm basically a statically typed guy from C#. I've been searching google every now and then for "Qooxdoo Typescript" every now and then until I found your work. By the way, do you have a sample using Visual Studio?

—
Reply to this email directly or view it on GitHub.

[tcsaddul]

Thank you for the link.  I downloaded it and tried to understand it. I guess I will need more time to study it.

For now, I just want to see a working simple Qooxdoo application written in Typescript just like the example below (taken from Qooxdoo's website):

var page = new qx.ui.mobile.page.NavigationPage();
page.setTitle("Login");
page.addListener("initialize", function() {
  var form = new qx.ui.mobile.form.Form();

  // User name
  var user = new qx.ui.mobile.form.TextField();
  user.setRequired(true);
  form.add(user, "Username");

  // Password
  var pwd = new qx.ui.mobile.form.PasswordField();
  pwd.setRequired(true);
  form.add(pwd, "Password");

  // Use form renderer
  page.getContent().add(new qx.ui.mobile.form.renderer.Single(form));

  // login button
  var button = new qx.ui.mobile.form.Button("Login");
  page.getContent().add(button);

  button.addListener("tap", function() {
    if (form.validate()) {  // use form validation
      alert("Loggin in " + user.getValue());
    }
  }, this);
},this);

this.getManager().addDetail(page);

page.show();

On Friday, August 1, 2014 7:47 PM, Peter [email protected] wrote:

Right now I’m using Qooxdoo in combination with Typescript for an editor called CATS. It is kind of a replacement for IDE’s like VisualStudio, Eclipse etc (if you are doing web development). So if you want to see how it would work, checkout the Qooxdoo branch of CATS and just let me know if you require some help to get it running:

https://github.com/jbaron/cats/tree/qooxdoo

Of course should also work with Visual Studio, but there I have no experience there since I do all my development with CATS :)

— Peter

On 01 Aug 2014, at 13:05, tcsaddul [email protected] wrote:

First of all, I like to mention I like qooxdoo a lot but I dislike JavaScript coding because I'm basically a statically typed guy from C#. I've been searching google every now and then for "Qooxdoo Typescript" every now and then until I found your work. By the way, do you have a sample using Visual Studio?

—
Reply to this email directly or view it on GitHub.

—
Reply to this email directly or view it on GitHub.

[jbaron]

If you look at:

https://github.com/jbaron/qx-typed/blob/master/application.ts

That is basic Qooxdoo using TypeScript. You’ll notice it looks very similar to Qooxdoo, but it is now typed and when you compile this TypeScript file into JavaScript it will be checked against the defined types in qooxdoo.d.ts. So this also implies that editors like Visual Studio or CATS will be able to offer you things like code completion etc.

You can run that file your self by checking out qx-typed from Github and open the index.html file in your browser.

One thing to notice is that I created the qooxdoo.d.ts file for the desktop widgets, not the mobile widgets. Although not that much work/different, right now I don’t require those widgets.

— Peter

On 01 Aug 2014, at 17:27, tcsaddul [email protected] wrote:

Thank you for the link. I downloaded it and tried to understand it. I guess I will need more time to study it.

For now, I just want to see a working simple Qooxdoo application written in Typescript just like the example below (taken from Qooxdoo's website):

var page = new qx.ui.mobile.page.NavigationPage();
page.setTitle("Login");
page.addListener("initialize", function() {
var form = new qx.ui.mobile.form.Form();

// User name
var user = new qx.ui.mobile.form.TextField();
user.setRequired(true);
form.add(user, "Username");

// Password
var pwd = new qx.ui.mobile.form.PasswordField();
pwd.setRequired(true);
form.add(pwd, "Password");

// Use form renderer
page.getContent().add(new qx.ui.mobile.form.renderer.Single(form));

// login button
var button = new qx.ui.mobile.form.Button("Login");
page.getContent().add(button);

button.addListener("tap", function() {
if (form.validate()) { // use form validation
alert("Loggin in " + user.getValue());
}
}, this);
},this);

this.getManager().addDetail(page);

page.show();

On Friday, August 1, 2014 7:47 PM, Peter [email protected] wrote:

Right now I’m using Qooxdoo in combination with Typescript for an editor called CATS. It is kind of a replacement for IDE’s like VisualStudio, Eclipse etc (if you are doing web development). So if you want to see how it would work, checkout the Qooxdoo branch of CATS and just let me know if you require some help to get it running:

https://github.com/jbaron/cats/tree/qooxdoo

Of course should also work with Visual Studio, but there I have no experience there since I do all my development with CATS :)

— Peter

On 01 Aug 2014, at 13:05, tcsaddul [email protected] wrote:

First of all, I like to mention I like qooxdoo a lot but I dislike JavaScript coding because I'm basically a statically typed guy from C#. I've been searching google every now and then for "Qooxdoo Typescript" every now and then until I found your work. By the way, do you have a sample using Visual Studio?

—
Reply to this email directly or view it on GitHub.

—
Reply to this email directly or view it on GitHub.
—
Reply to this email directly or view it on GitHub.

[tcsaddul]

Thank you so much!  I will do what you have suggested.

On Saturday, August 2, 2014 4:39 PM, Peter [email protected] wrote:

If you look at:

https://github.com/jbaron/qx-typed/blob/master/application.ts

That is basic Qooxdoo using TypeScript. You’ll notice it looks very similar to Qooxdoo, but it is now typed and when you compile this TypeScript file into JavaScript it will be checked against the defined types in qooxdoo.d.ts. So this also implies that editors like Visual Studio or CATS will be able to offer you things like code completion etc.

You can run that file your self by checking out qx-typed from Github and open the index.html file in your browser.

One thing to notice is that I created the qooxdoo.d.ts file for the desktop widgets, not the mobile widgets. Although not that much work/different, right now I don’t require those widgets.

— Peter

On 01 Aug 2014, at 17:27, tcsaddul [email protected] wrote:

Thank you for the link. I downloaded it and tried to understand it. I guess I will need more time to study it.

For now, I just want to see a working simple Qooxdoo application written in Typescript just like the example below (taken from Qooxdoo's website):

var page = new qx.ui.mobile.page.NavigationPage();
page.setTitle("Login");
page.addListener("initialize", function() {
var form = new qx.ui.mobile.form.Form();

// User name
var user = new qx.ui.mobile.form.TextField();
user.setRequired(true);
form.add(user, "Username");

// Password
var pwd = new qx.ui.mobile.form.PasswordField();
pwd.setRequired(true);
form.add(pwd, "Password");

// Use form renderer
page.getContent().add(new qx.ui.mobile.form.renderer.Single(form));

// login button
var button = new qx.ui.mobile.form.Button("Login");
page.getContent().add(button);

button.addListener("tap", function() {
if (form.validate()) { // use form validation
alert("Loggin in " + user.getValue());
}
}, this);
},this);

this.getManager().addDetail(page);

page.show();

On Friday, August 1, 2014 7:47 PM, Peter [email protected] wrote:

Right now I’m using Qooxdoo in combination with Typescript for an editor called CATS. It is kind of a replacement for IDE’s like VisualStudio, Eclipse etc (if you are doing web development). So if you want to see how it would work, checkout the Qooxdoo branch of CATS and just let me know if you require some help to get it running:

https://github.com/jbaron/cats/tree/qooxdoo

Of course should also work with Visual Studio, but there I have no experience there since I do all my development with CATS :)

— Peter

On 01 Aug 2014, at 13:05, tcsaddul [email protected] wrote:

First of all, I like to mention I like qooxdoo a lot but I dislike JavaScript coding because I'm basically a statically typed guy from C#. I've been searching google every now and then for "Qooxdoo Typescript" every now and then until I found your work. By the way, do you have a sample using Visual Studio?

—
Reply to this email directly or view it on GitHub.

—
Reply to this email directly or view it on GitHub.
—
Reply to this email directly or view it on GitHub.

—
Reply to this email directly or view it on GitHub.

[tcsaddul]

Just downloaded qx-typed and after opening Application.ts, I can see that It is really the one I've been looking for.

Thank you so much!

On Saturday, August 2, 2014 10:18 PM, Tom Rivera [email protected] wrote:

Thank you so much!  I will do what you have suggested.

On Saturday, August 2, 2014 4:39 PM, Peter [email protected] wrote:

If you look at:

https://github.com/jbaron/qx-typed/blob/master/application.ts

That is basic Qooxdoo using TypeScript. You’ll notice it looks very similar to Qooxdoo, but it is now typed and when you compile this TypeScript file into JavaScript it will be checked against the defined types in qooxdoo.d.ts. So this also implies that editors like Visual Studio or CATS will be able to offer you things like code completion etc.

You can run that file your self by checking out qx-typed from Github and open the index.html file in your browser.

One thing to notice is that I created the qooxdoo.d.ts file for the desktop widgets, not the mobile widgets. Although not that much work/different, right now I don’t require those widgets.

— Peter

On 01 Aug 2014, at 17:27, tcsaddul [email protected] wrote:

Thank you for the link. I downloaded it and tried to understand it. I guess I will need more time to study it.

For now, I just want to see a working simple Qooxdoo application written in Typescript just like the example below (taken from Qooxdoo's website):

var page = new qx.ui.mobile.page.NavigationPage();
page.setTitle("Login");
page.addListener("initialize", function() {
var form = new qx.ui.mobile.form.Form();

// User name
var user = new qx.ui.mobile.form.TextField();
user.setRequired(true);
form.add(user, "Username");

// Password
var pwd = new qx.ui.mobile.form.PasswordField();
pwd.setRequired(true);
form.add(pwd, "Password");

// Use form renderer
page.getContent().add(new qx.ui.mobile.form.renderer.Single(form));

// login button
var button = new qx.ui.mobile.form.Button("Login");
page.getContent().add(button);

button.addListener("tap", function() {
if (form.validate()) { // use form validation
alert("Loggin in " + user.getValue());
}
}, this);
},this);

this.getManager().addDetail(page);

page.show();

On Friday, August 1, 2014 7:47 PM, Peter [email protected] wrote:

Right now I’m using Qooxdoo in combination with Typescript for an editor called CATS. It is kind of a replacement for IDE’s like VisualStudio, Eclipse etc (if you are doing web development). So if you want to see how it would work, checkout the Qooxdoo branch of CATS and just let me know if you require some help to get it running:

https://github.com/jbaron/cats/tree/qooxdoo

Of course should also work with Visual Studio, but there I have no experience there since I do all my development with CATS :)

— Peter

On 01 Aug 2014, at 13:05, tcsaddul [email protected] wrote:

First of all, I like to mention I like qooxdoo a lot but I dislike JavaScript coding because I'm basically a statically typed guy from C#. I've been searching google every now and then for "Qooxdoo Typescript" every now and then until I found your work. By the way, do you have a sample using Visual Studio?

—
Reply to this email directly or view it on GitHub.

—
Reply to this email directly or view it on GitHub.
—
Reply to this email directly or view it on GitHub.

—
Reply to this email directly or view it on GitHub.

[tcsaddul]

Hello.  Just encountered a similar framework but using HTML5 Canvas.  Please check:  | HTML5 Canvas Rich UI JavaScript Library or directly at GitHub:  https://github.com/barmalei/zebra

Personally, after looking at the demos and some codes, I'm super impressed with it.

 
         
| HTML5 Canvas Rich UI JavaScript Library
Zebra brings fresh view and possibilities to develop WEB based Rich UI applications. The approach sits on top of HTML5 Canvas element what makes possible to render any imaginable UI.
View on www.zebkit.com Preview by Yahoo
 
 
 
           
barmalei/zebra
zebra - JavaScript library that follows easy OOP concept, provides HTML5 Canvas based Rich UI and includes Java to JavaScript converter tool
View on github.com Preview by Yahoo
 
 

On Saturday, August 2, 2014 4:46 PM, Peter [email protected] wrote:

If you look at:

https://github.com/jbaron/qx-typed/blob/master/application.ts

That is basic Qooxdoo using TypeScript. You’ll notice it looks very similar to Qooxdoo, but it is now typed and when you compile this TypeScript file into JavaScript it will be checked against the defined types in qooxdoo.d.ts. So this also implies that editors like Visual Studio or CATS will be able to offer you things like code completion etc.

You can run that file your self by checking out qx-typed from Github and open the index.html file in your browser.

One thing to notice is that I created the qooxdoo.d.ts file for the desktop widgets, not the mobile widgets. Although not that much work/different, right now I don’t require those widgets.

— Peter

On 01 Aug 2014, at 17:27, tcsaddul [email protected] wrote:

Thank you for the link. I downloaded it and tried to understand it. I guess I will need more time to study it.

For now, I just want to see a working simple Qooxdoo application written in Typescript just like the example below (taken from Qooxdoo's website):

var page = new qx.ui.mobile.page.NavigationPage();
page.setTitle("Login");
page.addListener("initialize", function() {
var form = new qx.ui.mobile.form.Form();

// User name
var user = new qx.ui.mobile.form.TextField();
user.setRequired(true);
form.add(user, "Username");

// Password
var pwd = new qx.ui.mobile.form.PasswordField();
pwd.setRequired(true);
form.add(pwd, "Password");

// Use form renderer
page.getContent().add(new qx.ui.mobile.form.renderer.Single(form));

// login button
var button = new qx.ui.mobile.form.Button("Login");
page.getContent().add(button);

button.addListener("tap", function() {
if (form.validate()) { // use form validation
alert("Loggin in " + user.getValue());
}
}, this);
},this);

this.getManager().addDetail(page);

page.show();

On Friday, August 1, 2014 7:47 PM, Peter [email protected] wrote:

Right now I’m using Qooxdoo in combination with Typescript for an editor called CATS. It is kind of a replacement for IDE’s like VisualStudio, Eclipse etc (if you are doing web development). So if you want to see how it would work, checkout the Qooxdoo branch of CATS and just let me know if you require some help to get it running:

https://github.com/jbaron/cats/tree/qooxdoo

Of course should also work with Visual Studio, but there I have no experience there since I do all my development with CATS :)

— Peter

On 01 Aug 2014, at 13:05, tcsaddul [email protected] wrote:

First of all, I like to mention I like qooxdoo a lot but I dislike JavaScript coding because I'm basically a statically typed guy from C#. I've been searching google every now and then for "Qooxdoo Typescript" every now and then until I found your work. By the way, do you have a sample using Visual Studio?

—
Reply to this email directly or view it on GitHub.

—
Reply to this email directly or view it on GitHub.
—
Reply to this email directly or view it on GitHub.

—
Reply to this email directly or view it on GitHub.

[jbaron]

I agree, looks very impressive and the canvas rendering provides a lot of new possibilities (love the rotated GUI demo :)

From an API approach very similar to Qooxdoo. I truly think these type of frameworks combined with TypeScript makes developing web applications (especially the single-page type of apps) a lot more easier, maintainable and fun.

The only downside I can see of these type of frameworks is that they only work with components specifically designed and built for that framework. So future will tell if Zebra or Qooxdoo (or another similar kind of framework) will have enough traction for others to start contributing their components and make it a true success.

— Peter

On 17 Aug 2014, at 05:17, tcsaddul [email protected] wrote:

Hello. Just encountered a similar framework but using HTML5 Canvas. Please check: | HTML5 Canvas Rich UI JavaScript Library or directly at GitHub: https://github.com/barmalei/zebra

Personally, after looking at the demos and some codes, I'm super impressed with it.

| HTML5 Canvas Rich UI JavaScript Library
Zebra brings fresh view and possibilities to develop WEB based Rich UI applications. The approach sits on top of HTML5 Canvas element what makes possible to render any imaginable UI.
View on www.zebkit.com Preview by Yahoo

barmalei/zebra
zebra - JavaScript library that follows easy OOP concept, provides HTML5 Canvas based Rich UI and includes Java to JavaScript converter tool
View on github.com Preview by Yahoo

On Saturday, August 2, 2014 4:46 PM, Peter [email protected] wrote:

If you look at:

https://github.com/jbaron/qx-typed/blob/master/application.ts

That is basic Qooxdoo using TypeScript. You’ll notice it looks very similar to Qooxdoo, but it is now typed and when you compile this TypeScript file into JavaScript it will be checked against the defined types in qooxdoo.d.ts. So this also implies that editors like Visual Studio or CATS will be able to offer you things like code completion etc.

You can run that file your self by checking out qx-typed from Github and open the index.html file in your browser.

One thing to notice is that I created the qooxdoo.d.ts file for the desktop widgets, not the mobile widgets. Although not that much work/different, right now I don’t require those widgets.

— Peter

On 01 Aug 2014, at 17:27, tcsaddul [email protected] wrote:

Thank you for the link. I downloaded it and tried to understand it. I guess I will need more time to study it.

For now, I just want to see a working simple Qooxdoo application written in Typescript just like the example below (taken from Qooxdoo's website):

var page = new qx.ui.mobile.page.NavigationPage();
page.setTitle("Login");
page.addListener("initialize", function() {
var form = new qx.ui.mobile.form.Form();

// User name
var user = new qx.ui.mobile.form.TextField();
user.setRequired(true);
form.add(user, "Username");

// Password
var pwd = new qx.ui.mobile.form.PasswordField();
pwd.setRequired(true);
form.add(pwd, "Password");

// Use form renderer
page.getContent().add(new qx.ui.mobile.form.renderer.Single(form));

// login button
var button = new qx.ui.mobile.form.Button("Login");
page.getContent().add(button);

button.addListener("tap", function() {
if (form.validate()) { // use form validation
alert("Loggin in " + user.getValue());
}
}, this);
},this);

this.getManager().addDetail(page);

page.show();

On Friday, August 1, 2014 7:47 PM, Peter [email protected] wrote:

Right now I’m using Qooxdoo in combination with Typescript for an editor called CATS. It is kind of a replacement for IDE’s like VisualStudio, Eclipse etc (if you are doing web development). So if you want to see how it would work, checkout the Qooxdoo branch of CATS and just let me know if you require some help to get it running:

https://github.com/jbaron/cats/tree/qooxdoo

Of course should also work with Visual Studio, but there I have no experience there since I do all my development with CATS :)

— Peter

On 01 Aug 2014, at 13:05, tcsaddul [email protected] wrote:

First of all, I like to mention I like qooxdoo a lot but I dislike JavaScript coding because I'm basically a statically typed guy from C#. I've been searching google every now and then for "Qooxdoo Typescript" every now and then until I found your work. By the way, do you have a sample using Visual Studio?

—
Reply to this email directly or view it on GitHub.

—
Reply to this email directly or view it on GitHub.
—
Reply to this email directly or view it on GitHub.

—
Reply to this email directly or view it on GitHub.
—
Reply to this email directly or view it on GitHub.

[tcsaddul]

Indeed. I hope the lead developer sees the advantage of using TypeScript in the long run. 

On Sunday, August 17, 2014 5:59 PM, Peter [email protected] wrote:

I agree, looks very impressive and the canvas rendering provides a lot of new possibilities (love the rotated GUI demo :)

From an API approach very similar to Qooxdoo. I truly think these type of frameworks combined with TypeScript makes developing web applications (especially the single-page type of apps) a lot more easier, maintainable and fun.

The only downside I can see of these type of frameworks is that they only work with components specifically designed and built for that framework. So future will tell if Zebra or Qooxdoo (or another similar kind of framework) will have enough traction for others to start contributing their components and make it a true success.

— Peter

On 17 Aug 2014, at 05:17, tcsaddul [email protected] wrote:

Hello. Just encountered a similar framework but using HTML5 Canvas. Please check: | HTML5 Canvas Rich UI JavaScript Library or directly at GitHub: https://github.com/barmalei/zebra

Personally, after looking at the demos and some codes, I'm super impressed with it.

| HTML5 Canvas Rich UI JavaScript Library
Zebra brings fresh view and possibilities to develop WEB based Rich UI applications. The approach sits on top of HTML5 Canvas element what makes possible to render any imaginable UI.
View on www.zebkit.com Preview by Yahoo

barmalei/zebra
zebra - JavaScript library that follows easy OOP concept, provides HTML5 Canvas based Rich UI and includes Java to JavaScript converter tool
View on github.com Preview by Yahoo

On Saturday, August 2, 2014 4:46 PM, Peter [email protected] wrote:

If you look at:

https://github.com/jbaron/qx-typed/blob/master/application.ts

That is basic Qooxdoo using TypeScript. You’ll notice it looks very similar to Qooxdoo, but it is now typed and when you compile this TypeScript file into JavaScript it will be checked against the defined types in qooxdoo.d.ts. So this also implies that editors like Visual Studio or CATS will be able to offer you things like code completion etc.

You can run that file your self by checking out qx-typed from Github and open the index.html file in your browser.

One thing to notice is that I created the qooxdoo.d.ts file for the desktop widgets, not the mobile widgets. Although not that much work/different, right now I don’t require those widgets.

— Peter

On 01 Aug 2014, at 17:27, tcsaddul [email protected] wrote:

Thank you for the link. I downloaded it and tried to understand it. I guess I will need more time to study it.

For now, I just want to see a working simple Qooxdoo application written in Typescript just like the example below (taken from Qooxdoo's website):

var page = new qx.ui.mobile.page.NavigationPage();
page.setTitle("Login");
page.addListener("initialize", function() {
var form = new qx.ui.mobile.form.Form();

// User name
var user = new qx.ui.mobile.form.TextField();
user.setRequired(true);
form.add(user, "Username");

// Password
var pwd = new qx.ui.mobile.form.PasswordField();
pwd.setRequired(true);
form.add(pwd, "Password");

// Use form renderer
page.getContent().add(new qx.ui.mobile.form.renderer.Single(form));

// login button
var button = new qx.ui.mobile.form.Button("Login");
page.getContent().add(button);

button.addListener("tap", function() {
if (form.validate()) { // use form validation
alert("Loggin in " + user.getValue());
}
}, this);
},this);

this.getManager().addDetail(page);

page.show();

On Friday, August 1, 2014 7:47 PM, Peter [email protected] wrote:

Right now I’m using Qooxdoo in combination with Typescript for an editor called CATS. It is kind of a replacement for IDE’s like VisualStudio, Eclipse etc (if you are doing web development). So if you want to see how it would work, checkout the Qooxdoo branch of CATS and just let me know if you require some help to get it running:

https://github.com/jbaron/cats/tree/qooxdoo

Of course should also work with Visual Studio, but there I have no experience there since I do all my development with CATS :)

— Peter

On 01 Aug 2014, at 13:05, tcsaddul [email protected] wrote:

First of all, I like to mention I like qooxdoo a lot but I dislike JavaScript coding because I'm basically a statically typed guy from C#. I've been searching google every now and then for "Qooxdoo Typescript" every now and then until I found your work. By the way, do you have a sample using Visual Studio?

—
Reply to this email directly or view it on GitHub.

—
Reply to this email directly or view it on GitHub.
—
Reply to this email directly or view it on GitHub.

—
Reply to this email directly or view it on GitHub.
—
Reply to this email directly or view it on GitHub.

—
Reply to this email directly or view it on GitHub.