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

imvvm - Immutable Model-View-ViewModel for React

imvvm - Immutable Model-View-ViewModel for React | JavaScript for Line of Business Applications | Scoop.it

IMVVM is designed to complement the React library. A Facebook and Instagram collaboration.

To further quote the React website, "lots of people use React as the 'V' in MVC". Well I thought, why not use React as the 'V' in MVVM, and keeping inline with React's philosophy on immutability, lets make it use immutable data. So I created IMVVM.

This is my take on MVVM and immutability using javascript. IMVVM tries to resemble a React application. So it not only feels like your developing in the same environment, but if your coming from React, you should be able to pick up IMVVM quickly.

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

vue.js - Intuitive, Fast and Composable MVVM for building interactive interfaces.

vue.js - Intuitive, Fast and Composable MVVM for building interactive interfaces. | JavaScript for Line of Business Applications | Scoop.it

Vue.js is a library for building interactive web interfaces. 

It provides efficient MVVM data bindings with a simple and flexible API.


Technically, Vue.js is focused on the ViewModel layer of the MVVM pattern. It connects the View and theModel via two way data bindings. Actual DOM manipulations and output formatting are abstracted away into Directives and Filters.

Philosophically, the goal is to provide the benefits of MVVM data binding with an API that is as simple as possible. Modularity and composability are also important design considerations. It is not a full-blown framework - it is designed to be simple and flexible. You can use it alone for rapid prototyping, or mix and match with other libraries for a custom front-end stack. It’s also a natural fit for no-backend services such as Firebase.

Vue.js’ API is heavily influenced by AngularJSKnockoutJSRactive.js and Rivets.js. Despite the similarities, I believe Vue.js offers a valuable alternative to these existing libraries by finding a sweetspot between simplicity and functionality.


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

Visto JavaScript Library

Visto JavaScript Library integrates KnockoutJS, JQuery and RequireJS (and TypeScript) to provide the programming model known from .NET XAML and MVVM: It is possible to implement views with "code-behind" and bindings to view models, declaratively load subviews in HTML and navigate between pages - all in a single-page application. 

The main advantages of this library is that it allows to develop component-based and implement reusable views which are composed of predefined programming blocks (view, view model and HTML). These views can be reused as sub views, in dialogs or as page instances. The programming API and paradigm is very similar to the one found in Windows Phone XAML or Windows 8 Store Apps programming (MVVM pattern, view "code-behind", paging/navigation). 

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

Comparison of Architecture presentation patterns MVP(SC),MVP(PV),PM,MVVM and MVC

Comparison of Architecture presentation patterns MVP(SC),MVP(PV),PM,MVVM and MVC | JavaScript for Line of Business Applications | Scoop.it

This article will compare four important architecture presentation patterns i.e. MVP(SC),MVP(PV),PM,MVVM and MVC. Many developers are confused around what is the difference between these patterns and when should we use what. This article will first kick start with a background and explain different types of presentation patterns. We will then move ahead discussing about the state , logic and synchronization issues. Finally we will go in detail of each pattern and conclude how they differ from each other.

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

Getting Started with Knockout.js and MVVM

Getting Started with Knockout.js and MVVM | JavaScript for Line of Business Applications | Scoop.it

My team and I compared competing JavaScript frameworks (such as Angular, Knockout, Ember, etc). Then, we selected Knockout for several reasons. It uses clean data-binding syntax, has plenty of online resources, and even has support from Microsoft. Its creatorSteve Sanderson is now a Microsoft employee, and Knockout is included in a new web project created within Visual Studio 2012.

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

GluJS: Rich, Reactive HTML5/JavaScript MVVM Framwork for ExtJS

GluJS is an open-source JavaScript framework that implements an enhanced MVVM architectural pattern and BDD methodology to enable rapid, test-driven development of rich enterprise applications using HTML5 UI components such as Sencha Ext Js or Sencha Touch

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

