Skip to content
This repository contains the same Playgrounds application implemented in different ways. Kinda like the TodoMVC
JavaScript TypeScript HTML CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
angular-controller-as
angular-typescript
angular-with-scope
angular2-typescript
assets
.gitignore
.jscsrc
.jshintrc
README.md
screenshot.png

README.md

playgrounds

This repository contains the same Playgrounds application implemented in different ways. Kinda like the TodoMVC

The playground application contains a list of Copenhagen playgrounds. The playgrounds will be sorted so that the closest ones are at the top of the list.

Selecting the playground will show the position on the map and a summary of this playground.

Playgrounds screenshot

angular2 with typescript

Using angular2 and TypeScript to create the playground application.

The application has been updated to Angular 2 Final Release. The application has been created using Angular CLI beta 15. No deprecated APIs are being used. The application uses CommonModule, HttpModule, RouterModule, FormsModule, ReactiveFormsModule.

Feedback would be appreciated!

angular-with-scope

The classic AngularJS application using the $scope in the controllers and directives.

angular-controller-as

Using the newer and preferred controllerAs syntax instead of $scope

The directives uses the bindToController.

$scope will still be used for watching the model.

angular-typescript

Using TypeScript to create the playground application.

So what does TypeScript gives us? It gives us classes, interfaces, generics etc. And why would we want that? First of all classes, interfaces etc is a way of working that many developers get. We also get a lot more help form the IDE, automated and secure refactoring and then we get a compiler that gives us compile time errors instead of runtime errors.

All these things make a lot of sense, even more so when working on larger projects with a longer life expectancy and with developers with different skills sets.

Swift

A mobile application doing the same thing. This time made using swift

You can’t perform that action at this time.