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

JavaScript conference talk videos [JSConf EU 2014]

JavaScript conference talk videos [JSConf EU 2014] | JavaScript for Line of Business Applications | Scoop.it

All Videos of JSConf EU 2014

Arik Grinstein's curator insight, December 3, 2014 3:10 AM
JS Talk. JSConf EU 2014
Scoop.it!

Why you should be using Web Components. And How.

Why you should be using Web Components. And How. | JavaScript for Line of Business Applications | Scoop.it

What we'll cover

* What are Web Components?
* State of native support
* Componentised Web Apps now
* Why Web Components are the future!

No comment yet.
Scoop.it!

Node.js Security Tips

Node.js Security Tips | JavaScript for Line of Business Applications | Scoop.it

Node.js is getting more and more mature, no doubt - despite this, not a lot of security guidelines are out there.

In this post I will share some points you should keep in mind when it comes to Node.js security.


Contents:

* No eval, or friends
* Strict mode, please
* Static code analysis
* Testing
* Say no to sudo node app.js
* Avoid command injection
* Temp files
* Securing your web application
* Tools to use
* Stay updated

No comment yet.
Scoop.it!

Building a Q&A System With Polymer and Firebase

Building a Q&A System With Polymer and Firebase | JavaScript for Line of Business Applications | Scoop.it

We’re going to build a Q&A system from scratch starting off with setting up your project using Yeoman and outlining the structure. Along the way we’ll talk about custom elements, material design, routing, authentication, security rules, and record priority. Users will be able to write questions, answers, and comments. Both questions and answers can be upvoted. Using security rules, we’ll make sure that users can only manage their own content within Firebase.

This is an ambitious blog post with a lot of code. If you find an error or aren’t sure how to continue, leave a comment in the post and I’ll make improvements. Walking through this entire series (in progress) could take an hour or two, but by the end you’ll have a thorough understanding of how to build a basic Polymer app.

No comment yet.
Scoop.it!

Ember.js — Detecting if a DOM Element is in the Viewport

Ember.js — Detecting if a DOM Element is in the Viewport | JavaScript for Line of Business Applications | Scoop.it

Detecting whether or not an element is visible in the viewport is very useful when it comes to triggering animations or events. Before you drop in another jQuery plugin though, have a look at how easy it is to create a Mixin that you can add to any View or Component. Once added, you can simply ask that element if it’s in the viewport using the property the Mixin injects.

No comment yet.
Scoop.it!

Ember – Simple text search computed property macro

Ember – Simple text search computed property macro | JavaScript for Line of Business Applications | Scoop.it

Every now and then, you want to let your users quickly search for records that you’ve already loaded into your store. We can easily implement naïve search using Ember’s Array#filter and native String prototype methods, but let’s go a little step further and create a custom computed property macro (CPM) that wraps the search so we can easily drop it into other properties.

No comment yet.
Scoop.it!

Meteor: a better way to build apps

This is a hands-on introduction to Meteor, a JavaScript and Node.js framework built for the future. Meteor is an open-source platform for building top-quality web apps in a fraction of the time, whether you’re an expert developer or just getting started. Meter rocks because: you write in the same language on both the server and the browser; 50 lines of code gets you a working chat app; your app will work in real time; you get an awesome package system; and you can run your app natively on iOS and Android.

No comment yet.
Scoop.it!

Intro to Sails.js

Mike McNeil http://www.nodevember.org/speakers/mike-mcneil
No comment yet.
Scoop.it!

The Top 5 Mistakes AngularJS Developers Make Part 1: Relying on $scope

The Top 5 Mistakes AngularJS Developers Make Part 1: Relying on $scope | JavaScript for Line of Business Applications | Scoop.it

A tool like Angular can be easily abused. This series is designed to help you avoid common traps and pitfalls before they become a problem.

The top five mistakes I see people make are:

  1. Heavy reliance on $scope (not using controller as) 
  2. Abusing $watch
  3. Overusing $broadcast and $emit
  4. Hacking the DOM
  5. Failing to Test

In this series I’ll cover examples of both how these items are abused and my suggested “better practice.” Let’s get started with the first mistake.

No comment yet.
Scoop.it!

