JavaScript for Li...
Follow
Find tag "GitHub"
361.8K views | +2 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...
Scoop.it!

LumX - The first responsive front-end framework based on AngularJS & Google Material Design specifications.

LumX - The first responsive front-end framework based on AngularJS & Google Material Design specifications. | JavaScript for Line of Business Applications | Scoop.it

LumX will help you to design beautiful applications, faster and easier. We’ve built it based on google guidelines, respecting metrics in a pixel perfect way.

It provides a full CSS Framework built with Sass and a bunch of AngularJS components.

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

thaw.js - synthetic asynchronous processing in javascript

thaw.js - synthetic asynchronous processing in javascript | JavaScript for Line of Business Applications | Scoop.it

Browsers are synchronous. They have limits & can be slow. thaw.js defers processes until the browser is ready for them.
thaw.js makes frozen browsers thaw(.js).

Thaw.js is like the idea of javascript promises only tied to time.

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

Web Components the Right Way

Web Components the Right Way | JavaScript for Line of Business Applications | Scoop.it

This is a guide intended to introduce to Web Components. Everyone can contribute here!


Contents:

* Specifications
Blogs
Reading
Getting Started
Interoperability
Generators
Tests
Discover
Best Practices
Style Guides
Performance
Libraries
Screencasts
Support
Concatenate
Boilerplates
Who To Follow

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

Ember-React: Lightweight set of utilities to make using React inside of Ember.js easier

Ember-React: Lightweight set of utilities to make using React inside of Ember.js easier | JavaScript for Line of Business Applications | Scoop.it

Ember-React adds a new helper {{react}}, which can be used to easily include a react component inside of a handlebars template.

Jan Hesse's insight:

http://ghempton.github.io/ember-react-preso/

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

React Widgets: set of stateless ui widgets for React

React Widgets: set of stateless ui widgets for React | JavaScript for Line of Business Applications | Scoop.it

React-widgets offers a set UI widgets, built from scratch with React. The suite is based on the excellent work done by Kendo UI Core, and jQuery UI, but built as true components, and not library wrappers. By building each widget entirely in React, it can leavage all of the benefits of the React ecosystem and philosophy .

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

Let's Build an AngularJS App!

Let's Build an AngularJS App! | JavaScript for Line of Business Applications | Scoop.it

I structured the talk so that I could easily go from start to finish in stages. In the PowerPoint deck you'll see I have actual git checkout commands that reference the various commits. This will enable you to roll forward to each step after you've cloned the repository. The result is a responsive health calculator app that scales well to a variety of page sizes, has built-in validations for inputs and provides you with basal metabolic rate (BMR), body mass index (BMI), and target heart rate zones (THR). The app was developed using a test-driven (TDD) approach with a total of 83 specifications. The GitHub repository has full source and instructions.

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

asynquence - promise-style async sequence flow-control

asynquence - promise-style async sequence flow-control | JavaScript for Line of Business Applications | Scoop.it

asynquence is a thin wrapper/abstraction on top of promises that makes using them for async flow control easier and more powerful.

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

Writing Desktop and Web-Based JavaScript Applications

Writing Desktop and Web-Based JavaScript Applications | JavaScript for Line of Business Applications | Scoop.it

Desktop applications are another arrow in the web developer’s quiver. Node-webkit is a great, cross-platform way to use existing web development skills without having to learn new tools, languages or frameworks.

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

Log JavaScript client side events in your server side logs

Log JavaScript client side events in your server side logs | JavaScript for Line of Business Applications | Scoop.it

Make no mistake, one way or the other, your app will break. It might break for one user, or five, or hundreds. It might break today, tomorrow or weeks from now. But, as experience tells us, it will break. And then, when that office phone starts to ring, you realize that all you can really tell your client is that things work fine at your end.

Jsnlog is a JavaScript logging package that logs JavaScript errors, AJAX timeouts and other client side events in your server side log. It also supports .Net frameworks like ElmahLog4NetNLogSerilog and Common.Logging. Jsnlog is available as standalone, as an AMD module or CommonJS module, or with (MVC.Net) bundles.

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

Build a Markdown editor with Node Webkit and Ember

Build a Markdown editor with Node Webkit and Ember | JavaScript for Line of Business Applications | Scoop.it

In my infinite free time I've been playing with Node Webkit and it is pretty awesome. So let's build a markdown editor using it.

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

sailsjs-angularjs-bootstrap-example

sailsjs-angularjs-bootstrap-example | JavaScript for Line of Business Applications | Scoop.it

A suite of examples written for Sails.js, AngularJS, and Twitter Bootstrap.
Contents:

* A REST API test page using Sails' transport agnostic routing (HTTP vs. Socket.io)
* A "Todo List" app demo using Sails' Socket.io messaging and REST Blueprints
* Passport middleware authentication integrated with Sails policies.
* Twitter Bootstrap / Font Awesome custom LESS compiles (Grunt)
* Cache busting JS/CSS for production (Grunt)

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

