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

ES6Rocks - Articles and News about ECMA6

ES6Rocks - Articles and News about ECMA6 | JavaScript for Line of Business Applications | Scoop.it

The mission here is to discuss about JavaScript's next version , aka Harmony or ES.next.

ES6 is awesome, and is coming soon.
You can use it today, and you can learn it today!
The main mission here is to discuss everything about ES6, and help everyone to start learning.

No comment yet.
Scoop.it!

Getting Started with Modern Web Development

One option is to learn the languages at home by taking web-based courses. There are online search engines, like the prominent Degree Jungle, that can help students find an accredited or certified web developer degree program. However, if you’re looking to build your skills without requiring a certificate or degree of some sort, there are a lot of non-accredited options.

And guess what? Many of these options cost nothing.

The list below are just a few of the most popular and (mostly) free-of-charge web development training options.

No comment yet.
Scoop.it!

ngFx - Simple, Beautiful animation library for Angular

ngFx - Simple, Beautiful animation library for Angular | JavaScript for Line of Business Applications | Scoop.it

A simple way to add beautiful animations to your angular apps. Animations based off animate.css. All animations are built in JavaScript.

ng-Fx does not rely on CSS for animations. This allows it to be dynamic and able to adjust on the fly. The only predefined CSS classes are the animations and the easings. ngAnimate allows ngFx to create JavaScript based animations, so the classes do not correspond to a style in a CSS file.

Jan Hesse's insight:

http://hendrixer.github.io

No comment yet.
Scoop.it!

Real-world JavaScript MVC Frameworks - beyond the buzzwords

Real-world JavaScript MVC Frameworks - beyond the buzzwords | JavaScript for Line of Business Applications | Scoop.it

JavaScript front-end codebases grow larger and more difficult to maintain. As a way to solve this issue developers have been turning to MVC frameworks which promise increased productivity and maintainable code. InfoQ asked the opinion of experts practitioners about how they use these frameworks and the best practices they follow when developing JavaScript applications.

We'll go beyond buzzwords and get practical insight from experts about what has actually worked for them. We'll also talk about technologies (like AngularJS) that go a step further, and define the future of how the standards and web development will evolve.

No comment yet.
Scoop.it!

Ember.js + Sails.js + PostgreSQL - An end-to-end technology-chain that enables rapid web application development in a RESTful fashion

Intention behind chaining technologies like Ember.js + Sails.js +PostgreSQL is to foster the below best practices in our end-to-end web application development (i.e. both client-side & server-side development).

Best Practices
Ember.js goodies [Client-side]
  • Single-Page Application (SPA) on the client-side for improved user-experience
  • MVC pattern that structure’s + manage’s interaction between the client-side software artifacts
  • Convention-Over-Configuration to achieve productivity & understandability during development/maintenance phases
Sails.js goodies [Server-side]
  • RESTful architectural style for piping CRUD operation between client-side calls & server-side persisted datasets
  • Convention-Over-Configuration to achieve productivity & understandability during development/maintenance phases
PostgreSQL goodies [Server-side]
  • ORDBMS, so as to harness its technological maturity & operational performance

By focusing on the above goodies, our goal in this blog-post is to primarily showcase technical details on how to chain such technologies together and at the same time introduce you to the rapid web application development that are highly maintainable.

Jan Hesse's insight:

Part2: http://restfulwebapplessonsvision.blogspot.fr/2014/06/part-2-emberjs-sailsjs-postgresql-end.html

No comment yet.
Scoop.it!

How to Create Your Own HTML Elements With Web Components

How to Create Your Own HTML Elements With Web Components | JavaScript for Line of Business Applications | Scoop.it

What are web components you ask? In a nutshell, web components give you a way to create your own custom HTML elements which can do just about anything you need them to. Instead of loading up your sites with verbose markup, long scripts and repetitive code, you wrap everything up into nice, neat little custom HTML elements.

The easiest way to understand how web components allow for custom HTML elements is to first look at an existing element we already know from HTML5: the <video> tag.

No comment yet.
Scoop.it!

Pink - Single Page App framework

Pink - Single Page App framework | JavaScript for Line of Business Applications | Scoop.it