KnockoutJS: An MVVM Framework for jQuery Developers - DeveloperTech

KnockoutJS: An MVVM Framework for jQuery Developers - DeveloperTech | JavaScript for Line of Business Applications | Scoop.it
KnockoutJS: An MVVM Framework for jQuery DevelopersDeveloperTechKnockoutJS: An MVVM Framework for jQuery Developers.
more...
No comment yet.
Scoop.it!

Forward Thinking: KnockoutJS | Centare

As web applications become more and more rich, we need a way to help separation of concerns, decouple our code, and make testing easier. KnockoutJS is one such client-side framework that lets us structure our code using the MVVM pattern. We’ll start out with an overview of the basics of Knockout, then moving on to more advanced topics like templating, the mapping plugin, and custom binding handlers.

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

MVVM vs MVP vs MVC: The differences explained

MVVM vs MVP vs MVC: The differences explained | JavaScript for Line of Business Applications | Scoop.it
A set of bullet points explains the basics of MVVM, MVP, and MVC as well as guidelines for using each architecture with proper technologies.
more...
No comment yet.
Scoop.it!

A Smooth Transition to HTML5 Using MVVM

A Smooth Transition to HTML5 Using MVVM | JavaScript for Line of Business Applications | Scoop.it

How difficult is it to port Silverlight applications to HTML5? That is the question we hear every day at ComponentOne. Instead of speculating about it, we decided to sit down and try it. Today we will discuss the process and tools we used when doing so. The approach we took was to use the MVVM pattern (from Silverlight) when developing the HTML5/JavaScript version. By choosing this method we were able to port our data access and UI layers quite easily. We take advantage of tools like KnockoutJS and Wijmo to make the process even easier. Our developers were able to minimize the cost of learning new paradigms in this migration by reusing most of their knowledge. What we ended up with was nearly identical applications in Silverlight and HTML5. Come learn how you can smoothly transition to HTML5!

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

jide.js - Modern Javascript and HTML5 based UI control toolkit

jide.js - Modern Javascript and HTML5 based UI control toolkit | JavaScript for Line of Business Applications | Scoop.it

jide.js is an open source, MIT licensed, Javascript toolkit for developing rich, modern web applications. It features various powerful UI controls and is built around the concept of properties and data binding and enables highly efficient programming.

jide.js uses the AMD format and can be used with any AMD compatible loader such as require.js but also supports Browserify. Don't worry if you don't know what that means, we've prepared a short introduction for you.

jide.js is currently in beta state. This means that it is neither feature complete nor without bugs and that its APIs can change when necessary.

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

MVVM in BackboneJS using Backbone.Stickit

MVVM in BackboneJS using Backbone.Stickit | JavaScript for Line of Business Applications | Scoop.it

I have been looking into various design patterns and trying to architect client side applications using it. More often than not the MVC pattern fits the requirement in most of the applications. However, I have found myself using MVVM (Model View - View Model) pattern along with MVC. I use MVVM pattern particularly when I have to maintain the state of the model on the client side. AngularJS provides great support by allowing you to extend the markup and tying the model right within the view (the markup). It also provides components that can be used to structure the application the MVC way and hence it's appropriately termed as MVW or MV* framework. However, I use BackboneJS in most of my applications and I have been able to maintain the state of the model using the Backbone.Stickit plugin.

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

Scaling Isomorphic Javascript Code

Scaling Isomorphic Javascript Code | JavaScript for Line of Business Applications | Scoop.it

Design patterns are the bread and butter of application development. They encapsulate and outline the concerns of the application and the environment of the in which it exists. Between the browser and the server these concerns can vary widely:
* Is the view ephemeral (e.g. on the server) or long-lived (e.g. in the browser)?
* Is the view reusable across different use-cases or scenarios?
* Should the view be annotated with application-specific tags or markup?
* Where should the bulk of the business logic reside? (in the model? in the controller?)
* How is the application state persisted or accessed?
Lets explore some of the existing patterns and how they answer these questions:
* Model-View-Controller
* Model2
* Model-View Presenter and Model-View-ViewModel
* Modern Javascript Implementations
* Real-time Implications
* tl;dr? Introducing Resource-View-Presenter
* Conclusion

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