Titon - A collection of extensible front-end user interface components for the responsive and mobile web.

Titon - A collection of extensible front-end user interface components for the responsive and mobile web. | JavaScript for Line of Business Applications | Scoop.it
  • Mobile First
  • Responsive Design
  • Semantic Markup
  • Flexible Styles
  • Accelerated Animations
  • Extensible Configuration
  • Scalable Spacing
  • Reusable Code
  • Progressive Enhancement
  • Graceful Degradation
  • Stable Codebase
more...
No comment yet.
Scoop.it!

way.js - Simple, lightweight, persistent two-way databinding

way.js - Simple, lightweight, persistent two-way databinding | JavaScript for Line of Business Applications | Scoop.it

Simple, lightweight, persistent, framework-agnostic two-way databinding Javascript library.
With no to little JS code to write. And no dependencies.

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

Node Webkit, Firebase and Ionic Framework - A one to one chat client

Node Webkit, Firebase and Ionic Framework - A one to one chat client | JavaScript for Line of Business Applications | Scoop.it

In this post, we are going to build a desktop application that is like your typical one to one chat client. Where, a user logs in, sees a list of other users. And can chat with any of them. This app is called Chatter.

As you can see from the above demo, we have used Firebase as our data store to manage the user’s presence and their chat messages. And also, if you did notice, when User B sent a new message to User A, a new chat window opened automatically, like a typical chat app.

We will take a look at how all the above can be achieved. So, let us get started on building Chatter.

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

protractor-perf: E2E test framework to check for performance regressions in Angular apps

protractor-perf: E2E test framework to check for performance regressions in Angular apps | JavaScript for Line of Business Applications | Scoop.it

Just like Protractor is the end to end test case runner for AngularJS to check for functional regressions, this project is a way check for performance regressions while reusing the same test cases.

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

Material UI: Google's material design UI components built with React.

Material UI: Google's material design UI components built with React. | JavaScript for Line of Business Applications | Scoop.it
A CSS Framework and a Set of React Components that Implement Google's Material Design

* Buttons

Dialog
Dropdown Menu
Icons
Inputs
Menus
Left Nav
Paper
Switches
* Toolbars

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

Git Workflows for Pros: A Good Git Guide

Git Workflows for Pros: A Good Git Guide | JavaScript for Line of Business Applications | Scoop.it

Git can support your project not just with version control, but also with collaboration and release management. Understanding how workflow patterns can help or hinder a project will give you the knowledge to evaluate and adapt your project’s Git processes effectively.

Throughout this article I will isolate patterns found in common workflows. Knowledge of these will help you find a direction when joining, creating or growing a development team. The pros and cons for certain types of projects or teams will be highlighted within the themes we explore, so that you can pick and choose what might work well for your scenario.

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

X-Men: Days of Future Past, Explained in Git

X-Men: Days of Future Past, Explained in Git | JavaScript for Line of Business Applications | Scoop.it

Fade in. The X-Men are on the main timeline (the master branch), but something has gone terribly wrong. Super-powerful shape-shifting sentinels (bugs) have emerged and are killing all the X-Men (the working features). Luckily, Kitty Pryde, aka Shadowcat, has the ability to send people’s consciousnesses back in time (she’s a Git master).

Jan Hesse's insight:

Follow Up:

http://hashrocket.com/blog/posts/edge-of-tomorrow-explained-in-git

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

A CPU Profiler for Node.js

A CPU Profiler for Node.js | JavaScript for Line of Business Applications | Scoop.it

async-profile gives you essential insight into the performance of your node.js programs, and can help you find and debug performance problems much more easily than with a traditional CPU profiler.

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

angular-filter: Bunch of useful filters for angularJS

angular-filter: Bunch of useful filters for angularJS | JavaScript for Line of Business Applications | Scoop.it

angular-filter - Bunch of useful filters for AngularJS (with no external dependencies!)

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

QUnit Page JS

QUnit Page JS | JavaScript for Line of Business Applications | Scoop.it

A Wrapper for QUnit to test Links and Navigation.

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

Rails and React II: A real use case

Rails and React II: A real use case | JavaScript for Line of Business Applications | Scoop.it

Before continuing, I will like to share a very simple application I have created as the result of what we are going to achieve after finishing this post. It consists of:

  • Person model.
  • HomeController with just one index action, the root route of the application and where the React components render and are in charge of creating search requests and displaying the results to the user.
  • PeopleController which just renders the JSON result of the requested searches.
Jan Hesse's insight:

http://rails-and-react-ii.herokuapp.com/

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

jQuery-animations

jQuery-animations | JavaScript for Line of Business Applications | Scoop.it

jQuery-animations : A CSS3 animations development framework based on jQuery provides a easy way to develop cross browser CSS3 animations with the help of animate.css.

more...
No comment yet.