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 tag: 'SPA'. Clear
Scoop.it!

router5: Simple, framework-agnostic, powerful and functional HTML5 routing solution

router5: Simple, framework-agnostic, powerful and functional HTML5 routing solution | JavaScript for Line of Business Applications | Scoop.it
  • Just a router 
  • router 5 is just a router, nothing else. It won't take care of updating your view, and makes no demands regarding you app structure or how your code is organised.
  • Component trees in mind 
  • router5 is built to be framework agnostic, and was designed to provide a more flexible and scalable solution for Single Page Applications routing, especially those made of a component tree.
  • Be functional and reactive 
  • router5 exposes simple methods and mechanisms to observe route changes and react to them. You can then use it with your favourite stream implementation, FRP library, in a flux-like architecture, etc...
No comment yet.
Scoop.it!

Lessons learnt by building Single Page Applications

Lessons learnt by building Single Page Applications | JavaScript for Line of Business Applications | Scoop.it

I want to share some of the lessons I have learnt building them, especially what things I found difficult technically. Based on my experience I think the following are common issues that you may encounter when building them.

No comment yet.
Scoop.it!

Anatomy of a JavaScript MV* Framework

Anatomy of a JavaScript MV* Framework | JavaScript for Line of Business Applications | Scoop.it
This article looks at some common features of JavaScript MV* frameworks. Various frameworks are compared and contrasted with respect to these features.


Contents:

* Routing
* Data Binding
* Templates/Views
* Models
* Data Access
* Conclusion

No comment yet.
Scoop.it!

Web App Builder - Single Page Application on any Mobile Device

Web App Builder - Single Page Application on any Mobile Device | JavaScript for Line of Business Applications | Scoop.it

Generate a web app instantly, directly from a database (SQL Server)

The following sample application code is an alternative to using libraries such AngularJS, Knockout, etc. Only established libraries jQuery and boostrap are used in conjunction with JavaScript, HTML and CSS.
A very simple approach is used in overlaying iframes or objects and jQuery Post routines & JSON, to read and update the database, without any postback.
The Grid and Detail forms included in this application also contain simple CSS, to make them automatically resize to any mobile device, down to iPhone, etc. Using horizontal and vertical scrolling or swiping allows the user to quickly read all data columns and rows in a Grid.

No comment yet.
Scoop.it!

An Introduction to Static Apps

An Introduction to Static Apps | JavaScript for Line of Business Applications | Scoop.it

Static applications and websites render in the user’s browser without the need for server side processing, this means that all the rendering of HTML, CSS, and JavaScript is done on the client side, rather then relying on server side technologies. Whilst traditionally managing static websites and applications may seem like hard work, the medium has come on leaps and bounds over the past few years to the extent that it’s now perfectly feasible to run heavy content, rich media websites, and applications entirely in the browser – Good times!

So grabbing and rendering UI elements doesn’t need roundtrips to your server, instead relying on the browser, which actually saves a heck of time for the user.

Jan Hesse's insight:

Also: http://www.staticgen.com/

No comment yet.
Scoop.it!

Developing a Large Scale Application with a Single Page Application (SPA) using AngularJS

Developing a Large Scale Application with a Single Page Application (SPA) using AngularJS | JavaScript for Line of Business Applications | Scoop.it

When you start to dig deep into the differences between a single-page application and an ASP.NET Master Page implementation, you start to realize that they actually are more similar to each other than different - being that a single-page application is simply a shell page to house content pages just like a master page, except that the shell page in a single-page application does not reload or execute like a master page does with each new page request.

Perhaps the name Single-Page Application is an unfortunate name  that may lead you to believe that the technology is not an appropriate choice for building web-based applications that need to scale to an enterprise-wide application that may consist of several hundred content web pages with thousands of users.

The goal of this article is to develop a single-page application that can be implemented with hundreds of content pages with all the functionality that an enterprise application needs to support thousands of users, including authentication, authorization and session state etc.

Marlon Saville, CAP's curator insight, August 19, 2014 2:38 PM

I have not read a word of this article...can somebody translate?

 

*Stretch it Out*

Scoop.it!

director - a tiny and isomorphic URL router for JavaScript

director - a tiny and isomorphic URL router for JavaScript | JavaScript for Line of Business Applications | Scoop.it

