JavaScript for Line of Business Applications
606.5K views | +16 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!

Implementing Authentication in Angular Applications

Implementing Authentication in Angular Applications | JavaScript for Line of Business Applications | Scoop.it
This article explains how authentication is setup in Angular applications. The reader will learn how to log in, log out, and secure routes.
No comment yet.
Scoop.it!

Protractor for AngularJS: writing end-to-end tests has never been so fun

Protractor for AngularJS: writing end-to-end tests has never been so fun | JavaScript for Line of Business Applications | Scoop.it
A step-by-step presentaion on Protractor End-to-End Testing for AngularJS
No comment yet.
Scoop.it!

Node.js application made with Express and AbsurdJS

Node.js is one of those new technologies, which are attracting more and more developers every day. Mainly, because it's JavaScript driven, a lot of people are interested working with it. In this tutorial, I'll show you how to use AbsurdJS together with Express. Express is one of the popular Node.js frameworks. However, the other instrument is really fresh one and I hope that you will find it useful.
No comment yet.
Scoop.it!

Edge.js Tutorial Videos

  • What is Edge.js?
  • Get started with Hello World and compression
No comment yet.
Scoop.it!

Rapid Mobile Development with Meteor.js

Tower’s CTO, Andrew Reedy will give a brief overview of how to take advantage of the realtime javascript platform Meteor.js for quickly developing database everywhere, scaleable web applications. He explains how to set up Meteor with Cordova and also Famo.us. Tower is a San Diego based startup and mobile application that connects people inside of residential towers, office buildings, and what they call temporary towers (resorts, cruise ships, conferences.) See how Tower takes advantage of a modern stack including Meteor, MongoDB, Cordova, Redis, ElasticSearch, Docker, and CoreOS to scale their mobile app..

No comment yet.
Scoop.it!

Why Ramda?

Why Ramda? | JavaScript for Line of Business Applications | Scoop.it

To those not used to functional programming, Ramda seems to serve no purpose whatsoever. Most of its major capabilities are already covered by libraries like Underscore and LoDash.

These folks are right. If you want to keep coding with the same imperative and object-oriented styles you've been using, Ramda does not have much to offer you.

However, it does offer a different style of coding, a style that's taken for granted in purely functional programming languages: Ramda makes it simple for you to build complex logic through functional composition. Note that any library with a compose function will allow you do functional composition; the real point here is: "makes it simple".

Let's see how that works in Ramda.

No comment yet.
Scoop.it!

Displaying errors in your Ember.js forms

Displaying errors in your Ember.js forms | JavaScript for Line of Business Applications | Scoop.it
Good input validation is an essential part of any web application. This post covers how you can easily show error messages in your Ember.js forms.
No comment yet.
Scoop.it!

Node-webkit: 6 Tutorial Videos

Node-webkit: 6 Tutorial Videos | JavaScript for Line of Business Applications | Scoop.it

Creating desktop applications using HTML5 technologies:

Wrapping it Up! (6/6)
Using Node.js Modules (5/6)
Context and Window Menus (4/6)
The Manifest File (3/6)
Custom Window Controls (2/6)
Introduction (1/6)

No comment yet.
Scoop.it!

AngularJS and Kendo UI

AngularJS and Kendo UI | JavaScript for Line of Business Applications | Scoop.it

Today I launch a new series of postings, bringing together two themes I’ve been developing for the past few months: AngularJS and Kendo UI. These technologies go together like peanut butter and chocolate, and both share two characteristics that are critical to this series:

The technology is hot, desirable and useful.


Part 2: Binding With ng-model and Moustaches

Jan Hesse's insight:

Part2: http://blog.falafel.com/Blogs/jesseliberty/jesse-liberty/2014/06/08/kendong-part-2-data

No comment yet.
Scoop.it!

Rethinking AngularJS Controllers

Rethinking AngularJS Controllers | JavaScript for Line of Business Applications | Scoop.it

Last month Jonathan Creamer wrote an awesome article on Angular and MVC, The state of AngularJS Controllers. The article touches on misconceptions of client-side MVC and true Model and Controller separation.

