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

State of the JavaScript Landscape: A Map for Newcomers

Modern JavaScript development is in constant motion. Build tools that were popular 12 or even six months ago are no longer en vogue. In this article, Bonnie Eisenman gives JavaScript newcomers a map to get started on their JavaScript journey. For more experienced JavaScript developers, Bonnie provides an update on where the community is at and what technologies to use for new projects.
more...
No comment yet.
Scoop.it!

Why Backbone.js?

As front-end application development matures, more and more people find themselves reaching for a special-purpose library to structure their codebase. The web abounds with choices – look no further than TodoMVC.com for proof of that. While pluralism serves the open source ecosystem well, any given application should only commit to a single framework. During Roost, we build a web application from the ground up. This forced us to make the same (sometimes very personal) decision while designing the content. We chose Backbone.js; in this post, I’d like to discuss why.

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

Javascript MVC Frameworks: Your Choice is Your Future

Javascript MVC Frameworks: Your Choice is Your Future | JavaScript for Line of Business Applications | Scoop.it

Not surprisingly, given the popularity of the MVC pattern, there are a number of adherent JS frameworks to choose from. Angular JSEmber, andBackbone are among the most popular, and will be the focus of this article.

Your choice here can drastically affect your team’s ability to meet deadlines and maintain your project in the future. Each of these frameworks will give you a set of tools for writing code that follows the separation of concerns ideology. For the most part, they each have thriving online communities that offer support and tutorials to developers.

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

Top 8 Common Backbone.js Developer Mistakes

Top 8 Common Backbone.js Developer Mistakes | JavaScript for Line of Business Applications | Scoop.it
Backbone.js equips the developer with an array of tools that are minimal but extremely flexible. This gives developers the option to design the applications the way they want, but also introduces a number of way things can go wrong.

In this article, Toptal engineer Mahmud Ridwan discusses a few common mistakes that Backbone.js developers can make, and how they may avoid them.
more...
No comment yet.
Scoop.it!

Mixins for JavaScript Classes

Mixins for JavaScript Classes | JavaScript for Line of Business Applications | Scoop.it

The same code in several places is the pain. Today I will say a few words about repeated parts of classes. Coders had invented a solution of this problem a long time ago: you can move similar methods and properties to a common parent class or, if you don’t have one, you can use mixins. There are many implementations of this pattern in JavaScript, but I want to review the case when a mixin is placed to the prototype chain.

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

Change And Its Detection In JavaScript Frameworks

Change And Its Detection In JavaScript Frameworks | JavaScript for Line of Business Applications | Scoop.it

Managing the synchronization of app state and the user interface has long been a major source of complexity in UI development, and by now we have several different approaches to dealing with it. This article explores a few of them: Ember's data binding, Angular's dirty checking, React's virtual DOM, and its relationship to immutable data structures.

Where things start to get more challenging is when we start talking about data changing over time. This can happen when the user interacts with the UI, or when something else happens in the world that updates the data. The UI needs to reflect this change. Furthermore, because rebuilding DOM trees is expensive, we'd like to do as little work as possible to get that updated data on the screen.

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

AngularJS, Ember.js and Backbone.js: A comparison of resources

AngularJS, Ember.js and Backbone.js: A comparison of resources | JavaScript for Line of Business Applications | Scoop.it
See in this article a brief, but complete, comparison among those three important and great JavaScript frameworks, which can impact directly in some choices for your project and company.

Contents:

  • Introduction
  • History of Frameworks
  • Architectural Diagrams
  • Features
  • Size
  • Getting Started with Frameworks
  • Template Support
  • Data Binding
  • Router
  • Views
more...
No comment yet.
Scoop.it!

Backbone vs. Knockout

Backbone vs. Knockout | JavaScript for Line of Business Applications | Scoop.it
If you are asking yourself, which Javascript framework should I use for my next application, then this is the article for you.
more...
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.
more...
No comment yet.
Scoop.it!

Videos: Backbone Conf III - 2014 by Bocoup

Videos: Backbone Conf III - 2014 by Bocoup | JavaScript for Line of Business Applications | Scoop.it
  • Jeremy Ashkenas - Keynote
  • Matt Dennewitz - Backbone at Pitchfork
  • Brenda Jin - Jasmine Testing for Backbone js Models and Views
  • John K Paul - Ember Components Make My Heart Sing
  • Gregor Martynus - Building Offline First Applications with Backbone
  • Ryan Muller - Go with the Flow Backbone and Streams
  • James Smith - Marionette The Backbone Framework
  • Rachel Baker - The WordPress JSON REST API
  • Tim Griesser - Data Based JavaScript
  • Henrik Joreteg - Ampersand.js
  • Clement Wehrung - A Visit to the World of Responsive Real time
  • Daan Mortier - The Backbone Tango Dancing with Geographical
  • Shirley Wu - Marrying Backbone js and D3 js
  • Andrew Rota - Web Components and Backbone
  • Kris Walker - Backbone in XBox and Windows Apps
  • Sam Breed - React and Backbone, Sittin’ in a Tree
  • Jason Laster - Backbone under the Magnifying Glass Tools for Exploring and Debugging Your Apps
  • Greg MacWilliam - Teaching Backbone and other cool technologies
more...
No comment yet.
Scoop.it!

Creating a Master/Detail Page with Backbone and TypeScript

