Development on Va...
Follow
Find tag "TypeScript"
10.2K views | +0 today
Development on Various Platforms
Your new post is loading...
Your new post is loading...
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

JavaScript and Friends: CoffeeScript, Dart and TypeScript

JavaScript and Friends: CoffeeScript, Dart and TypeScript | Development on Various Platforms | Scoop.it

This article assumes that the reader has a good knowledge of JavaScript and has done at least some development in it, but if this is not about you, you can just first refer to one of the beginner’s JavaScript books like Eloquent JavaScript.

JavaScript is an amazing, often underappreciated and misunderstood language. It has some really powerful concepts like functions as first-class citizens (see, for example, JavaScript: The World’s Most Misunderstood Programming Language), flexible prototypal inheritance and is a powerful generic programming language that can be used not only in browsers.

Despite all its power and flexibility the language has some well-known design shortcomings such as global variables, cumbersome emulation of lexical scoping, non-intuitive implicit conversions, etc. In fact, there are parts of the language that you better avoid using at all, as it is advised in JavaScript: The Good Parts. Let us also note that from the beginning JavaScript was not specifically designed for developing applications with large code bases and many developers involved.

Contents:
* Why JavaScript Isn’t Enough?
* Example JavaScript Program: Dijkstra’s Algorithm
* CoffeeScript
* TypeScript
* Dart
* Web Application Development
* ECMAScript 6
* Conclusions


Via Jan Hesse
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

AngularJS + ASP.NET Web Api + TypeScript - Single Page Application (SPA) Starter Kit for Visual Studio

AngularJS + ASP.NET Web Api + TypeScript - Single Page Application (SPA) Starter Kit for Visual Studio | Development on Various Platforms | Scoop.it

This project is an application skeleton for a simple AngularJS app. You can use it to bootstrap you AngularJS web application projects in Visual Studio environment.

This seed contains AngularJS libraries, test libraries and a bunch of scripts all preconfigured for instant web development gratification. Just clone the repo (or download the zip/tarball), open it in Visual Studio 2012 and you are ready to develop and test your web application.

This seed doesn't do much, just shows how to write two controllers and views together. You can check it out by running App project in Visual Studio.

Technologies:

* AngularJS MV* family JavaScript Framework
* ASP.NET Web Api library for building RESTful services
* ASP.NET Web Pages adds Razor syntax to your HTML views
* ASP.NET Web Optimization Framework bundles and minifies JavaScript/CSS files
* TypeScript adds static typing to JavaScript and better IDE goodies
* LESS CSS extends CSS with dynamic behavior


Via Jan Hesse
more...
Peter Verster's curator insight, September 29, 2013 4:12 AM

I personally use backbone.js and WebApi running in worker roles. Good to see the embrace

JonahHayes's curator insight, October 14, 2013 6:09 AM

ASP.NET App Suspend is built on top of another new feature in Windows Server 2012 R2, called IIS Idle Worker Process Page-out, which is a new addition to Internet Information Services.

Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

TypeScripted Knockout in ASP.NET MVC

TypeScripted Knockout in ASP.NET MVC | Development on Various Platforms | Scoop.it

We take a look at how to use TypeScript’s definitions for KnockoutJS to build a small ASP.NET MVC application. Along the way we explore the TypeScript language and gauge how it can be potentially used for build ASP.NET MVC applications that lean on the client side JS Libraries for richness and interactivity.

* Getting Started with TypeScript in Visual Studio 2013 Preview
* TypeScript in ASP.NET MVC
* The Task Listing App in TypeScript
* Setting up our Knockout ViewModel using TypeScript
* Updating View to use client side bindings
* Summarizing our TypeScript code


Via Jan Hesse
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

Synergy between Services and Directives in AngularJS

Synergy between Services and Directives in AngularJS | Development on Various Platforms | Scoop.it

You’ve probably heard it a thousand times now. “AngularJS teaches HTML new tricks.” The way it does that is through directives. In my last related post I covered how to build a testable filter. Directives can be tested in a similar fashion, but what happens when they have to interact with the rest of your application? Instead of teaching your controllers how to talk to UI components, or overloading the $scope object, look to services as the mortar to hold pieces of your app together.


Via Jan Hesse
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

TypeScript State Machines

TypeScript State Machines | Development on Various Platforms | Scoop.it

So it's probably fairly easy to see, if I like JavaScript and I like static typing, why TypeScript could seem apper attractive prospect. And here was a nice little project that was non-trivial but still pretty compact that I could try it out with.

The type annotations in TypeScript are optional, but since I'm writing the code from scratch it makes sense to use them throughout. Interfaces are defined but do not need to referenced by types that implement the interface - so long as they have all of the required properties and methods then they will implicitly be considered to implement the interface. This is like Google's Go language and not like C#.

One thing that I don't like too much is that it isn't currently possible to specify an interface with readonly properties. It must be a property with a getter and setter or nothing. So I've resorted to specific Get methods on the interfaces instead, such as GetColour() and GetState().


Via Jan Hesse
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

TypeScript: An Alternative to JavaScript

TypeScript: An Alternative to JavaScript | Development on Various Platforms | Scoop.it

JavaScript is a nice language but it does not offer static type checking and object oriented programming. There are ways to simulate object oriented behavior but still there is no in-built way. Hence things gets really complicated while developing large scale applications in JavaScript.

To deal with this situation, developers have come up with new languages which offer more functionality and features but they still get compiled into JavaScript only. So, you can develop applications and games in languages other than JavaScript but they will still run on web browsers as the compiled output will be a JavaScript only.

