JavaScript for Line of Business Applications
606.5K views | +9 today
JavaScript for Line of Business Applications
Keeping track of current JavaScript Frameworks that help design your clientside Business Logic Layers.
Curated by Jan Hesse
Beam to my Inbox:
Your new post is loading...
Your new post is loading...

Popular Tags - Filter using the Funnel

Scoop.it!

Laravel 4 & AngularJS E2E secured SPA

Laravel 4 & AngularJS E2E secured SPA | JavaScript for Line of Business Applications | Scoop.it

Developing SPA application can be extremely exciting, but we should always stay focused on securing all the app’s possible leaks.

Managing user authentication via RIA (Rich Interface Applications) is similar to standard web Client Server Application. Usually, in Standard web apps the authentications is fully managed by the used framework (Laravel Auth, Spring Security …) and it’s pretty simple.

RIA apps uses XHR requests to retrieve data from the server via REST services, it can’t manage authentication exceptions, because the tokens verification are made server side.
In our case we will be developing a REST API that should use the Framework Authentication features and manage Authentication issues (disconnects, session expiry, hacks, etc …) and redirect the user to the login form.

No comment yet.
Scoop.it!

Building Next Generation Widgets with Web Components

Building Next Generation Widgets with Web Components | JavaScript for Line of Business Applications | Scoop.it

Given, the attention that Web Components and Polymer.js have been getting lately, I felt this was a good opportunity to demonstrate some of the exciting new specifications that are making their way to modern browsers. For the sake of this tutorial, I'll be using and providing screenshots of Google Chrome, but it should be worth your time to explore the status of each of the specifications in other modern browsers as well.

In this tutorial, we will take a look at the HTML5 specs mentioned above in detail. Then, we will explore Polymer.js and build out an example application.

No comment yet.
Scoop.it!

Try, Catch, Fail: AngularJS: Creating A Service With $http

Try, Catch, Fail: AngularJS: Creating A Service With $http | JavaScript for Line of Business Applications | Scoop.it

One of the most common questions I see on StackOverflow regarding Angular, are questions involving the creation of AJAX-based angular services using $http. Commonly the pattern used is very reminiscent of JQuery, where there's a method with a callback when the data is received.

In Angular, there is a service called $q. It is a deferred/promise implementation built off of Q by Kristopher Kowal.

Promises get special treatment in Angular however, because when a promise is resolved, Angular will trigger a digest, and any scope properties that contain a promise will be evaluated for that promise's resolved value. So in code, that means if you return a promise from your service, and put it directly in a scope property, it will asynchronously update that scope property and process the changes.

No comment yet.
Scoop.it!

AngularJS Directives That Override Standard HTML Tags

AngularJS Directives That Override Standard HTML Tags | JavaScript for Line of Business Applications | Scoop.it

Creating your own directives is an awesome way to create composed, reusable behaviors in your applications. This article isn’t about making your own directives, instead I wanted to take a closer look at the internal directives of AngularJS. Specifically, we will be looking at how and why AngularJS extends the functionality of native HTML tags like <input> and <a> to make the magic happen.

No comment yet.
Scoop.it!

Building a real-time SPA using KnockoutJS, CodeFirst and XSockets.NET

Building a real-time SPA using KnockoutJS, CodeFirst and XSockets.NET | JavaScript for Line of Business Applications | Scoop.it

Building Single Page Applications aka. SPA is something that has become more popular this days. We can find a series of astute client-side JavaScript libraries helping us out to solve the most common tasks. KnockoutJS, AngularJS, DurandalJS and BreezJS are frameworks that we would recommend you to take a closer look into.

All of those frameworks delivers a wide range of functionality to solve time consuming issues such as dependency tracking, binding and associating DOM elements to objects and templating.

In this blogpost we show you how you can publish, subscribe updates via a simple RealtimeMVC controller using XSockets.NET. The controller has a dependency to a simple domain model and EntityFramework.

No comment yet.
Scoop.it!

It's Never Easy: Firebird, Angularjs, Node and Socket.IO - Part 1

It's Never Easy: Firebird, Angularjs, Node and Socket.IO - Part 1 | JavaScript for Line of Business Applications | Scoop.it

About a year ago I attended an AngularJS meetup at Google's NY office and since then have completely changed my development stack. Angular is an awesome approach to developing client side web applications and has truly changed my development life. Of course I needed a back end that supported Firebird. This is where Nodejs comes in and helps explain the gap between posts as it's taken some time to become proficient with all these new developments. There is a lot to learn and fortunately for those just jumping in, the resources since I began are maturing at a rapid rate (see pluralsight training, eggheadio, books etc) .
The Main Stack:
* Angularjs.org
* Firebirdsql.org
* Nodejs.org
* socketio
* express

No comment yet.
Scoop.it!

Single Page Application with Angular.js, Node.js and CouchDB (Cradle Module)

Single Page Application with Angular.js, Node.js and CouchDB (Cradle Module) | JavaScript for Line of Business Applications | Scoop.it