This article is my rethinking of Angular Controllers, and best practices when using them in your team or for yourself.

No comment yet.
Scoop.it!

Reactive Angular

Reactive Angular | JavaScript for Line of Business Applications | Scoop.it

There's been a lot of talk about Reactive Programming lately, but nobody really knows exactly what it is. I'll first talk a little bit about what Reactive Programming is and then we'll dive into practical examples on how to use it with AngularJS. We'll see how beautiful and clean our code can be when we use Reactive code with Angular.

No comment yet.
Scoop.it!

Two-Way Data Binding

Two-Way Data Binding | JavaScript for Line of Business Applications | Scoop.it

Let’s build a temperature converter app in Backbone, React, Angular, Meteor and vanilla JavaScript.

Vanilla JS is our baseline. Input values are synchronised using two event handlers, one on each input field.

Jan Hesse's insight:

https://news.ycombinator.com/item?id=7887852

No comment yet.
Scoop.it!

A Better Way to Learn AngularJS - AngularJS Video Tutorial

A Better Way to Learn AngularJS - AngularJS Video Tutorial | JavaScript for Line of Business Applications | Scoop.it

This AngularJS course is built with the intent of exposing you to the best available resources on each Angular topic. Our desire is to present these topics richly, and from a variety of vantage points, in order to afford you a more complete perspective on them.

No comment yet.
Scoop.it!

Getting Started with Protractor and Page Objects for AngularJS E2E Testing

Getting Started with Protractor and Page Objects for AngularJS E2E Testing | JavaScript for Line of Business Applications | Scoop.it

Going through the Protractor docs and getting started can still be a daunting task. My goal is to alleviate some of that by sharing my configuration and setup, as well as using the page object pattern for creating an API through which we’ll interact with our web pages. We’ll also be using the jasmine-given library to help clean up our specs.

No comment yet.
Scoop.it!

AngularJS by Example - Building a Bitcoin Investment Calculator

AngularJS by Example - Building a Bitcoin Investment Calculator | JavaScript for Line of Business Applications | Scoop.it

First off, what are we building? Well, forget the overdone hello world and todo apps, let's build something more - a Bitcoin Calculator!

This app details how much you could potentially profit if you invested X amount of dollars in Bitcoins. Through this tutorial, I'll walk you through the basics of designing a web app using Angular. We'll highlight many of the key features of the framework, including templating, two-way data binding, directives, and filters.

No comment yet.
Scoop.it!

Architecting large Single Page Applications with Knockout.js

Architecting large Single Page Applications with Knockout.js | JavaScript for Line of Business Applications | Scoop.it

Last week in Oslo I was lucky enough to attend the fantastic NDC 2014 conference, at which I gave the following talk about using brand-new not-yet-released Knockout.js features, along with Yeoman, Gulp, and Karma to build large single-page web apps in a very modern style (while still retaining backward compatibility all the way to IE 6!).

This should be of interest to anyone who uses Knockout or cares about scalable front-end architecture.

No comment yet.
Scoop.it!

Shared Terminology Yet Different Concepts Between Ember.js and Rails

Shared Terminology Yet Different Concepts Between Ember.js and Rails | JavaScript for Line of Business Applications | Scoop.it

Developers who are well versed in Ruby on Rails (or other MVC implementations) and start learning Ember.js may find it surprising that, even though there’s shared vocabulary, denoted concepts are sometimes very different.

The first and obvious difference comes from the fact both are web frameworks. Rails facilitates the creation of web apps that offer mainly an HTTP interface to interact with. On the other hand, Ember helps create web apps that interface directly with humans (through clicks, taps, key presses, etc). They are both web application frameworks, but the former is server side and the latter client side.

A look into their workflows will shed light over the main differences.

No comment yet.
Scoop.it!

meteor-persistent-session: store session variables in localStorage

meteor-persistent-session: store session variables in localStorage | JavaScript for Line of Business Applications | Scoop.it

Make Meteor's Session object persist its values locally and across page refreshes. Meteor's default implementation loses values whenever the page is refreshed.