While there are other single page app frameworks, Pink is unique because it combines the great Ink CSS and JavaScript framework with the fabulous Knockout data binding library, giving you a no frills, lightweight and modular approach for building awesome apps.

Pink was made possible by the great people from SAPO's intranet team, where we use it to build a number of line of business apps.

No comment yet.
Scoop.it!

Components with Backbone.js and Marionette.js

Components with Backbone.js and Marionette.js | JavaScript for Line of Business Applications | Scoop.it
Build and use reusable components in Backbone.js and Marionette.js to make clean and modular code.

Components are critical to scaleable applications because they encourage separation of concerns. Each piece of an application, including components, should have one responsibility and not heavily depend on the other pieces. Applications with tightly coupled modules or a lack of division of work will become incredibly more difficult to maintain and amend with newer features. Adding a single feature could require changing code in several places. Altering a function here breaks a function there, which then requires this other function to handle another parameter.

No comment yet.
Scoop.it!

10 Reasons to start using Meteor today

10 Reasons to start using Meteor today | JavaScript for Line of Business Applications | Scoop.it
Meteor is the new isomorphic JavaScript framework that will make developer's lives so much easier and make users fall in love with your app again. I recently published a rather sarcastic article based on all the FUD I have been hearing the last couple of weeks about what I believe...
No comment yet.
Scoop.it!

Meteor.js: Killing Dinosaurs with JavaScript

Meteor makes it dead simple to write real-time JavaScript applications. Real-time applications that update all content for all users all the time. No waiting. No hassles. And we'll use it to live-code an application -- one that kills dinosaurs -- which we will then live-deploy so everyone can help.

No comment yet.
Scoop.it!

How To: CRUD with Validation in Ember.js Using ember-easyForm, ember-validations, and Boostrap

How To: CRUD with Validation in Ember.js Using ember-easyForm, ember-validations, and Boostrap | JavaScript for Line of Business Applications | Scoop.it

mber.js does not provide any code generators, and there is no established idiom or best practices for CRUD in Ember.js. In this series I will show how to build a basic CRUD interface in Ember.js, complete with user input validation.

In this example, we will build a CRUD interface for products in an online book store.

The tools that we will use are:

  • Ember.js, our framework
  • Ember Data, the official model library for Ember.js
  • ember-easyForm, a set of helpers to easily build forms in Ember.js
  • ember-validations, a declarative system for defining data validations in Ember.js
  • Bootstrap, a CSS framework to make our application look pretty
  • QUnit, to test our application
Jan Hesse's insight:

This are seven pages. The tiny navigation is at the bottom!

http://aloysius.wordpress.com/2014/06/30/how-to-crud-with-validation-in-ember-js/2/


No comment yet.
Scoop.it!

An Ember.js plugin proving integration with Parallel.js

An Ember.js plugin proving integration with Parallel.js | JavaScript for Line of Business Applications | Scoop.it

his plugin allows you to run code inside web workers in the browser (i.e. in background threads) and access the results easily within your ember app. This is particularly useful when you're dealing with large quantities of data, or computationally expensive algorithms within your app that would otherwise lock up the browser for a period of time.

No comment yet.
Scoop.it!

Creating Reusable Pagination Controls for Ember.js

Creating Reusable Pagination Controls for Ember.js | JavaScript for Line of Business Applications | Scoop.it
A reusable Ember.js component for easily adding pagination controls to your user interface.

To begin, I created a component with two properties: currentPage and totalPages. In order to actually display a list from this, I created a computed property named pageItems that would generate some objects to drive the UI. I also added an action handler to support selecting a new page...

No comment yet.
Scoop.it!

A JavaScript survival guide

A JavaScript survival guide | JavaScript for Line of Business Applications | Scoop.it

Are you a programmer who is considering learning JavaScript, but unsure whether it is worth the pain? Then this blog post is for you: I argue that it is worth it and give tips for surviving the language.

Contents:

  • Why learn JavaScript?
  • Take your time to get to know JavaScript
  • JavaScript’s power
  • How to survive JavaScript?
  • Further reading
  • References


No comment yet.
Scoop.it!

AngularJS: A Detailed Guide for Beginners

