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!

Rock & Roll with Ember.js

Rock & Roll with Ember.js | JavaScript for Line of Business Applications | Scoop.it

This book will get you over the initial bump of comprehending Ember and give specific advice on how typical tasks should be carried out to work with the framework and not against it. The main concepts and building blocks of Ember are going to be introduced by way of building an actual application. The application will get shinier (and/or more robust) with each chapter helped by the Ember concept introduced in the same chapter. This way, not only will you learn about the Ember concept, you will also see how it can be used in a real application.

No comment yet.
Scoop.it!

Taking React to the next level: Mixins, Gulp, and Browserify

Taking React to the next level: Mixins, Gulp, and Browserify | JavaScript for Line of Business Applications | Scoop.it

I like React. But React can't do everything, and there are things that make no sense to do as a React component, like plain JS functionality. For instance, if you want an image manipulation component, then by all means write it, but you're not going to also include all the code for the under-the-hood image processing library. You want to keep that separate.

What's still missing?

That post didn't cover everything, and hopefully it left some questions on the table, so let's address those: what's still missing?

No comment yet.
Scoop.it!

Meteor Security 101

Meteor Security 101 | JavaScript for Line of Business Applications | Scoop.it

I wanted to go over some of the common security holes I have found recently, why they happen, and how you avoid them!

Autopublish serves up all the data in your database to the client. This actually has both security implications, through too much exposed data, and potential performance issues because publishing everything could overload the server and pushing too many records to the client side at once will cause it to lock up for a few seconds while it all loads.

No comment yet.
Scoop.it!

Set Phasers to STUN/TURN: Getting Started with WebRTC using Node.js, Socket.io and Twilio’s NAT Traversal Service

Set Phasers to STUN/TURN: Getting Started with WebRTC using Node.js, Socket.io and Twilio’s NAT Traversal Service | JavaScript for Line of Business Applications | Scoop.it

It’s an important service for WebRTC applications as it removes the overhead of deploying your own network ofSTUN and TURN servers.

Throughout this post I will share how I got started with it building out a video chat application with WebRTC. Then you can spend fewer late nights wondering which callback you missed or which message you haven’t implemented yet and more time waving at your friends and thinking of cool applications for this technology.

No comment yet.
Scoop.it!

Object Oriented JavaScript Pattern Comparison

Object Oriented JavaScript Pattern Comparison | JavaScript for Line of Business Applications | Scoop.it

In this post, I explore various object oriented JavaScript design patterns. An intermediate level of JavaScript knowledge is required to get value from this post. Before we get started exploring the various patterns below, it’s worth reviewing a couple key things about JavaScript objects.

No comment yet.
Scoop.it!

A General Theory of Reactivity

A General Theory of Reactivity | JavaScript for Line of Business Applications | Scoop.it
gtor - A General Theory of Reactivity
No comment yet.
Scoop.it!

TouchstoneJS • ReactJS powered UI framework for developing beautiful hybrid mobile apps

TouchstoneJS • ReactJS powered UI framework for developing beautiful hybrid mobile apps | JavaScript for Line of Business Applications | Scoop.it

Mobile App Framework powered by React.

Currently under development, docs will be available soon at touchstonejs.io.

Follow @touchstonejs on Twitter for updates.

See the touchstone-starter project for example usage.

An online demo is available at demo.touchstonejs.io.

No comment yet.
Scoop.it!

total.js - Web application framework for node.js

total.js - Web application framework for node.js | JavaScript for Line of Business Applications | Scoop.it
Free web application framework for building Web sites and Web applications using JavaScript, HTML and CSS.

Total.js is the free web application framework for node.js and contains all modern features for creating rich web applications. Its core contains own web server for serving static and dynamic content. It supports streaming, uploading, image resizing, automatic content compression and many more. The framework is fast and flexible.

The framework does not contain any dependencies.

No comment yet.
Scoop.it!

Exploring Facebook Flow: First Impressions, Gotchas, and Tips

Exploring Facebook Flow: First Impressions, Gotchas, and Tips | JavaScript for Line of Business Applications | Scoop.it

This post will be part-commentary, part-resource. My goal is to give you, the reader, a better understanding of how to integrate Flow into your projects and avoid any undocumented pain points.

Flow is centered around a server architecture, which allows for online type checking. So, to start, Flow scans your entire project—or, at least, any files marked with the pragma, as Flow's type checking is opt-in. When you later change a file, Flow can intelligently type check the paths in the code that were affected by this change, rather than rescanning the entire project. This leads to big performance gains.