Uses amplifyjs's store library to save values in the browsers localStorage, falling back to other solutions if it's not available.


No comment yet.
Scoop.it!

Fluxxor - Data Layers with Flux and React

Fluxxor - Data Layers with Flux and React | JavaScript for Line of Business Applications | Scoop.it

Fluxxor is a set of tools to facilitate building JavaScript data layers using the Flux architecture by reifying many of the core Flux concepts. It works particularly well in conjunction with React as the view layer, and contains a few helpers to make integration with React applications easier.

The Flux architecture...

  • ...eschews complex MVC hierarchies in favor of a one-way data flow
  • ...makes it easier to reason about changes to your application's data
  • ...helps improve data consistency
  • ...prevents hard-to-debug cascading updates
  • ...works great with React and complements its reactive data flow
No comment yet.
Scoop.it!

Ten Reasons To Get Your Custom Web Application Sailing

Ten Reasons To Get Your Custom Web Application Sailing | JavaScript for Line of Business Applications | Scoop.it

Let me introduce you to something called SailsJS, a Node framework built on top of Express. Yes, it’s a framework on top of a framework, like my Sunday pancake stack. This may sound like overkill, but Express is really a microframework in that it only provides very basic functionality for your app. SailsJS adds extended functionality to get your app running off the ground quickly. Getting hungry?

No comment yet.
Scoop.it!

7 Patterns to Refactor JavaScript Applications: Value Objects

7 Patterns to Refactor JavaScript Applications: Value Objects | JavaScript for Line of Business Applications | Scoop.it

Bryan’s article describes Value Objects as “…simple objects whose equality is dependent on their value rather than an identity.” Because JavaScript adheres to the “pass-by-reference” principle for all JavaScript objects, there are no native examples of this in ECMAScript 5 or even Harmony, save for primitives. For example...


Patterns
  1. Value Objects
  2. Service Objects
  3. Form Objects
  4. Query Objects
  5. View Objects
  6. Policy Objects
  7. Decorators


No comment yet.
Scoop.it!

Resources for Staying on Top of JavaScript

Resources for Staying on Top of JavaScript | JavaScript for Line of Business Applications | Scoop.it

Last year, I wrote about and recommended some great resources for getting good with andJavaScript. A year is a long time in Internet terms and I figured now was a good time for a refresh. JavaScript continues to explode in terms of adoption and being fully embraced, not only in the browser but also on the server. So it's about time we revisit the list and update it with good places to stay current.

No comment yet.
Scoop.it!

Models and Rest APIs on AngularJS with Restangular

Models and Rest APIs on AngularJS with Restangular | JavaScript for Line of Business Applications | Scoop.it

AngularJS has been attracting a lot of attention lately and most Angular applications need to have models and communicate to a Rest API. However, AngularJS is not opinionated at all regarding models since they are simple POJSOs (Plain Old JS Objects).

The main intention of this talk is to show by example how to create models with fields and behaviour on JS that are gotten from a Rest API very with the help of Restangular, which allows us to handle models relations, extended state and behaviour in a very elegant way. I'm also going to compare this approach to working with $resource.

No comment yet.
Scoop.it!

building a forecasting application with AngularJS

building a forecasting application with AngularJS | JavaScript for Line of Business Applications | Scoop.it

The challenge I faced with AngularJS was getting the menus to automatically update according to changes in parent menu selection. (E.g., changing operating system by region selection). This required some tricky binding to accomplish, which I will demonstrate below.

When the application is loaded, it retrieves from a JSON file information about which options belong in which drop-down menus:

No comment yet.
Scoop.it!

Functional UI programming Session

Functional UI programming Session | JavaScript for Line of Business Applications | Scoop.it

Facebook's React is an interesting approach to UI programming in the browser that does away with manual DOM manipulation all together, and more closely resembles classic UI programming. Combine this approach with the immutable data structures of Clojurescript, and we're really getting somewhere.

In this talk I will explore the path to fully functional UI programming in the browser through React, Clojurescript, Om (React for Clojurescript) and other tools.

No comment yet.