JavaScript for Line of Business Applications
507.6K views | +170 today
Follow
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...
Scoop.it!

Utility Classes Have Nothing to Do With Functional Programming

Utility Classes Have Nothing to Do With Functional Programming | JavaScript for Line of Business Applications | Scoop.it
Utility classes, even though they look like collections of functions, have nothing to do with functional programming, mostly because they are bags of procedures
more...
No comment yet.
Scoop.it!

What is Isomorphic JavaScript and When Should it Be Used?

What is Isomorphic JavaScript and When Should it Be Used? | JavaScript for Line of Business Applications | Scoop.it

he combination of client and server rendering is known as Isomorphic JavaScript. Isomorphic JavaScript is one of those fancy sounding computer science terms. Isomorphic means the application uses the same rendering engine on the client and the server, thus making it easier for developers to maintain markup templates.

Modern web application development is about building rich user experiences utilizing the new APIs and performance offered by today's modern browsers. Traditional web sites are rendered on the server, binding data with markup to produce a finished product. The finished product is shipped to the browser, which then renders the page as it loads CSS, images and any other asset designated in the markup and CSS.

more...
No comment yet.
Scoop.it!

Animating A Single Item Using ngRepeat And ngAnimate In AngularJS

Animating A Single Item Using ngRepeat And ngAnimate In AngularJS | JavaScript for Line of Business Applications | Scoop.it
Ben Nadel looks at using the ngRepeat directive, in AngularJS, to animate changes in a single item outside the context of a typical collection.
more...
No comment yet.
Scoop.it!

Getting the most out of JavaScript Stacktraces

JavaScript applications keep getting bigger, more complex, and harder to debug. Without stacktraces, how are we expected to find, decipher, and fix our bugs?

Getting the Stacktrace is on us. Only we can design the code to capture stacktraces effectively. Let's explore some popular libraries like stacktrace.js and tracekit, some techniques for catching exceptions without mess try/catches everywhere, and what's coming next with expanded error objects.

Let's talk about finding and fixing our errors and stop this proliferation of a broken JavaScript web.

more...
No comment yet.
Scoop.it!

A Promise on a Scrap of Paper

A Promise on a Scrap of Paper | JavaScript for Line of Business Applications | Scoop.it

Promises allow us to control commands that are executing at the same time or spontaneously. This control is codified and formatted in a way that humans can better read and understand. However, you probably still think of promises as a list of commands, but they're actually pieces of data representing an action. I'll show you how using a real world use of JavaScript promises that takes a list of resolutions I would like to screenshot and transform them into promised actions.

more...
No comment yet.
Scoop.it!

Automating JavaScript tests with QUnit, PhantomJS and Grunt

Automating JavaScript tests with QUnit, PhantomJS and Grunt | JavaScript for Line of Business Applications | Scoop.it
QUnit’s setup is fairly simple and is easy to use. To get started, I will be using a simple boilerplate webpage. Notice that the two files required for QUnit (qunit-x.js and qunit-x.css) are included in the page source. Additionally, I have some inline JavaScript for which QUnit tests will be written. home.html Within tests.js, I …
more...
No comment yet.
Scoop.it!

Introduction to Web Components

Introduction to Web Components | JavaScript for Line of Business Applications | Scoop.it

In recent years there has been a focused concept to make the web more modular. This forces for developers to write more efficient code and not write sites and applications where every piece of code depends on other pieces. The idea of small independent chunks of code and functionality has been working quite well for back-end systems and client side dynamic scripts, so naturally some developers started creating small pieces of modular code for HTML elements. AngularJS was an early adopter of the component paradigm with directives, and other libraries like KnockoutJS make creating and using web components a breeze.

more...
No comment yet.
Scoop.it!

From angular.js to om: a walk-through

From angular.js to om: a walk-through | JavaScript for Line of Business Applications | Scoop.it

While very happy with om so far, most of the introductory material out there focuses on complex apps and features, and when starting out, we fell like simple introductions were missing. Hopefully the following can help bridge that gap, assuming a familiarity with the clojure language.

Compared to angular, om does not provide any standard way to structure apps. This is in part due to the fact that om is fairly recent, but also to the fact that the clojure community puts a bigger emphasis on libraries than framework, which do not impose as much on their consumers.

more...
No comment yet.
Scoop.it!

Lazy Iterables in JavaScript