Several languages have been built upon JavaScript including some famous ones like coffee script, type script, Dart, etc. In this blog, we will talk about TypeScript.


Via Jan Hesse
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

Test-Driven Development with TypeScript

Test-Driven Development with TypeScript | Development on Various Platforms | Scoop.it
Set up a TDD environment for test applications by choosing and integrating a toolset that works with Visual Studio. It's not a completely satisfying solution, but it's enough to start building an application.

But, to do TDD with TypeScript, I need two tools: one for creating tests and one for running those tests. Currently, out of the box, Visual Studio supplies neither of those tools for TypeScript. To begin with, TypeScript doesn't define classes in the same sense that C# or Visual Basic do. You can't, for instance, reference a TypeScript object from C# or Visual Basic code. At the very least, this means I have to write my test code in JavaScript. I'd prefer, of course, to write my test code in TypeScript.


Via Jan Hesse
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

AngularJS + TypeScript : Controllers, Best Practice

Guidance around how you can write your Controllers when using AngularJS with TypeScript. 

--Things covered-- 
Dependency Injection 0:42 with minification 1:18
Using Class Members instead of Scope properties has following advantages: 
-Advantage: Class members : 3:50
-Advantage: Designer/Developer interaction contract 4:30 
-Advantage: Overcomming Scope inheritance 5:34
Summary 7:55


Via Jan Hesse
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

Exploring JavaScript prototypes via TypeScript’s class pattern

Exploring JavaScript prototypes via TypeScript’s class pattern | Development on Various Platforms | Scoop.it

In this post, I’m going to take a close look at how JavaScript’s prototypal inheritance works by analysing how Microsoft’s TypeScript language uses it to provide a simple implementation of classes. Don’t worry if you’ve never used TypeScript, we’re not really concerned with the language itself here, just the JavaScript that is produced by its compiler, and how it achieves class-based inheritance in a language that doesn’t natively support it.

This is of particular importance because EcmaScript 6 will include classes that work a lot like TypeScript’s. The idea of adding classes to JavaScript is controversial, but I think some of the hostility stems from a mistaken belief that classes are some kind of competing inheritance mechanism to prototyping, or are an attempt to turn JavaScript into Java. In fact, modern proposals for classes in JavaScript are just a syntactic codification of prototypal inheritance patterns that are already in use.


Via Jan Hesse
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

Synergy between Services and Directives in AngularJS

Synergy between Services and Directives in AngularJS | Development on Various Platforms | Scoop.it

You’ve probably heard it a thousand times now. “AngularJS teaches HTML new tricks.” The way it does that is through directives. In my last related post I covered how to build a testable filter. Directives can be tested in a similar fashion, but what happens when they have to interact with the rest of your application? Instead of teaching your controllers how to talk to UI components, or overloading the $scope object, look to services as the mortar to hold pieces of your app together.


Via Jan Hesse
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

TypeScript is to JavaScript as C++ is to C

TypeScript is to JavaScript as C++ is to C | Development on Various Platforms | Scoop.it

Or is it? Do you have an opinion?

I selected this title because that analogy helps me as I’m learning more about TypeScript. It has “truthiness”. But in a good way. It will help you understand the motivations behind TypeScript, and how its syntax and concepts relate to JavaScript syntax and concepts. 

It’s “truthiness”, because if you take that concept too literally, it breaks down. TypeScript makes some features easier than in JavaScript, but it doesn’t feel quite as revolutionary as the jump from C to C++ (or maybe I’m just older). TypeScript isn’t changing the techniques used in JavaScript, like the shift from procedural to object oriented programming from C to C++. It is making Object Oriented constructs easier, but they aren’t impossible in JavaScript.


Via Jan Hesse
more...
Augusto Porto's curator insight, September 11, 2013 3:00 PM

Is it? Any Opinions?

Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

Learn TypeScript to Improve Your JavaScript

Learn TypeScript to Improve Your JavaScript | Development on Various Platforms | Scoop.it

TypeScript is JavaScript for C# Developers. The CoffeeScript of .NETters. It is a superset of JavaScript that brings all the goodness of type-checking, classes, modules, lambda expressions and awesome tooling to the web front-end. Everything to make for a more productive and better JavaScript development experience.

Regardless of its many benefits, this brief article is not going to be a TypeScript tutorial nor a how-to. Instead, I will focus in the TypeScript feature that suprised me the most, the quality of the JavaScript generated by the TypeScript transcompiler and the transcompiler itself as a tool to learn JavaScript best practices.


Via Jan Hesse
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

AngularJS + TypeScript : Workflow

A introductory video on quickly creating AngularJS applications using TypeScript and how you can organize your project. 

This video shows you how you can organize your project so you can rapidly create new Controllers / Directives / Services / Filters with minimum dependency management and file path awareness. 


Via Jan Hesse
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

Ground Javascript Framework

Ground Javascript Framework | Development on Various Platforms | Scoop.it

Create advanced web applications based on the latest technologies using a logical and light-weight framework. Built to provide seamless realtime client-server synchronization and complete offline support.

In ground, most of the application logic is moved from the server to the client, whereas the server acts mostly as an scalable, efficient distributed storage and synchronization controller.

It includes also some rather useful features such as a hierarchical routing system, an undo/redo manager, property and declarative bindings, reference counting and automatic synchronization between clients and servers. It is design to always deliver high performance and low memory consumption.

Ground is written in Typescript, for modularity and stability and is suitable for both javascript and typescript projects.



Via Jan Hesse
more...
No comment yet.