JavaScript for Li...
Follow
Find
295.6K views | +1.4K today
 
Scoop.it!

A sample real-time web application using Ember.js, REST API, and SignalR

A sample real-time web application using Ember.js, REST API, and SignalR | JavaScript for Line of Business Applications | Scoop.it

Ember.js is a powerful JavaScript MVC framework to create complex web applications that eliminates boilerplate and provides a standard application architecture, it supports UI Bindings, Composed Views, Web Presentation Layers, and plays nicely with others. In order to create a real-time interaction web application, I add a SignalR hub and REST service with ASP.NET MVC.

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

Refactoring single page app

Refactoring single page app | JavaScript for Line of Business Applications | Scoop.it

The following is my step-by-step refactoring path, including close look at some MVC-ish solutions. You can use it to get ideas on revamping your own spaghetti app, and/or to see how to approach design of <canvas>-based app, specifically. Each step is made as a separate commit in fabricjs.com repo on github.

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

How to organize your Meteor.js app

How to organize your Meteor.js app | JavaScript for Line of Business Applications | Scoop.it

From a high level, Meteor.js gives you four folders that are treated special by the build tool: client, public, server, and test. Anything not in those special folders will be compiled by the build tool and sent to both the client and the server. This is where guidance from the Meteor Development Group stops.

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

Discovering Meteor with David Burles

Discovering Meteor with David Burles | JavaScript for Line of Business Applications | Scoop.it

Discovering Meteor with David Burles


* Publishing data from an external API
* Publishing anything
* Random
* An interview with Arunoda
* Incoming
* Publications for authenticated users
* Understanding spacebars
* Joining on the client
* Simple modal pattern
* Project structure
* Simple search pattern

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

Reactive Modeling with Ember

Reactive Modeling with Ember | JavaScript for Line of Business Applications | Scoop.it

The ideas behind reactive modeling are universal. After all, they underpin the MVC pattern which is, at this point, older than many Javsascript developers. Reactive modeling can be applied inside whatever runtime environment you happen to find yourself. However, it is my experience that when working on the web, the reactive primitives provided by Ember.js are the most intuitive and expressive to be found in a mainstream framework, and so all of the following examples are written with it.

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

The ServiceWorker is coming, look busy

The ServiceWorker is coming, look busy | JavaScript for Line of Business Applications | Scoop.it
Look at the apps on your homescreen. Why are they native? Why aren't they just on the web? Its usually some combination of push messaging, background sync, offline & performance. When native has something the web doesn't, we should consider it a bug. Let's have a look at the fixes,...
more...
No comment yet.
Scoop.it!

Componentize all the things!

Componentize all the things! | JavaScript for Line of Business Applications | Scoop.it

Web Components are a collection of standards that change the way we build web applications.
Four technologies:

* HTML Templates - Inert chunks of clonable DOM

* Shadow DOM - Style & DOM encapsulation

* Custom Elements - Define and use new DOM elements

* HTML Imports - Include/Reuse other HTML documents

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

Building rich single-page application with Ember.js

Building rich single-page application with Ember.js | JavaScript for Line of Business Applications | Scoop.it

Logical Code Organization
Easy Persistence
Auto-Updating Templates
Helpful Object APIs


How Ember works

Everything starts with URL
A URL maps to a Route
A route prepares the Data
A route prepares the Controller
The Controller is showed into a template

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

Debugging AngularJS Apps from the Console

Debugging AngularJS Apps from the Console | JavaScript for Line of Business Applications | Scoop.it

When building AngularJS apps, it can be challenging to access data and services hidden deep in our application through the Javascript console in Chrome, Firefox, and IE. Here are some simple tricks we can use to inspect and control a running Angular app through the browser Javascript console, making it easy to test, modify, and even program our Angular app in real-time:

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

Mistakes I Made in My First Ember Project

Mistakes I Made in My First Ember Project | JavaScript for Line of Business Applications | Scoop.it

Because I didn’t need to take the time to learn up front about some of the more core features, values, and conventions of Ember, I experienced a lot of painful times metaphorically bashing my head against simple problems that were just one layer deeper than what I was currently understanding of the auto-wiring.

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

Taking Meteor Apps Into Production with Modulus, Compose, and Codeship

Taking Meteor Apps Into Production with Modulus, Compose, and Codeship | JavaScript for Line of Business Applications | Scoop.it

Exploring continuous integration and scalable hosting for Meteor projects.

I’m going to focus on one setup that has worked well for projects I’ve worked on and that I know other production Meteor apps are using. The setup described here uses ModulusCompose, and Codeship. Leveraging these services has the advantage of keeping deployment and hosting simple, so developers can focus on building their app and spend less time on server configuration and ops work.

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

AngularJS Tutorial: Learn Angular by building a Gmail clone

AngularJS Tutorial: Learn Angular by building a Gmail clone | JavaScript for Line of Business Applications | Scoop.it

Get your feet wet with this popular Javascript framework in this hands-on introductory guide. You'll understand the basics and build your first Angular app, a Gmail clone.

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

Writing React Components that Support the LinkedStateMixin and the valueLink Property

Writing React Components that Support the LinkedStateMixin and the valueLink Property | JavaScript for Line of Business Applications | Scoop.it

Learn how to create React components that support LinkedStateMixin's linkState() and the valueLink property.

In a React application, it’s very common for a component to contain state that should be editable by a child component. The most basic example uses a text input with a value and onChange handler to display and update the text.

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

Building production websites with Node.js on the Microsoft stack

Node.js on Windows, in production, may not be the most common configuration – but it’s immensely powerful with the help of edge.js, iisnode, and other open sou…
more...
No comment yet.
Scoop.it!

How to optimize your Mongo database for Meteor.js

