JavaScript for Line of Business Applications
596.1K views | +0 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...

Popular Tags - Filter using the Funnel

Current selected tags: 'Backbone.js', 'WebApp Framework'. Clear
Scoop.it!

Tweak.js - Component driven MVC

Tweak.js - Component driven MVC | JavaScript for Line of Business Applications | Scoop.it

Tweak.js is a MVC framework built to help developers' structure code; for use in web applications and web components. Tweak.js is also accompanied with extra features that advances typical MVC concepts.

Tweak.js is not another backbone.js or anything as big as Ember. It's designed to be slap bang in the middle. It offers simple improvements over backbone.js and is way simpler compared to the massive MVC frameworks. It keeps in mind that not all applications are data driven, and when they are you don’t want to be told how to retrieve, monitor, and send that data; that should be down to you.

No comment yet.
Scoop.it!

Bone.io - Realtime HTML5 Framework

Bone.io - Realtime HTML5 Framework | JavaScript for Line of Business Applications | Scoop.it

Bone.io allows you to build realtime HTML5 apps using websockets to deliver hot data to the browser. This enables you to easily construct rich, highly responsive user interfaces.

In a lot of ways, Bone.io can be viewed as a much improved version of Backbone.js. Backbone, Angular and other older frameworks rely primarily on AJAX and model bindings to get data to the DOM. The problem with this approach is that AJAX has no method for handling bi-directional communication. In the world of modern data-driven HTML5 applications, Bone.io strives to pickup where these other frameworks have left off.

No comment yet.
Scoop.it!

Tres - A mobile web development framework

Tres - A mobile web development framework | JavaScript for Line of Business Applications | Scoop.it

Tres is a development suite, focused on mobile devices (phones, tablets). It features automatic compilation of template formats such as Haml, as well as transparent CoffeeScript and Compass support (and thus, Sass.). The idea is you'd develop a mobile web app locally, package it, and then use it with whatever other back-end you want.

Tres also provides default/desirable styles for creating mobile applications, such as headers, lists, buttons, and other common mobile app design patterns.

It also provides helpful JavaScript classes to easily implement behaviour and connect the UI with real data from say, an API.

No comment yet.
Scoop.it!

Complex Single Page Application Architecture with Backbone

Complex Single Page Application Architecture with Backbone | JavaScript for Line of Business Applications | Scoop.it

Over the past few months we've been developing the 2nd (and much improved) generation of the SOOMLA dashboard.  Though we use myriad front-side technologies, the jewel in the crown is Backbone.js.  Much has been written about Backbone, though still I find that most articles focus on HOW-TOs of models, views and events.  In this post, I’ll describe our dashboard’s Backbone architecture, with an attempt to zoom out a bit and understand the fundamentals of building complex, heavy single page applications (hereinafter SPA) with Backbone.  Disclaimer: this post is not about code, but about architecture concepts.  Therefore, the code examples won't be detailed to the bits and bytes, but they are all documented sufficiently to understand the idea.

We use:
* Require.js for dependency management and modular code.
* Backbone.js - for basic application structure and separation of concerns.
* Marionette.js - for composite application architecture and saving lots of Backbone boilerplate.
* underscore.js for general object, array and function utilities.
* undescore.string for extended string manipulation functionality.
* Handlebars.js - for client side templating.
* jQuery for DOM manipulation, AJAX, promises, and much more.
* These jQuery plugins: Qtip, SlimScroll, Isotope, jQuery UI sortable and jQuery validations.
* imagesloaded - for capturing and synchronizing image load events.
* Less - for CSS pre-processing.
* grunt.js - for build automation (tasks like pre-compilation, minifying and concatenating code).


No comment yet.
Scoop.it!

Aura JS Component Framework

Aura JS Component Framework | JavaScript for Line of Business Applications | Scoop.it

Aura is an event-driven architecture for developing scalable applications using reusable widgets. It works great with Backbone.js, but is framework-agnostic, adapts many best-practice patterns for developing maintainable apps and has first-class support for modern tools like Bower, Grunt and Yeoman.

Aura uses libraries like RequireJS under the covers, but as solutions like ES6 modules and Polymer become stable and usable, the project will move towards using them.

Jan Hesse's insight:

An Addy Osmani baby...

No comment yet.