Understanding ECMAScript 6

Understanding ECMAScript 6 | JavaScript for Line of Business Applications | Scoop.it

* Introduction
Browser and Node.js Compatibility
Who This Book is For
Overview
Help and Support
* The Basics
Better Unicode Support
Other String Changes
Other Regular Expression Changes
Object.is()
Block bindings
Destructuring Assignment
Numbers
Summary
* Functions
Default Parameters
Rest Parameters
Destructured Parameters
The Spread Operator
The name Property
Block-Level Functions
Arrow Functions
Syntax
Summary
* Objects
Object Categories
Object Literal Extensions
Object.assign()
Duplicate Object Literal Properties
proto, Object.setPrototypeOf()
super
Reflection Methods
Summary
* Iterators and Generators
What are Iterators?
for-of
Generators
Built-in Iterators
Advanced Functionality
Summary
* Symbols
Creating Symbols
Identifying Symbols
Using Symbols
Sharing Symbols
Finding Object Symbols
Well-Known Symbols
Summary

Arik Grinstein's curator insight, November 27, 2014 3:36 AM

Understanding ECMA6 

Scoop.it!

Isomorphic Flux

Let's decompose the Flux flow to figure out how it could be used on the server.

No comment yet.
Scoop.it!

Takeaways from KnockoutJS

Takeaways from KnockoutJS | JavaScript for Line of Business Applications | Scoop.it
Javascript single page application tutorial using Knockout JS data-bind. Code examples and takeaways from programming Foosball game tracking application....
No comment yet.
Scoop.it!

Single Page Application using AngularJS and Web API and Responsive using Bootstrap.

Single Page Application using AngularJS and Web API and Responsive using Bootstrap. | JavaScript for Line of Business Applications | Scoop.it

This article describes on the following topics.

  • What is AngularJS?
  • Design Pattern used for AngularJS.
  • Two way data binding.
  • Routing.
  • Sample project and description.
No comment yet.
Scoop.it!

NuclearJS: Flux Architecture with Reactive, Immutable state modelling.

NuclearJS: Flux Architecture with Reactive, Immutable state modelling. | JavaScript for Line of Business Applications | Scoop.it

NuclearJS is an Immutable implementation of Flux Architecture. Nuclear provides a very decoupled solution to modelling state in a frontend system, leading to much thinner UI components, easier testability and more predictability. In fact, when done right, a Nuclear powered frontend will have ZERO state in UI components.

NuclearJS is UI framework agnostic. It pairs well with almost every popular UI framework, since its only concern is state modelling and provides a very pleasant and simple to use API.

No comment yet.
Scoop.it!

ExtJS vs. Meteor & React

ExtJS vs. Meteor & React | JavaScript for Line of Business Applications | Scoop.it

I've recently been looking into these emerging frameworks and wanted to highlight a few of their interesting features in contrast to ExtJS. This is by no means an objective comparison (and the frameworks are too far apart to really be compared that way), but rather an analysis of some interesting performance-oriented features that are addressing some of the most common performance/load issues associated with large HTML-based web applications like those usually developed in ExtJS.

No comment yet.
Scoop.it!

paypal/nemo-docs

paypal/nemo-docs | JavaScript for Line of Business Applications | Scoop.it

Nemo is a framework and set of conventions for automated testing of web and even native applications. How you use it is only limited by your imagination. A common starting point is to pair Nemo with a task runner (e.g. Grunt) and a test runner (e.g. Mocha). But if you have a different task and test runner, Nemo will work with that as well.

Jan Hesse's insight:

https://github.com/paypal/nemo

No comment yet.
Scoop.it!

jQuery to Ember: How to Make the Jump Without Falling

Rian Rainey http://www.nodevember.org/speakers/rian-rainey
No comment yet.
Scoop.it!

UI Animations in Meteor

Using _uihooks to animate UI elements in your Meteor.js apps.
No comment yet.
Scoop.it!

Ember for Designers: Components

Ember for Designers: Components | JavaScript for Line of Business Applications | Scoop.it

Imagine a world where you aren’t confined to the existing standard for available HTML tags. You aren’t limited to <h1>s and <div>s and <section>s. You can define and use your own application-specific DOM elements for more semantic and readable markup.