Lazy Iterables in JavaScript | JavaScript for Line of Business Applications | Scoop.it

Iteration for functions and objects has been around for many, many decades. For simple linear collections like arrays, linked lists, stacks, and queues, functional iterators are the simplest and easiest way to implement iterators.

In programs involving large collections of objects, it can be handy to implement iterators as objects, rather than functions. The mechanics of iterating can then be factored using the same tools that are used to factor the mechanics of all other objects in the system.

Fortunately, an iterator object is almost as simple as an iterator function. Instead of having a function that you call to get the next element, you have an object with a.next() method.

more...
No comment yet.
Scoop.it!

Getting started with Meteor.js

Getting started with Meteor.js | JavaScript for Line of Business Applications | Scoop.it

What does an aspiring web developer need to know to develop a Meteor app? Below is a list of languages, frameworks, libraries, packages & more ;) .

The lists that follow are purposely ordered, unless noted. This article does not explain why you need to learn each item (that is up to you to figure out). Instead this article's purpose is to provide a quick roadmap or "thousand mile" view of the technologies a Meteor Dev works with daily.

When you are in the weeds of learning new things it feels good knowing you have a map to reference and measure your progress against.

more...
No comment yet.
Scoop.it!

Component-Based Directives in AngularJS

Component-Based Directives in AngularJS | JavaScript for Line of Business Applications | Scoop.it

Matias explores how to craft reusable, portable and well-tested directives that embrace HTML while empowering us to make the most of our AngularJS applications.


Contents:

1 Component-Based Directives in AngularJS
2 Robust & Flexible Component-Directives in AngularJS
3 Unit Testing Component-based directives
4 Refactoring Components
5 Going Further
6 Please Follow!

more...
Scoop.it!

Publish/subscribe with Postgres and Node.js

Publish/subscribe with Postgres and Node.js | JavaScript for Line of Business Applications | Scoop.it

To solve realtime one needs to add a push to the pull. A message queue system like RabbitMQ excels at that, but adding an extra dependency to an application adds complexity and might scare you of. The alternative many would point to is Redis, but you may not be aware that your current database might have a publish/subscribe system built in to it.

If you use Postgres it does.

more...
No comment yet.
Scoop.it!

Type checking state in React components with Flow

Type checking state in React components with Flow | JavaScript for Line of Business Applications | Scoop.it
Flow is a static analysis tool for JavaScript. It lets you gradually add type annotations, and will check that you adher…
more...
No comment yet.
Scoop.it!

Exploring Isomorphic JavaScript

Exploring Isomorphic JavaScript | JavaScript for Line of Business Applications | Scoop.it
Nicolas Hery is a freelance web developer based in Paris, France. He has a background in applied mathematics, works as a full-stack developer mostly in JavaScript and Node.js, as well as Python for scientific computing.
more...
No comment yet.
Scoop.it!

AngularJS - Best Practices

AngularJS - Best Practices | JavaScript for Line of Business Applications | Scoop.it

This is the eleventh in a series of posts on AngularJS where we are using Chemistry data from the periodic table to help us understand the framework. 

This blog series on AngularJS has been going on for a while, since October 2013 to be exact. In that time, AngularJS has changed and best practices have emerged. I thought it would be worth taking a look at the current state of best practices and refactoring some of the code we have been working on to reflect that.

Contents:

AngularJS - Introduction
AngularJS - Introducing AngularJS Controllers
AngularJS - Introducing NG-Repeat
AngularJS - More with NG-Repeat
AngularJS - Image Binding
AngularJS - Introducing Templates
AngularJS - Introducing Routing
AngularJS - Introduction to Services
AngularJS - Introduction to Directives
AngularJS - Further with Directives
AngularJS - Best Practices

more...
No comment yet.
Scoop.it!

Mongol - The Insanely Useful Meteor Development Package

Mongol - The Insanely Useful Meteor Development Package | JavaScript for Line of Business Applications | Scoop.it

If you're spending almost as much time in the console as you are in your text editor, something is wrong. I've created this package as a solution to a productivity bottleneck I've experienced myself, and saw other's experience. With Mongol, you have a clear view of your application's data and you can tweak it in seconds. 

more...
No comment yet.
Scoop.it!

An Unconventional Review of AngularJS

An Unconventional Review of AngularJS | JavaScript for Line of Business Applications | Scoop.it