We have created a Proof of Concept with Javascript based web server, where we have focused on dealing with NoSql (CouchDB) with javascript based framework Node.js and angular.js on client side.
Software that is used:
* Angular.js for client side development – Single Page Application
* Cross Domain Communication in between Angular.js and Node.js
* Node.js for server side development
* Rest based web service creation with express.js
* Database – CouchDb
* Node.js Cradle Module Extention (to make communication with CouchDB)
* Making CouchDB views with Map-Reduce to fetch the data

 

No comment yet.
Scoop.it!

Knockback.js - brings Knockout.js magic to Backbone.js

Knockback.js - brings Knockout.js magic to Backbone.js | JavaScript for Line of Business Applications | Scoop.it

Both Knockout.js and Backbone.js have their strengths and weaknesses, but together they are amazing! With Knockback.js, you can use the strong ORM provided by Backbone and create dynamic views using Knockout bindings.

Features:
* Localization
* Knockout.js' bindings and automagical update
* Backbone's sleek Model definition
* Dynamic collection sorting
* Two-way string formatting


Jan Hesse's insight:

Dev's blog with more HowTo's is here: http://braincode.tumblr.com/

No comment yet.
Scoop.it!

Ember.js: The Architecture Advantage

Ember.js: The Architecture Advantage | JavaScript for Line of Business Applications | Scoop.it

This talk covers in detail how Ember.js supports the development and maintenance of large, ambitious Javascript apps. Shallow explorations of Ember.js like ToDoMVC or getting started tutorials make it too easy to miss the amazing experience of scaling functionality in an Ember app.

No comment yet.
Scoop.it!

16 JavaScript Concepts JavaScript Professionals Must Know Well

16 JavaScript Concepts JavaScript Professionals Must Know Well | JavaScript for Line of Business Applications | Scoop.it

If you are already or plan on becoming a JavaScript Professional, there are some JavaScript concepts and JavaScript-related web-development technologies that you must know well as a modern JavaScript developer. If you know these 16 concepts below very well, you have the skill necessary to build world-class modern JavaScript web applications and you are set for the near future—0-3 years.

No comment yet.
Scoop.it!

Real World JavaScript Part 4

Real World JavaScript Part 4 | JavaScript for Line of Business Applications | Scoop.it

In this post:

* Specifying a function as string replacement
* Array Equality
* Dynamic Function Creation
* Using Object.prototype.toString for confirming Array
* Knowing when to break the rules

No comment yet.
Scoop.it!

Authentication in Ember.js

Authentication in Ember.js | JavaScript for Line of Business Applications | Scoop.it

This post is about authentication, but it also covers a more general topic: setting up a framework for ajax calls that accepts errors and reacts to them appropriately. When implementing my own Ember app, I decided against ember-data and ember-auth because they’re both new enough that the rough edges were causing me more headache than good while learning my way around Ember to begin with. I also really struggled with getting basic auth such as this working while learning Ember, so hopefully this will be useful to a few other Ember newbies out there.

No comment yet.
Scoop.it!

Introducing Jalangi - for JavaScript developers

Introducing Jalangi - for JavaScript developers | JavaScript for Line of Business Applications | Scoop.it
Jalangi is a framework that annotates and monitors JavaScript programs and can be used for running analysis dealing with validation/monitoring/debugging,etc...It provides a general framework that can be extended with plug-ins.It is already implementing a few analysis tools such as selective record-and-play, taint analysis or the ability to infer likely types of objects fields and functions. More  interestingly, one of the plugin provides the first thorough implementation -as far as we know - of concolic testing for Javascript. Concolic testing is a mixture of  concrete execution (using particular concrete values as inputs) with symbolic execution - which treats program variables as symbolic variables. The symbolic execution piggy-backs on the concrete execution through instrumentalization of  the code. You basically identify through this method what are the concrete input values that allows you to comb through all the branches of the code. It provides a great tool to generate automatic test cases with high level coverage.
Jan Hesse's insight:

when unit testing and TDD is to tedious, have your code analyzed while using your app

No comment yet.
Scoop.it!

Eight Cool Features Coming in ES6

ES6 is coming and with it brings many great things that will help us develop better and faster web applications. Let's have a look at the most significant ones.

In ES6 there is a lot of syntax sugar that will shorten development time and speed up our applications. Let's have a taste, shall we?

No comment yet.
Scoop.it!

Ember and containers

Containers are the way Dependency Injection works in Ember.js and also open to the upcoming ES6 modules system. This presentation tells you the when, why and how.

No comment yet.
Scoop.it!

Building Apps With the Yeoman Workflow

Building Apps With the Yeoman Workflow | JavaScript for Line of Business Applications | Scoop.it

What Is Yeoman? Trick question. It's not a thing. It's this guy: Basically, he wears a top hat, lives in your computer, and waits for you to create. As an example, scaffolding a web application would look something like this: ...

No comment yet.
Scoop.it!

Content with Ember.js

Content with Ember.js | JavaScript for Line of Business Applications | Scoop.it

Presenting content on the internet is different from what it was a few years back. Providers are trying to make it as beautiful as possible, they are trying to reach as many users as possible, and most importantly, they are trying to make the experience of consuming content as enjoyable as possible.

