JavaScript for Line of Business Applications

ngInfiniteScroll is a directive that you can use to implement infinite scrolling in your AngularJSapplications. Simply declare which function to call when the user gets close to the bottom of the content with the directive and the module will take care of the rest. Of course, you can specify several options to ensure that the behavior is just what you're looking for.

Whenever I'm working with Ember I often find myself wanting the functionality that a jQuery plugin provides. It may not be obvious, but we can wrap jQuery plugins inside of Ember views and use these plugins just like any other Ember view.

Here I'll be wrapping the PickADate jQuery plugin. This plugin allows you to attach to a text input field and whenever it is focused it shows a date popup for you to select. This Ember view will allow us to embed the PickADate view into our templates and bind the value selected to a property just like Ember.TextField does.

AngularJS now provides full support for animations direct from it's core

There are three ways to perform animations in AngularJS: Using CSS3 Transitions, CSS3 Animations andusing JavaScript (these are referred to as CSS3-enabled and JavaScript-enabled animations). CSS3 transitions aremuch easier to use since they don't require any JavaScript code and JavaScript-enabled animations require you todefine an animation within your module (much like you would define a filter or a directive).

In various AngularJS tutorials and documentation, the authors choose to useservice or factory but don't explain why you would use one or the other. Few mention that value and constant are also options.

Let's see why you would use one over the other. We should also understand how providers work:

If you want your function to be called like a normal function, use factory. If you want your function to be instantiated with the new operator, useservice. If you don't know the difference, use factory.

Why a re-introduction? Because JavaScript has a reasonable claim to being the world's most misunderstood programming language. While often derided as a toy, beneath its deceptive simplicity lie some powerful language features.

Even if you’ve done very little JavaScript, you should be familiar with callbacks, which are used heavily for managing asynchronous operations in JavaScript. We’re going to look at an alternative way to handle such asychronous code by using Promises. The examples I’m going to cover are going to use Node.js, but the techniques and libraries involved work equally well for client side JavaScript too. And, you definitely don’t need be an expert on Node.js to follow this article.

If your code is easy to read, there will be less bugs, any remaining bugs will be easier to debug and new coders will have a lower barrier to participate in your project.

At CNX, although most of our development work in the Ext JS space entails creating new apps from scratch, occasionally our clients ask us to look at some of their existing internal work to address performance issues, bugs and structural problems. Having worked in this capacity as “cleaners” for quite some time now, we’ve noticed a common set of ill-advised coding practices that tend to pop up rather often in the apps we’re investigating. Based on a review of our work over the last few years, we came up with this list of the top 10 development practices we recommend you avoid in your Ext JS apps.

Knockout.js is a powerful JavaScript library, but there had always been this little hiccup that bothered me whenever I tried to do anything reasonably complex. Let me lay out a fairly common situation.

Let's say I have two different types of ViewModels which I have written using the Constructor pattern:...

Dependency injection was one of AngularJS's first evil magicks I encountered. The idea that calling this function will magically reach out to the universe and grab the correct values for$scope and $http runs contrary to all the JavaScript I've ever used. You can't do that!

So I dug in to discover the magicks. And now it's not magic! It's great! It's rougly equivalent to import in Python or require in Ruby. Here's how it works:

Ember.js is growing fast. As with any new technology, once you want to do something that is not covered in the guides, you are gonna have a google time.

Here are 5 things that I learned while building a real world application with Ember.js. Hope they will save you some time!

* Sorting an ArrayController
* Metamorphs breaking :last-child CSS selectors
* Using jQuery.timeago plugin Ember.js
* Toggling properties
* Integrating Ember.js with Rails Devise

If you don’t know AngularJS, it is a very good Javascript library that allows you to easily build web applications. Here are some random useful tricks that I found for AngularJS users.

Thanks to the wide adoption of libraries like jQuery and Mootools, JavaScript’s popularity has skyrocketed in the last few years. However, in the process, an interesting thing occurred: many newer developers are learning these libraries without taking the time to actually learn about raw JavaScript techniques. What percentage of jQuery users don’t know how to fade out an element with only raw JS? My guess is that it’s much higher than many would think.