No comment yet.
Scoop.it!

Protractor Page Objects for Organizing End-to-End Test Code

Protractor Page Objects for Organizing End-to-End Test Code | JavaScript for Line of Business Applications | Scoop.it

Tests take actions and make assertions about how the application should respond, but page objects encapsulate the details of how to perform those actions on a page.

Protractor Page objects provide a helpful way to organize your end-to-end test code. While your actual tests take actions and make assertions about how your application should respond, page objects encapsulate the details of how to perform those actions on a page.

No comment yet.
Scoop.it!

Unit Testing Extjs UI with Siesta

Unit Testing Extjs UI with Siesta | JavaScript for Line of Business Applications | Scoop.it

WebDriver is great, but since a lot of javascript events are happening in the background it’s very difficult to write a easily usable DSL to manipulate the UI. One has to wait for ajax calls to finish, for DOM elements to appear or disappear, and so on. Tests became instable and failed sometimes, even sometimes on the CI build but never on your development environment. It takes more and more time to find & fix those things.

A possible solution: Siesta

Siesta is a product from Bryntum especially written to unit test Extjs applications, focussing on the UI. Sounds nice, so we decided to check it out as a possible alternative to WebDriver

No comment yet.
Scoop.it!

LumX - The first responsive front-end framework based on AngularJS & Google Material Design specifications.

LumX - The first responsive front-end framework based on AngularJS & Google Material Design specifications. | JavaScript for Line of Business Applications | Scoop.it

LumX will help you to design beautiful applications, faster and easier. We’ve built it based on google guidelines, respecting metrics in a pixel perfect way.

It provides a full CSS Framework built with Sass and a bunch of AngularJS components.

No comment yet.
Scoop.it!

Building an app with Ampersand.js

Building an app with Ampersand.js | JavaScript for Line of Business Applications | Scoop.it

The corner-stones of Ampersand is the state, model, and view modules. There's no "core" module or anything. If you just want some basic view layer you could pull in just the view module for example.

As I mentioned before, Ampersand does not come with any "core" module. Which isn't really mentioned anywhere in the docs — that confused me for a while. So, we'll need to setup something of our own. First, let's lay out the things we need:

  1. A way to map "code" to a "url". Ie. we need a router and some way to structure that code.
  2. A way to keep track of global state. This might be a user's session for example. Things that doesn't really fit within a model.
  3. A way to manage instantiated models. So that we can make sure we're not running around with duplicates.
  4. Someway to manage the app chrome (navigation bars and what not — stuff that is not part of one special page).


No comment yet.
Scoop.it!

From Ember-Rails to Ember CLI

From Ember-Rails to Ember CLI | JavaScript for Line of Business Applications | Scoop.it

The majority of Ember applications I’ve worked on have been powered by the Ember-Rails gem. Ember-Rails is great but can make your Ember app feel like a second class citizen when it’s just as important as the Rails API that powers it.


Ember CLI solves this issue by separating your Ember application from Rails and providing an environment to develop, build, and test your Ember applications.

No comment yet.
Scoop.it!

Writing AngularJS directives as TypeScript classes

Writing AngularJS directives as TypeScript classes | JavaScript for Line of Business Applications | Scoop.it

TypeScript is a fantastic language that extends JavaScript by providing static typing syntax. Writing TypeScript to utilize AngularJS can be clunky at times, and one pain point for me was in writing directives.

AngularJS expects to be feed a factory function that returns an object that defines parameters and functionality for your directive.

In JavaScript, that looks like this.

No comment yet.
Scoop.it!

Fundamentals of Mobile Web Development

Fundamentals of Mobile Web Development | JavaScript for Line of Business Applications | Scoop.it
A quick look at some of the efforts the Chrome team are doing to helps developers get started with Web Development and iterate on their sites.
Learn. Build. Iterate.

These are some of the efforts from the Chrome team to help developers get up to speed with web development.

No comment yet.
Scoop.it!

Building Multi-platform Real-time Mobile Applications using Ionic and Firebase

Building Multi-platform Real-time Mobile Applications using Ionic and Firebase | JavaScript for Line of Business Applications | Scoop.it

This article introduces the capabilities of these tools and how to use them, and even provides some code examples.


The first thing we need to do is install Ionic. Follow the installation instructions provided on the Ionic Getting Started page. (Note that Ionic has a dependency on NodeJS, so the instructions will require you to install that as well if you don’t already have it on your machine).