Director is a router. Routing is the process of determining what code to run when a URL is requested.

A routing library that works in both the browser and node.js environments with as few differences as possible. Simplifies the development of Single Page Apps and Node.js applications. Dependency free (doesn't require jQuery or Express, etc).

No comment yet.
Scoop.it!

Important Considerations When Building Single Page Web Apps

Important Considerations When Building Single Page Web Apps | JavaScript for Line of Business Applications | Scoop.it

Single page web applications - or SPAs, as they are commonly referred to - are quickly becoming the de facto standard for web app development. The fact that a major part of the app runs inside a single web page makes it very interesting and appealing, and the accelerated growth of browser capabilities pushes us closer to the day, when all apps run entirely in the browser.


  • Picking an Application Framework
  • Client-Side Templates
  • Modular Development
  • Package Management
  • Unit and Integration Testing
  • UI Considerations
  • CSS Preprocessors
  • Version Control
  • Browser Considerations
  • Libraries
  • Minification
  • Tools of the Trade
  • Performance Considerations
  • Auditing and Google Analytics
  • Keeping up With the Jones
  • Operations Management
  • Summary
No comment yet.
Scoop.it!

Keep Your Single-page Application Codebase Separate

Keep Your Single-page Application Codebase Separate | JavaScript for Line of Business Applications | Scoop.it

These days, we believe in a principle that guides our whole approach to building modern applications: Build a REST API backend, then treat your Single Page Application just like any other client, with a separate codebase and separate server.

This blog post explains, at a high level, how our server architecture looks, and the reasoning behind it.

No comment yet.
Scoop.it!

Single Page Application Demo With Hapi.js, AngularJS And Azure Table

Single Page Application Demo With Hapi.js, AngularJS And Azure Table | JavaScript for Line of Business Applications | Scoop.it

I have developed this simple app for my personal use for just adding bookmarks with priority range from 1 to 5. I mainly created this for following github repositories with a priority so tat I can look on these bookmarks and evaluate it later based on the priority.

Here’s the technology stack used for the demo app:

* REST API – Node.js and Hapi.js
* Data Persistence – Microsoft Azure Table
* Web App – AngularJS


No comment yet.
Scoop.it!

What’s the Role of the Server in Single Page Applications (SPAs)?

I’ve been doing a lot of AngularJS consulting and training lately and have been asked one particular question over and over: “What’s the role of the server in Single Page Applications (SPAs)”? Regardless of what SPA framework you use (AngularJSEmberDurandal, etc.) every SPA framework out there relies on some type of service (RESTful or otherwise) to serve and process data. That’s the obvious role that servers can play with SPAs. What’s not quite as obvious are the other roles that the server can play as a SPA interacts with it.

Here are a few ideas about roles that a server can play when building SPAs:

* Data Service
* Data Caching
* Serving Dynamic Views
* View Caching
* Security and Dynamic Views
* Security, Security, Security
* Summary

No comment yet.
Scoop.it!

Static Web Apps - A Field Guide

Static Web Apps - A Field Guide | JavaScript for Line of Business Applications | Scoop.it

Static Web Applications run independently of the need for server-side dynamic processing. Static web architecture eases common web development headaches without introducing additional complexity. This guide will introduce you to the world of static web applications and offer solutions to common challenges encountered while building them.

Why?

* Broad Appeal
* Rapid Development
* Simple Scalability
* Day One Modularity
* Increased Flexibility


No comment yet.
Scoop.it!

A Beginner's Guide for Creating Single Page Applications using Backbone.js and Marionette.js

A Beginner's Guide for Creating Single Page Applications using Backbone.js and Marionette.js | JavaScript for Line of Business Applications | Scoop.it

Backbone.js is a lightweight framework that let us create single page applications in a structured manner. It is based on the Model-View-Controller (MVC) pattern. It is best suited for creating single page applications using a RESTful service for persisting the data. 

Marionette.js is a composite application library built on top of backbone.js and it allows us to build large scale javascript single page application. Backbone.js does not enforce the use of strict MVC pattern but backbone marionette enforces the use of strict MVC pattern. marionette also provides us View classes that we can create and extend simple view, collection views and composite views. It also gives us the possibility of creating Controller classes and eventing mechanism across the application.

No comment yet.
Scoop.it!

Single page applications, Angular.js and accessibility

Single page applications, Angular.js and accessibility | JavaScript for Line of Business Applications | Scoop.it
This in-depth tutorial outlines some best practices and accessibility challenges common to SPAs (and specifically Angular apps).


Before we get started, you need to know… this tutorial isn’t designed to be “everything you’ll ever need to know about making Angular.js apps accessible.” This is a walk-through of some fairly common accessibility challenges to watch out for when building SPAs, and how you can address them when using Angular.js.

Here’s what we’re looking at:

No comment yet.
Scoop.it!

Single Page CRUD Application (SPA) using ASP.NET Web API, MVC and Angular.js

Single Page CRUD Application (SPA) using ASP.NET Web API, MVC and Angular.js | JavaScript for Line of Business Applications | Scoop.it

In this article, we will create a SPA using ASP.NET MVC, WEB API and Angular.js. Angular.js is a Model-View-* JavaScript based framework for developing SPA applications. Similarly ASP.NET Web API is a good fit for providing data for these type of applications.

SPA is the requirement of this new generation of web applications. It provides an easy interaction with WEB interfaces for users looking for a Desktop like experience on the Web. A mashup of client-server technologies like Angular.js and ASP.NET Web API helps you create enterprise ready SPA applications.

No comment yet.
Scoop.it!

Is a Single-Page Application what you really need?

Is a Single-Page Application what you really need? | JavaScript for Line of Business Applications | Scoop.it
I've been developing Single-Page Applications for a while. I started using plain JavaScript, then jQuery, then a bunch of other crazy libraries, to then finally settle with AngularJS. I've been a fan since day one, and I believe users can benefit a lot from them.
No comment yet.
Scoop.it!

Build a Single Page Application with Angular, Node & Mongo – Part II

Build a Single Page Application with Angular, Node & Mongo – Part II | JavaScript for Line of Business Applications | Scoop.it

It’s now time to take a look at the back-end: Node.js and MongoDB with Mongoose. I’m a big fan of Nodejs to build RESTful APIs. It is fast and can scale easily.

The application needs to store Friends and Expenses, both being linked to a Sheets. We use MongoDB as the database. 

No comment yet.
Scoop.it!

Senna - A blazing-fast Single Page Application engine

Senna - A blazing-fast Single Page Application engine | JavaScript for Line of Business Applications | Scoop.it

In order to create a single page application with good perceived latency and good user experience, the SPA engine must handle the browser native behavior in many aspects, for instance:

SEO & Bookmarkability: Sharing or bookmarking a link should always display the same content. Sending a link to a friend should get them where we were. More than that, search engines are able to index that same content.

Hybrid rendering: Ajax + server-side rendering allows disable pushState at any time, allowing progressive enhancement. The way you render the server side doesn't matter, it can be simple HTML fragments or even template views.

State retention: Scrolling, reloading or navigating through the history of the page should get back to where it was.

UI feedback: When some content is requested, it indicates to the user that something is happening.

Pending navigations: Block UI rendering until data is loaded, then displays the content at once. It's important to give some UX feedback during loading.

Timeout detection: Timeout if the request takes too long to load or when navigate to a different link while another request is pending.

History navigation: By using History API you can manipulate the browser history, so you can use browser's back & forward buttons.

Cacheable screens: Once you load a certain surface this content is cached in memory and is retrieved later on without any additional request. This can speed up a lot your application.

Page resources management: Evaluate scripts and stylesheets from dynamic loaded resources. 

No comment yet.
Scoop.it!

Single Page Application from scratch. Part 2: View Layer

Single Page Application from scratch. Part 2: View Layer | JavaScript for Line of Business Applications | Scoop.it

In the previous post we wrote simple event emitter that allows us to do simple subscribe/publish events logic. Also I did some overview of inheritance in JavaScript, and today by combining all this stuff together we will build UI that might be changed according to the user interaction.

No comment yet.
Scoop.it!

Building Single-Page Apps

Building Single-Page Apps | JavaScript for Line of Business Applications | Scoop.it

The talk included a number of specific tips and tricks on Backbone.js, Handlebars, and Rails that the team employed to build Wish Lists, which we launched in June.  I mention how we bootstrap the app from Rails to Backbone, our data lazy-loading strategy, how we keep our Backbone views modular and DRY, how we handle CDN and asset fingerprinting when generating HTML client-side, and our approach to I18n in the client, among other things.

In the talk I also introduced what it means to build a single-page app and outlined two different approaches: the Easy Way and the Hard Way.

No comment yet.
Scoop.it!

Single-Page-Application & REST security

Authentication

* How protect REST services

* API-Key

* Secret-key

* Signature

* Nonce, non-repuduation

* OAuth1 vs OAuth2


Authorization

* Profiles

* Stateless vs stateful

* HATEOAS

* Atom/RSS

No comment yet.
Scoop.it!

Single Page Application Done Right

Single Page Application Done Right | JavaScript for Line of Business Applications | Scoop.it

Not too long ago, FTBpro.com moved its website from classic web architecture (CWA) to a single-page application (SPA). For those who are less familiar with SPA, the major differences between the two are as follows...

To put it in simpler words – while in CWA the client gets a full HTML page on each request, in SPA the client gets all needed to be able to render the HTML by itself on the first page load so that subsequent requests might be carried in a very fluent and rich manner. It makes your website more of an application and less of a si

No comment yet.
Scoop.it!

Single Page Application performing database CRUD operations using Backbone and ASP.NET WebAPI

Single Page Application performing database CRUD operations using Backbone and ASP.NET WebAPI | JavaScript for Line of Business Applications | Scoop.it

This tutorial is about creating a Single Page Application using Backbone and performing database CRUD (Create, Read, Update and Delete) operations using ASP.NET Web API as a RESTful service.

Contents list of this article:

  1. Short description of Single Page Application.
  2. Short description of Backbone.
  3. Short description of ASP.NET Web API.
  4. Sample Single Page Application using Backbone and Web API.
No comment yet.
Scoop.it!

An Introduction to jide.js - toolkit for developing rich, modern web applications

An Introduction to jide.js - toolkit for developing rich, modern web applications | JavaScript for Line of Business Applications | Scoop.it

jide.js is a new toolkit for creating modern web applications. It consists of a collection of useful controls and all the tools you need to create your own, application specific, components. jide.js fully embraces AMD (require.js) to allow you to pick only those parts of it that you truly need. Starting with version 1.0.0-beta3, you’ll also be able to use it with Browserify.

At its core, jide.js is built around observable values, event emitters, and data binding. It utilizes the features of modern browsers (IE9+) to create a solid cross platform experience and to leverage the features of the current JavaScript language instead of clinging to the past.


This article only serves as a brief introduction to jide.js. There are lots of other controls built into jide.js that help you create your application, and the presented style is only one way. If you prefer not to use templates at all, that’s fine too. You can, for example, use operations such as filter, map and sortto create live updating variants of your original data.

To learn more about jide.js, please visit the project website where you can find lots of examples, demos, and guides. You are also directed to the project’s GitHub repository.

No comment yet.
Scoop.it!

Spar: Single Page Application Rocketship!

Spar: Single Page Application Rocketship! | JavaScript for Line of Business Applications | Scoop.it

Spar is an opinionated framework that makes developing and deploying single-page web apps and static websites using modern front-end technology like SASS, Haml, and Coffeescript a cinch.

We created Spar to decouple front-end development and deployment from specific backend languages like ruby, python, or Java.


Who should use Spar?

* Developers who have completely decoupled web applications (i.e. Old New Twitter) who want to do front-end development with state of the art tools like Coffeescript and SASS independent of their backend API stack.* Designers who love using modern technology like SASS, Less, and Haml but don't feel comfortable running and deploying apps in frameworks like Rails or Django.* Anyone who needs to make simple static websites and host them as static files on S3 (i.e. for really really cheap).
Under the hood, Spar uses Rack and Sprockets to provide a powerful asset pipeline similar to Rail's asset pipeline. If you're familiar with the Rail's asset pipeline, you'll feel right at home with Spar.
Benjamin Dean's curator insight, January 21, 2014 9:54 AM

I'm not a big Coffeescript or SASS fan, but I can see the value of this for other people who develop in JS that are fans of these technologies.