The W3C is currently working on a Custom Elements specification that offers that promise, and Ember components make that promise a reality we can use today. Because Ember components are an early implementation of Custom Elements and following the spec as closely as possible, what we define today should be usable in other frameworks tomorrow.

No comment yet.
Scoop.it!

Practical Examples of Authentication in Meteor 1.0

Practical Examples of Authentication in Meteor 1.0 | JavaScript for Line of Business Applications | Scoop.it
Learn the basics of implementing your own authentication layer using accounts-base and accounts-password with the JavaScript framework Meteor 1.0...

accounts-base and accounts-ui are awesome packages that happen to make a heap of assumptions about how you're going to reason about your user's authentication and session management using a system called Accounts. That's alright though, because accounts-ui isn't necessarily intended to be the de facto way to provide access to the API of Accounts. It's there to get newcomers started, to help more experienced developers quickly prototype their ideas, and probably only occasionally remain a permanent fixture of the UI.

Here's a look at how we can replace the functionality of accounts-ui with custom behaviours and appearances. 

No comment yet.
Scoop.it!

mori - A library for using ClojureScript's persistent data structures and supporting API from the comfort of vanilla JavaScript.

mori - A library for using ClojureScript's persistent data structures and supporting API from the comfort of vanilla JavaScript. | JavaScript for Line of Business Applications | Scoop.it

JavaScript is a powerful and flexible dynamic programming language with a beautiful simple associative model at its core. However this design comes at the cost of ubiquitous mutability. Mori embraces the simple associative model but leaves mutability behind. Mori delivers the following benefits to JavaScript:

  • Efficient immutable data structures - no cloning required
  • Uniform iteration for all types
  • Value based equality

Modern JavaScript engines like V8, JavaScriptCore, and SpiderMonkey deliver the performance needed to implement persistent data structures well.

No comment yet.
Scoop.it!

Class Inheritance in ECMAScript 6

Class Inheritance in ECMAScript 6 | JavaScript for Line of Business Applications | Scoop.it

Over the years, there have been various approaches to building class hierarchies in JavaScript. All these approaches worked by stitching together constructor functions and prototype objects and each approach was slightly different from the others.

The ES6 standard allows for a declarative, consistent approach to inheritance using the class and extends keywords. As an example, let’s start with a simple class to represent a person with a name.

Arik Grinstein's curator insight, November 29, 2014 10:57 AM

Js inheritance in ecma 6

Scoop.it!

Taunus - Micro Isomorphic MVC Engine for Node.js

Taunus - Micro Isomorphic MVC Engine for Node.js | JavaScript for Line of Business Applications | Scoop.it

Taunus focuses on delivering a progressively enhanced experience to the end-user, while providing a reasonable development experience as well. Taunus prioritizes content. It uses server-side rendering to get content to your humans as fast as possible, and it uses client-side rendering to improve their experience.

While it focuses on progressive enhancement, usability and performance are both core concerns for Taunus. Incidentally, focusing on progressive enhancement also improves both of these. Usability is improved because the experience is gradually improved, meaning that if somewhere along the line a feature is missing, the component is still expected to work.

No comment yet.
Scoop.it!

Using React for Portable Data Visualization

Using React for Portable Data Visualization | JavaScript for Line of Business Applications | Scoop.it

Here at Viget, we've become huge fans of React. It gives us greater flexibility by working with a virtual representation of the DOM. When the DOM simply becomes an idea, instead of a requirement, rendering becomes just another implementation detail. This is particularly useful when rendering content server-side, loosely diagrammed below...

Now let's get started.

No comment yet.
Scoop.it!

Testing Angular with Karma

Testing Angular with Karma | JavaScript for Line of Business Applications | Scoop.it

The Angular team at Google provides two tools for testing Angular applications: Karma, a test runner for unit testing, and Protractor, a test framework for writing end-to-end (E2E) tests. In this article, I'm going to be focusing on writing unit tests against Angular applications using Karma. We'll cover some unit-testing basics, Karma details, as well as Angular-specific strategies for writing unit tests that help improve overall developer productivity instead of adding an extra development burden to your application.

No comment yet.