Creating a Master/Detail Page with Backbone and TypeScript | JavaScript for Line of Business Applications | Scoop.it

In this column, I'm going to go beyond creating a basic Backbone application with TypeScript that retrieves data and show how to create a master/detail page where the user selects a single entry which triggers a display of related data that includes multiple rows. In this application, after the user selects a customer from a dropdown list, the top of my page will display that single customer while the bottom of the page will display all of the sales orders for that customer.

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

espresso.js - A minimal javascript library for crafting user interfaces

espresso.js - A minimal javascript library for crafting user interfaces | JavaScript for Line of Business Applications | Scoop.it

Espresso.js is a tiny MVC framework inspired by Backbone and React with a focus on simplicity and speed.

We've aimed to bring the ideas of unidirectional data flow of Flux to a simple, Backbone-style library.

Features
  • tiny, less than 500 lines and 3kb gzipped
  • zero dependencies
  • performance and memory focused
more...
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

more...
No comment yet.
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.

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

Backbone.js Tutorial

Backbone.js Tutorial | JavaScript for Line of Business Applications | Scoop.it
Learn Backbone.js and start building sophisticated and structured web apps. Try out Backbone’s JavaScript library with a RESTful JSON interface.
more...
No comment yet.
Scoop.it!

flux-backbone: Flux Architecture Implemented with Backbone and React

flux-backbone: Flux Architecture Implemented with Backbone and React | JavaScript for Line of Business Applications | Scoop.it

React married with Backbone

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

Integrating React with Backbone

Integrating React with Backbone | JavaScript for Line of Business Applications | Scoop.it
In this post, we'll touch on the benefits of integrating React with Backbone, by looking at one way to structure a project that uses them together.

We’ll talk more about screens in a moment. For now, let’s take a look at the how a request will flow through the application, starting from the macro level.

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

Choosing Your Javascript Framework

Choosing Your Javascript Framework | JavaScript for Line of Business Applications | Scoop.it

The Model handles data and business logic
The View presents data to users through format and layout
The Controller receives user requests and calls back to the model to select a proper view

Allowing for clear separation between the presentation (UI) and application logic

Enabling easier maintainability and clarity.

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

Backbone.js tutorial for beginners - part 1/2

Backbone.js tutorial for beginners - part 1/2 | JavaScript for Line of Business Applications | Scoop.it

Backbone.js is popular JavaScript library, used heavy to create single-page web applications.

The library was constructed using RESTful JSON interface and model–view–presenter (MVP) pattern. The creator of Backbone.js is Jeremy Ashkenas – author of underscore.js and CoffeeScript.

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

Caching Asynchronous Queries in Backbone.js

Caching Asynchronous Queries in Backbone.js | JavaScript for Line of Business Applications | Scoop.it
Prevent unnecessary AJAX calls by caching the result of asynchronous queries in Backbone.js

To prevent unnecessary AJAX calls, we decided to cache the result of Backbone.Model#fetch at two levels of our application.

The result: less network time and a snappier user experience.

more...
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.

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

Polymer Web Components with Marionette.js

Polymer Web Components with Marionette.js | JavaScript for Line of Business Applications | Scoop.it

I first developed the idea of making Polymer components play along with Marionette.js for a talk on architecture and components I gave at the inauguralNodevember conference in Nashville, TN.* If you would like to watch my talk, you can view it onYouTube.

Toward the end of my talk, I demoed creating a custom name tag element. Furthermore, I showcased the ability to wrap that custom element with a custom Marionette view type and keep model data synced with a regular Marionette ItemView. I would like to go into more detail the steps I took to create this custom Marionette view type and how I was able to keep model data synced.

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

The Case For Marionette.js

The Case For Marionette.js | JavaScript for Line of Business Applications | Scoop.it

Building large web applications using Backbone.js can be hard. Backbone is a great tool, but it's designed to be minimalist and useful in a wide variety of situations. As a result, you get less guidance and support from the tool as you scale up than you do from more opinionated frameworks like Angular and Ember. When a Backbone application grows, maintaining it requires adding structure, either through a custom set of conventions and components, or based on somebody elses framework. There are a lot of different Backbone frameworks out there, but I want to make the case for using Marionette.js.

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

Relieving Backbone Pain with Flux & React

Relieving Backbone Pain with Flux & React | JavaScript for Line of Business Applications | Scoop.it

For the past few years HubSpot has been building single-page apps exclusively with Backbone. And boy, have we learned a lot in the process. Mostly, we've learned that while Backbone is great at what it does, operating at a larger scale and a faster pace means we have bigger problems to solve that require different approaches.

Over the past few months we've been experimenting with Flux &React by implementing them in internal tools and small portions of our products. The performance gains we've seen, coupled with the simpler mental model, have convinced us that this is the way we now want to build frontend web applications.

In this talk, I go over some of the pain points we're currently experiencing with our frontend apps, and cover a fair bit about how Flux & React can help.

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

In search of the perfect JavaScript framework

In search of the perfect JavaScript framework | JavaScript for Line of Business Applications | Scoop.it

Nowadays, in front-end development, we have many frameworks and libraries. Some of them are good, some of them are not. Often we only like a particular concept, module or maybe a certain syntax. The truth is that there is no universal instrument. This article is about the future framework — the framework that does not exist yet. I’ve summarized the pros and cons of some of the available JavaScript frameworks and I dare to dream about the perfect solution.

more...
No comment yet.