AngularJS is everything I expect from a framework. That’s not a good thing.

In November, December, and January, I reviewed AngularJS for Let’s Code JavaScript’s “front-end frameworks” series. All together, I spent forty hours researching, coding, and problem-solving. As usual, my goal was to explore and critique AngularJS by creating a real application.

more...
No comment yet.
Scoop.it!

Handle asynchronous non-blocking IO in JavaScript

Handle asynchronous non-blocking IO in JavaScript | JavaScript for Line of Business Applications | Scoop.it

One of the big “WTF” hurdles for apprentice JavaScript developers, that come from languages that mostly embrace synchronous and blocking IO APIs like Java or PHP is to get into thinking asynchronously about everything IO related in JavaScript with its event loop construct.

It is actually one of the cool things about JavaScript and why NodeJS on the server got so much attention in the beginning, so it is something anyone at least half serious about learning JS should learn about.

more...
No comment yet.
Scoop.it!

Classes in ECMAScript 6 (final semantics)

Classes in ECMAScript 6 (final semantics) | JavaScript for Line of Business Applications | Scoop.it
Jan Hesse's insight:

Recently, TC39 decided on the final semantics of classes in ECMAScript 6. This blog post explains how their final incarnation works. The most significant recent changes were related to how subclassing is handled.

Contents:

  • Overview
  • The essentials
  • The details of classes
  • The details of subclassing
  • Constructor calls explained via JavaScript code
  • The species pattern
  • Conclusion
  • Further reading


more...
No comment yet.
Scoop.it!

My Way into Clojure: Building a Card Game with Om - Part 1

My Way into Clojure: Building a Card Game with Om - Part 1 | JavaScript for Line of Business Applications | Scoop.it
In order to gain hands-on experiences with functional programming, I wrote an HTML5 card game with Om, a “JavaScript MVC” written in ClojureScript.
This first post starts our journey travelling down the Clojure rabbit hole. I'll share my experiences getting started with Clojure, introduce the language's features and explain why its LISP syntax is a logical consequence of its deep infatuation with simplicity.
Jan Hesse's insight:

http://paulwittmann.github.io/cgnjs-om/

more...
No comment yet.
Scoop.it!

Stapes.js - the little Javascript framework that does just enough

Stapes.js - the little Javascript framework that does just enough | JavaScript for Line of Business Applications | Scoop.it

Class creationcustom events, and data methods. That's all it does. Even a lightweight framework like Backbonehas more than 75 methods, Stapes has just 20.

more...
No comment yet.
Scoop.it!

Emberjs authentication from scratch without using add-ons

Emberjs authentication from scratch without using add-ons | JavaScript for Line of Business Applications | Scoop.it

This is a follow-up of my last blog post 3 patterns for authentication in Emberjs.

Contents:

1. The Session Service Object
2. The Authenticated Route
3. The Session-Manager component
4. The Login Route
5. The Application Route
6. The User object

more...
No comment yet.
Scoop.it!

Make Code Reusable with AngularJS Services

Make Code Reusable with AngularJS Services | JavaScript for Line of Business Applications | Scoop.it

While AngularJS certainly is an opinionated framework, it also gives developers a lot of freedom when it comes to application architecture. In many cases this can be a positive thing, but it can also lead to applications getting built in ways that aren’t the most maintainable.

Services in Angular give us a way to abstract certain parts of our application logic out into reusable objects or functions. They can be injected as dependencies across all parts of the application, including controllers, directives, filters, and even other services. Creating and using services effectively requires that they be generalized enough to be easily reused in many different areas of the app.

more...
No comment yet.
Scoop.it!

Geospatial SPA using JavaScript only

Geospatial SPA using JavaScript only | JavaScript for Line of Business Applications | Scoop.it

I started this project in my own free time, having an affection for geospatial data. The application itself was inspiried by the amazing online Google+ Photo Editor. This tool not only allows you to view your photos, but also allows you to see additional metadata associated with your photos. The metadata is in a format called EXIF (Exchangeable Image File Format), a standard that specifies the metadata that images should contain when a photo is taken using either a digital camera (including DSLRs) or a smartphone. This information includes details of the camera, settings of the camera at the time the photo was created (for example, aperture and shutter speed), and - my favourite piece of information - GPS data, which is the latitude and longitude of the place where the photo was taken.

more...