How to optimize your Mongo database for Meteor.js | JavaScript for Line of Business Applications | Scoop.it

Kadira. The amount of insight and analytics you get from Kadira is worth every penny, especially when you are trying to optimize for production. Once I installed and deployed the app with Kadira in it, the app started sending back the metrics from the running meteor app.

As I've said before, publications are the life blood of your meteor app. I started by going to the Pub/Sub detailed tab in Kadira and switched to sort by response time. I quickly noticed that one publication had the second highest subscribe rate and an average response time of 2171ms - that signaled a pretty big bottleneck for me.

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

How to scale a meteor.js app

How to scale a meteor.js app | JavaScript for Line of Business Applications | Scoop.it

Meteor is a little different than traditional 'static html' frameworks. The Meteor platform uses things like web sockets, DDP, and a pub/sub model to get data in the right spot. That means we can't just throw varnish in front of an app and get our 'magic scaling beans'.

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

21 Meteor Tipps and HowTos

21 Meteor Tipps and HowTos | JavaScript for Line of Business Applications | Scoop.it

#21: Pagination System with Infinite Scroll
#20: Verify an Email with Meteor Accounts
#19: Deploying Your Applications in a Snap with Meteor-Up (MUP)
#18: Add Google Adsense to Your Application
#17: Using NPM Modules in your Application
#16: How to Use Jade in Your Application
#15: Load a Library for Specific Users
#14: Execute a UNIX Command
#13: Managing User Roles
#12: The Complete Guide to SEO
#11: Iron Router CheatSheet
#10: Set up Oplog Tailing on Ubuntu
#9: Internationalization (i18n)
#7: Must-Watch Videos
#6: Reactive and Nonreactive Join with MongoDB - 4 Examples
#5: CheatSheet
#4: Best Ressources to Become a Master
#3: SMTP Configuration
#2: Build a Complete Registration System
#1: Deploy and Manage a Meteor Application on Ubuntu with Nginx

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

Tips and Tricks for Faster Front-End Builds

Tips and Tricks for Faster Front-End Builds | JavaScript for Line of Business Applications | Scoop.it

As a reduced test case for experimentation, I set up a sample repository. The project uses jQuery, Lo-dash, and Handlebars, along with 50-or-so custom CommonJS modules (bundling to half a megabyte) to give Browserify something to work with.

In this repository, our ideal build system will do the following (doubly ideal would be doing these things quickly... we'll get there).

  • Preprocess, prefix, and minify CSS
  • Lint/Hint, Browserify, and Uglify our JavaScript
  • Watch for changes and re-run any appropriate steps

Our build process at Pellucid has a few more requirements than this, but these should cover some of the longest operations, and this sample project should be generic enough to apply to many front-end projects.

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

Horizontally Scaling Node.js and WebSockets with Redis

Horizontally Scaling Node.js and WebSockets with Redis | JavaScript for Line of Business Applications | Scoop.it
The Node.js cluster module is a common method of scaling servers, allowing for the use of all available CPU cores. However, what happens when you must scale to multiple servers or virtual...
more...
No comment yet.
Scoop.it!

Using ServiceWorker in Chrome today

Using ServiceWorker in Chrome today | JavaScript for Line of Business Applications | Scoop.it

ServiceWorker is a background worker, it gives us a JavaScript context to add features such as push messaging, background sync, geofencing and network control.

In terms of network control, it acts like a proxy server sitting on the client, you get to decide what to do on a request-by-request basis. You can use this to make stuff work faster, offline, or build new features.

I'm biased, but I think ServiceWorker changes the scope of the web more than any feature since XHR.

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

Testing Flux Applications

Testing Flux Applications | JavaScript for Line of Business Applications | Scoop.it

For a unit test to operate on a truly isolated unit of the application, we need to mock every module except the one we are testing. Jest makes the mocking of other parts of a Flux application trivial. 


Via Ofir Shalev
more...
No comment yet.
Scoop.it!

Javascript promises and why jQuery implementation is broken

Javascript promises and why jQuery implementation is broken | JavaScript for Line of Business Applications | Scoop.it

It’s very easy to find blog articles and tutorials online, especially around jQuery Deferred object, and almost all of them show how to do callback aggregation using the “then”function to attach callbacks to a promise, whether for success or for errors (or even to signal that an operation has made some progress). When the promise transitions state, the callbacks will be called, that’s as simple as that.

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

Bringing Sanity to JavaScript UTC Dates with Moment.js and Ember Data

Bringing Sanity to JavaScript UTC Dates with Moment.js and Ember Data | JavaScript for Line of Business Applications | Scoop.it

One "neat" (awful) feature in JavaScript is that it automatically changes dates to be in whatever timezone the user's computer is set to.

This is great if you are building the online version of The Podunk Gazette and all your servers and users are in one town. Otherwise, it can introduce small inconsistencies between clients and your backend servers.

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

From Backbone To React: Our Experience Scaling a Web Application

From Backbone To React: Our Experience Scaling a Web Application | JavaScript for Line of Business Applications | Scoop.it

As engineers we want to write our programs so that they have as few bugs as possible and are easily extendable, and as a company delivering value to customers we want stable features delivered quickly. Reconciling these objectives is a universal problem which is made easier in software engineering through the use of patterns and tools.

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

JavaScript Performance For The Win

JavaScript Performance For The Win | JavaScript for Line of Business Applications | Scoop.it

JavaScript performance is a very hot topic nowadays. There's a lot of information out there on what browsers do with JavaScript code in order to execute it faster. Let's go over some of the tips that will help you write faster JavaScript code.

* Tooling
* Non-optimizable code
* Using Local Variables
* Literals
* For-In
* Arguments

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.