The AngularFire 5 minute tutorial is a great place to begin getting familiar with Firebase. And if you’re a “tinkerer” or a tactile learner like me you may want to pull my implementation from GitHub and start playing with the code.

No comment yet.
Scoop.it!

5 Reasons Why A Backbone Developer Loves Ember

5 Reasons Why A Backbone Developer Loves Ember | JavaScript for Line of Business Applications | Scoop.it

As I learned more and more about Backbone, I kept missing some of the features and structure Angular had. So I thought to myself, maybe I am doing something wrong. I went on to read Building Backbone Plugins by Derick Bailey, looked at Marionette.js, and incorporated several of those ideas into our own abstractions. This definitely helped remove some of the boilerplate code since Backbone is really minimalistic. Even with these abstractions, certain things felt wrong and messy. At that point, I decided to learn Ember just to hopefully learn and borrow some new concepts despite knowing that Ember was something we wouldn't use for this project. So here is my list of 5 things that I learned and borrowed from Ember for Backbone.

No comment yet.
Scoop.it!

Employee Directory Sample App with React and Node.js

Employee Directory Sample App with React and Node.js | JavaScript for Line of Business Applications | Scoop.it

A couple of weeks ago, I shared an Employee Directory sample application built with Reactin seven steps. Employee directory is a mobile app that allows you to look up employees by name, view the details of an employee, and call, text, or email an employee.

In this post, I share a new version of the application with two new features:

  1. Animated page transitions based on pageslider-react discussed in my previous post
  2. Data access using REST services exposed by a Node.js / Express server (included in the sample app)


I’ve used the employee directory use case to explore different frameworks. An AngularJS / Ionic version of the same app is available here.

No comment yet.
Scoop.it!

Integrating JavaScript with TypeScript (and Backbone and Knockout)

Integrating JavaScript with TypeScript (and Backbone and Knockout) | JavaScript for Line of Business Applications | Scoop.it
Peter looks at how to call a JavaScript function from your TypeScript code and do it in a type-safe way. Along the way, he dramatically simplifies a Backbone application by integrating Knockout.
No comment yet.
Scoop.it!

Node.js Flow - Callback Hell vs. Async vs. Highland Streams

Node.js Flow - Callback Hell vs. Async vs. Highland Streams | JavaScript for Line of Business Applications | Scoop.it
In this post we'll be comparing node.js and javascript application flow using callbacks, the async library and highlands streams.
No comment yet.
Scoop.it!

ECMAScript 6: maps and sets

ECMAScript 6: maps and sets | JavaScript for Line of Business Applications | Scoop.it

Among others, the following four data structures are new in ECMAScript 6: Map, WeakMap, Set and WeakSet. This blog post explains how they work.

JavaScript has always had a very spartan standard library. Sorely missing was a data structure for mapping values to values. The best you can get in ECMAScript 5 is a map from strings to arbitrary values, by abusing objects. Even then there are several pitfalls that can trip you up.

The Map data structure in ECMAScript 6 lets you use arbitrary values as keys and is highly welcome.

No comment yet.
Scoop.it!

If Hemingway Wrote JavaScript: Explained.

If Hemingway Wrote JavaScript: Explained. | JavaScript for Line of Business Applications | Scoop.it

I wrote a book called If Hemingway Wrote JavaScript in which I imagine 25 famous novelists, poets and playwrights solving simple problems in JavaScript. It’s part homage to my favorite writers and part love letter to JavaScript, the only language I know with enough freedom, creative potential and downright quirkiness to pique the interest of the literary greats.

This post contains original material that’s not in the book (think of it as one of those “behind the scenes” bonus features). It’s the first in a series of deep technical dives into each author’s solution. Some solutions require more explanation than others.

Enjoy!

No comment yet.
Scoop.it!

Unit test your client-side JavaScript

Unit test your client-side JavaScript | JavaScript for Line of Business Applications | Scoop.it

I don't think that we have to discuss the importance of having tests. That's not something that we add to the project in addition. That's something that the project is based on. And because testing is so important we have bunch of tools in our disposal. We all know (I hope) how to test our back-end code. However, once we move to the front-end is a bit different. At the moment we are working on a big single page application and testing is one of our main focuses. In this article you will see how to unit test our client-side JavaScript.

No comment yet.
Scoop.it!

CompoundJS

CompoundJS | JavaScript for Line of Business Applications | Scoop.it

CompoundJS is the Node.JS MVC framework based on ExpressJS, fully ExpressJS-compatible. It allows you to build well-structured web applications.

The main objective of the framework - web development without pain.

No comment yet.