AngularJS: A Detailed Guide for Beginners | JavaScript for Line of Business Applications | Scoop.it

This article is designed to give a comprehensive knowledge of AngularJS, a structural framework for dynamic web applications, without reading a lot of unnecessary stuff. You will learn what AngularJS is, what its most compelling features are and how to get started with it.

No comment yet.
Scoop.it!

Node.js and Open Source Software Development on Microsoft Azure

Node.js is an exciting platform that has been increasing in popularity for the past few years. It offers a server side JavaScript programming model ideal for building highly scalable and performant network applications whether on premise or in the cloud. In this talk we will take a look at various options for building and deploying Node applications on Microsoft Azure. This session is how to useAzure SQL Databse and Azure Storage with Node.js

No comment yet.
Scoop.it!

Sails.js Model Validation

Sails.js Model Validation | JavaScript for Line of Business Applications | Scoop.it

What is ORM? How Sails.js attributes validation works? How to validate Array size and Uniqueness in Sails.js? If you have any one of those questions. Read on.

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

It's Not Hard: Making Your Library Support AMD and CommonJS

It's Not Hard: Making Your Library Support AMD and CommonJS | JavaScript for Line of Business Applications | Scoop.it

Proponents of AMD and CommonJS – two different 'specs' around creating modules in JavaScript – have been arguing foryears at this point over which one is the best approach. I've heard devs on both sides of the debate declare that their side had won, debate over. Myopic nonsense.

It's easy to come away from this debate thinking you're stuck with an "either-or" decision. After all - they're very different approaches. Requiring modules in an AMD scenario is an asynchronous operation, and the opposite is true of the CJS inline-require approach. 

No comment yet.
Scoop.it!

10 Most Common JavaScript Mistakes

10 Most Common JavaScript Mistakes | JavaScript for Line of Business Applications | Scoop.it
JavaScript may seem simple, but it’s actually quite nuanced and complex. Many of JavaScript's subtleties lead to a number of common mistakes, 10 of which are discussed here.
No comment yet.
Scoop.it!

Build a Shopping Cart with MeteorJS

This 53 minute tutorial takes you through the steps of building a 3 column storefront with a categorized product list and a small shopping cart. Enjoy.

Jan Hesse's insight:

code: https://github.com/mcknightg/meteorshop

No comment yet.
Scoop.it!

Does Meteor deliver?

Does Meteor deliver? | JavaScript for Line of Business Applications | Scoop.it

My plan was initially quite complicated, but i took a step back in the planning phase and set myself a first goal: the app must be simple. Like first Twitter was simple. Only implement basic functions and make it usable. It was going to be a place where you can ask questions, with a fixed number of answers, and other people could answer them anonymously. It would not need images (except kittens) and will have the smallest number of pages possible.

No comment yet.
Scoop.it!

Programming in the Reactive Style with Meteor JS

Meteor allows you to quickly create new web applications. Using a single code base for the client and the server, no-sql mongo, template-oriented UX organization and painless deployment, designing and developing with Meteor is fun. But the real game changer is Reactivity. 

No comment yet.
Scoop.it!

Demystifing Ember Async Testing

Demystifing Ember Async Testing | JavaScript for Line of Business Applications | Scoop.it

I've been using Promises in my ember code for long enough now that I've started to internalize how they work. So, when I started writing acceptance tests using the ember async test helpers (`visit`, `click`, and so on), I assumed that since those helpers are referred to as "async helpers", they would be promises and I should chain them all together in my test to ensure that the asynchronous activity all happens in the correct order. I understood that ember's testing framework is now promise-aware, and I presumed that meant it would notice when the return value of my test was a promise, and wait for that promise to settle before finishing the test. 

No comment yet.
Scoop.it!

Ember Macros for DRY and Testable Code

Ember Macros for DRY and Testable Code | JavaScript for Line of Business Applications | Scoop.it

This post in going to explore the idea of writing your own Ember macros as a strategy for DRYing up and creating more modular Ember code. As you'll see, besides the maintainability and flexibility benefits gained by DRYing up and decoupling code, isolated code is significantly easier to test. We'll be using a sample application to illustrate refactoring some code into a macro.

No comment yet.