JavaScript for Line of Business Applications

By nesting routes, it enables you to easily maintain a parent-child relationship and ember.js pretty explicitly states that when you are creating routes that the child route is expected to be rendered into the parent template via an {{outlet}}. I agree that a fair majority of the time this is a good idea, but what about the cases where you want to display a model in its own template (within whatever parent you are rendering into) without displaying the parent? What if you are nested many levels deep? I feel that often this can lead to unnecessary clutter in your interface.

It is still in very early stage and in terms of features it draws uml sequence diagram from your input and you can share the document with multiple users who can participate in collaborative editing.

Behind the scene TextUml is developed with Backbone.js in CoffeeScript, it uses Require.js for modularization, KineticJS for html5 canvas drawing,  Mocha, Chai and Sinon for client side testing. The server side uses all the latest beta of ASP.NET MVC, ASP.NET WebAPI and Signalr. 

As the title suggests, this is a very basic website that implements global chat, meaning that the users can chat globally with each other by just registering their name. The code uses asp.net web services along with a little jQuery and AngularJS.

The idea that I had in mind before creating this was to utilize the capability of AngularJS to automatically update the DOM whenever its models are updated. The source of this idea is a Google presentation that I saw some time back about AngularJS and Firebase(Video). I thought that maybe we can implement something like this at a very small scale using the Application State of ASP.NET.

Knockout.js is fantastic! Maybe I missed it but it appears to be missing flexible filtering, sorting, and pagination of its grids. This is a summary of my attempt at creating this functionality which has been working out amazingly well for my purposes.

Sort options are more simplistic and are also automatically added to the screen. Simply provide each option's name and value for the sort drop down as well as function to allow defining how the records are compared.

This mechanism can easily be adapted for using table headers as the sort triggers. That strategy hasn't crossed my functionality needs at this point.

Handlebars has been gaining popularity with its adoption in frameworks like Meteor and Ember.js, but what is really going on behind the scenes of this exciting templating engine?

In this article we will take a deep look through the underlying process Handlebars goes through to compile your templates.

This article expects you to have read my previous introduction to Handlebars and as such assumes you know the basics of creating Handlebar templates.

When using a Handlebars template you probably know that you start by compiling the template's source into a function using Handlebars.compile() and then you use that function to generate the final HTML, passing in values for properties and placeholders.

This blog post first explains how modules work in ECMAScript 6, the next version of JavaScript. It then describes tools that allow you to already use them now.

JavaScript does not have built-in support for modules, but the community has created impressive work-arounds. The two most important (and unfortunately incompatible) standards are "CommonJS Modules" and "Asynchronous Module Definition".

The goal for ECMAScript 6 (ES6) modules was to create a format that both users of CJS and of AMD are happy with.

Promises are a nice solution to write readable asynchronous code in JavaScript. If you understand Spanish, I highly recommend this great talk on Promises by Enrique Amodeo.

But, is the code with promises easy to unit test? It's not very difficult, you have to take into account the calls are asynchronous even if the production code executes instantly.

Instead of using loops, JavaScript Array object is quite powerful to create sequences. What about some more complex series and not just a list of consecutive numbers or letters? Fortunately, we still have other Array’s functions such filter, map, every, and reduce at our disposal. Those can be used to generate a list of prime numbers, compute the factorial, and produce the Fibonacci series.

Bone.io allows you to build realtime HTML5 apps using websockets to deliver hot data to the browser. This enables you to easily construct rich, highly responsive user interfaces.

In a lot of ways, Bone.io can be viewed as a much improved version of Backbone.js. Backbone, Angular and other older frameworks rely primarily on AJAX and model bindings to get data to the DOM. The problem with this approach is that AJAX has no method for handling bi-directional communication. In the world of modern data-driven HTML5 applications, Bone.io strives to pickup where these other frameworks have left off.

The product that I am helping develop for my employer “requires” that we show the user the current path. There are plenty of articles around the web that show how to implement breadcrumbs in ember.js, however I don’t think that anyone has ever tackled the problem that changing the current model within the controller never fires the “currentPathDidChange” event in the parent application.

This isn’t a reference guide, programming tutorial or detailed overview. It’s a Javascript refresher, assuming you know another programming language and puts all the information in one place (just ctrl+f to find!). Javascript has nothing to do with Java, isdynamically typed and has C-like syntax.

This daily digest provides daily content about W3C, HTML, CSS, JavaScript, the Web APIs, web browsers (including their dev tools), web development, open source, and more

A potential sticking point about web components from an accessibility standpoint is that the HTML inserted into a document using web components is included in the Shadow DOMnot the regular HTML DOM. I wanted to check how this affects the use of ARIA roles, states and properties.

A lot of collected introductory videos (46 until now) on the general topic of javaScript. Includes Frameworks like Node.js, Angular.js, Ember.js, Sails.js, Share.js, Store.js

I’ve found a lot of examples of evolvable architectures in AngularJS and the module system allows me to create isolated components easily. But in all examples you need code changes to include new components or functionality and new deployments of the entire application to your production server.

What I’m going to outline here is an initial idea of how a plugin based application can be developed in pure HTML5 and javascript. In the hope somebody finds it interesting or have some comments to share on the idea.