This last goal is where JavaScript frameworks come into the process. Using these, providers can publish their content in the most usable form, allowing users to interact with it, to share it, and contribute to it.

At this point say hi to Ember.js. By using it, I am able to provide a great experience for my users. Let us look at this in a bit more detail.

No comment yet.
Scoop.it!

PhoneJS - HTML5 JavaScript Mobile Development Framework

PhoneJS - HTML5 JavaScript Mobile Development Framework | JavaScript for Line of Business Applications | Scoop.it

PhoneJS is a cross-platform HTML5 mobile app development framework that was built to be versatile, flexible and efficient. PhoneJS is a single page application (SPA) framework, with view management and URL routing. Its layout engine allows you to abstract navigation away from views, so the same app can be rendered differently across different platforms or form factors. PhoneJS includes a rich collection of touch-optimized UI widgets with built-in styles for today’s most popular mobile platforms including iOS, Android, and Windows Phone 8.

No comment yet.
Scoop.it!

Sync multiple AngularJS apps without server via PouchDB

Sync multiple AngularJS apps without server via PouchDB | JavaScript for Line of Business Applications | Scoop.it

Nowadays several solutions exist to keep web apps in sync and/or store data offline with JavaScript:
* Socket.io
* Breeze.js
* TowTruck
* Firebase
* Pusher
* Parse
* and my latest favorite Hood.ie
I could go on with that list but you get the idea. Some of the mentioned technologies are more powerful and have more features out of the box than others. They usually need a server that runs your app and takes care of all the business logic. In this post I will demonstrate how to build a web app that syncs data automatically, runs on all modern platforms, stores data persistently and doesn’t need a server. The app is powered by AngularJS and PouchDB.

No comment yet.
Scoop.it!

Building Select Lists with Knockout JS - Part 1

Building Select Lists with Knockout JS - Part 1 | JavaScript for Line of Business Applications | Scoop.it

When you’re designing your Knockout JS-backed select list you’re spoiled for options.  Ultimately the approach you choose will be determined by two things: what you choose for your view, and what you need for your models.  In this post I’ll take you through a simple situation; a single list of selectable items in your model, and checkboxes in your view.

No comment yet.
Scoop.it!

Ember JS: MVC in the browser. Part 1 – Routing

Ember JS: MVC in the browser. Part 1 – Routing | JavaScript for Line of Business Applications | Scoop.it

Ember JS is a Javascript client side MVC framework featuring all your favourite constructs such as controllers, models, views and routing. Client side means that it all runs inside the browser meaning that rendering times are extremely fast with no calls to the server to fetch pages. Ember has an optional restful data model called ember-data which handles the GET/PUT/POST/DELETE lifecycle of your models.

I primarily wrote this to get everything I had learned about ember in one place, I found the emberjs.com tutorials very useful but also unordered and was constantly flicking between various different sites, stack overflow etc. 

Jan Hesse's insight:

Part 2: Templates

Part 3: Nested Resources

Part 4: Server side

No comment yet.
Scoop.it!

How to Trace JavaScript Performance Using Your Developer Console

How to Trace JavaScript Performance Using Your Developer Console | JavaScript for Line of Business Applications | Scoop.it
Craig asks "is your website responsive"? He doesn't need to know it works on a mobile device but whether you're using the useful script timers and profiling tools in your developer console.
No comment yet.
Scoop.it!

Are you agile or just faking it?

Are you agile or just faking it? | JavaScript for Line of Business Applications | Scoop.it
Doing real agile, especially in customer - vendor relationship, is challenging and as a result faking agile seems to be common than real agile. Unfortunately you lose most key benefits of agile by just faking it.Many vendors are using agile just as a marketing trick, they see fixed everything "agile" projects as a business opportunity and conveniently ignore the fact that faking it is bad for the customer. There are also many organisations doing fake agile internally because they would like to get the benefits, but are not ready to commit into changing their culture.Just using sprints to implement a 100+ page design document gives you limited benefits.
No comment yet.
Scoop.it!

AngularJS + TypeScript + SignalR

AngularJS + TypeScript + SignalR | JavaScript for Line of Business Applications | Scoop.it

I am going to be creating an online planning poker application for distributed teams using AngularJS, SignalR, and TypeScript. In this second post, I am planning to continue putting the puzzle pieces together with AngularJS and TypeScript, using the strengths of both technologies to make a harmonious solution. To get started we are first going to need to make sure we have the TypeScript definition for AngularJS added to our project

No comment yet.
Scoop.it!

Dynamic UI in ASP.NET MVC using Knockout.js and Template binding

Dynamic UI in ASP.NET MVC using Knockout.js and Template binding | JavaScript for Line of Business Applications | Scoop.it

One of the most awesome features in KO is ‘template’ binding. This is a simple mechanism for building UI structures with repeating UI blocks. Templates support data binding expressions to bind various HTML attributes (text, value, id, url etc.) to the data in the view model.

Typically, the template binding mechanism is used when the HTML table with rows or unordered or ordered lists need to be generated dynamically based upon the data received from the external source like WEB API or WCF Services.

No comment yet.