Knockout.JS and Model-View-View Model (MVVM) Pattern

Knockout.JS and Model-View-View Model (MVVM) Pattern | JavaScript for Line of Business Applications | Scoop.it

Knockout.js is a javascript library that helps us to create rich and responsive use interfaces with a clean data model.

Knockout.js simplifies javascript UIs by applying the MVVM pattern.

 

In recent years, MVVM has been implemented in JavaScript in the form of structural frameworks such as KnockoutJS, Kendo MVVM and Knockback.js.

Model-View-View Model (MVVM) is a design pattern to clearly separate the development of user-interfaces from the business logic and behavior in an application.

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

MVVM for the Web

Excella Consultings's Doguhan Uluca discusses delivering a responsive and modern Web client based on emerging technologies in an MVVM architecture, such as Breeze, Knockout, Require with Javascript unit testing and Automated Acceptance Testing.

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

SUSE Studio: Client-side JS MV* Framework Roundup

SUSE Studio: Client-side JS MV* Framework Roundup | JavaScript for Line of Business Applications | Scoop.it

SUSE Studio has evolved a number of methods for performing dynamic client updates; in some places, we use Rails 2.0-style RJS - sending rendered partials along with JS code to be executed by the client. In other places, we're sending JSON data, and handling it via custom-written interactions. Most recently, we've experimented with client-side rendering of Mustache templates. None of these approaches is particularly robust or maintainable, and as a result we've ended up with a huge amount of fragile client-side code.
Luckily, we're not the only developers in this situation - every major web application faces the same challenges. As a result, a number of client-side frameworks have developed, applying common design patterns to build up a logical, maintainable framework for managing client-state and server interactions for web development. The problem is that everyone seems to have a solution, and that means navigating a number of projects to find a good fit.

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

"HTML5, JavaScript, Knockout, JQuery, Guide for Recovering Silverlight/WPF/C# Addicts." Series (Channel 9)

"HTML5, JavaScript, Knockout, JQuery, Guide for Recovering Silverlight/WPF/C# Addicts." Series (Channel 9) | JavaScript for Line of Business Applications | Scoop.it
In today's second Web Wednesday post (the post earlier today was actually last Wednesday's post, but I forgot to actually schedule it for publishing... Doh! So you guys get two posts today!
more...
No comment yet.
Scoop.it!

Learning JavaScript Design Patterns

Learning JavaScript Design Patterns | JavaScript for Line of Business Applications | Scoop.it

Here you get a complete reference of JS Programming Patterns that may help structureing your code for better independency and reuse.

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

Beginners Guide to KnockoutJS

Beginners Guide to KnockoutJS | JavaScript for Line of Business Applications | Scoop.it
Part 1

Almost everyone dealing with web technologies knows jQuery, or has heard of it, and while powerful it is not ideal for building Rich Internet Applications. And this is where Knockout.js shines through.

Part 2

A Beginners Guide to KnockoutJS: Bindings Knockout provides a whole set of useful built-in bindings for the most common tasks and scenarios. Each of these bindings allows you to bind simple data...

Part 3

A Beginners Guide to KnockoutJS: Templating and More There are four control-flow bindings: foreach, if, ifnot and with. These control bindings allow you to declaratively define the control-flow logic...


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

Understanding MVVM - A Guide For JavaScript Developers

Understanding MVVM - A Guide For JavaScript Developers | JavaScript for Line of Business Applications | Scoop.it
MVVM (Model View ViewModel) is an architectural pattern based on MVC and MVP, which attempts to more clearly separate the development of user-interfaces (UI)...
more...
No comment yet.