JavaScript for Line of Business Applications
596.1K views | +0 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

Current selected tag: 'Tutorial'. Clear
Scoop.it!

Build User Detection and Message History using Ember.js

Build User Detection and Message History using Ember.js | JavaScript for Line of Business Applications | Scoop.it

We’ll build a quick and easy chat application, and enable users to see who is on the channel, and who is offline. This ensures that no unauthorized users on in the secret chatroom. And we’ll do it all using Ember.js


This tutorial will walk you through implementing user detection and message history functionality, using PubNub Presence and Storage & Playback, all in a realtime chat application built with Ember.js.

This example just scratches the surface of what you can do with the power of the PubNub Data Stream Network.

Jan Hesse's insight:

Follow Ups:

http://www.pubnub.com/blog/customizable-user-presence-data-for-an-ember-js-chat-app/

http://www.pubnub.com/blog/ember-js-encryption-and-three-way-data-binding-for-chat/

No comment yet.
Scoop.it!

React.js best practices and conventions

React.js best practices and conventions | JavaScript for Line of Business Applications | Scoop.it
An opinionated set of React.js best practices to make components more readable, more robust and easily maintainable.
No comment yet.
Scoop.it!

Create a REST Backend For Ember.js With Node.js, Express, and Mongoose

Create a REST Backend For Ember.js With Node.js, Express, and Mongoose | JavaScript for Line of Business Applications | Scoop.it
Learn how to create a Emberjs and Ember-cli compatible REST API using Node.js, Express, and Mongoose....

The express-generator is great; however, it added a couple of things we will not be needing so we will remove them now. I am removing the following because this server will only be used as an API and it will not serve a frontend, you do not need to remove them but they are not in the scope of this tutorial.

Jan Hesse's insight:

Part 2:

http://connorbrewster.me/rest-ember-relationships/

No comment yet.
Scoop.it!

Creating a Web-app with Grunt – Part 2

Creating a Web-app with Grunt – Part 2 | JavaScript for Line of Business Applications | Scoop.it

In this instalment, we will build on what we covered previously during the first part of the tutorial in order to create the logic of the Breeze application – loading and displaying current temperature information for various locations by making AJAX requests to the OpenWeatherMap API. We’ll also improve the Grunt workflow and briefly look at SCSS variables and mixins.

No comment yet.
Scoop.it!

The React Quick Start Guide

The React Quick Start Guide | JavaScript for Line of Business Applications | Scoop.it

This article will give you a quick overview of how to build user interfaces in React JS. There's just enough to get yourself started and nothing more. Code along with this starter kit (instructions in the repo) or just read along.

No comment yet.
Scoop.it!

Building a Multi-Step Registration Form with React

Building a Multi-Step Registration Form with React | JavaScript for Line of Business Applications | Scoop.it

React is awesome at handling what and when to show something to the user. In our example, what we're showing are related input fields (simple markup), and when those fields are shown is determined by the current step (the state of our Registration component). One way of thinking of this relationship is state determines shape. Depending on the state of our application, we're able to simply and predictably render something different, whether it's as small as a single character change or showing a completely different component altogether.

No comment yet.
Scoop.it!

Learning React.js: Getting Started and Concepts

Learning React.js: Getting Started and Concepts | JavaScript for Line of Business Applications | Scoop.it

One of it’s unique selling points is that not only does it perform on the client side, but it can also be rendered server side, and they can work together inter-operably.

The way React works, rather than taking the real person and rebuilding them from the ground up, it would only change the face and the arms. This means that if you had text in an input and a render took place, as long as the input’s parent node wasn’t scheduled for reconciliation, the text would stay undisturbed.

No comment yet.
Scoop.it!

Getting Started with ES6 – Transpiling ES6 to ES5

Getting Started with ES6 – Transpiling ES6 to ES5 | JavaScript for Line of Business Applications | Scoop.it

Before jumping into the first official ES6 feature (that’s coming in the next post) I wanted to write a step-by-step walkthrough that covers how to get the Traceur and 6To5 transpilers working with Gulp (a JavaScript task runner). I’m also going to sneak in a little TypeScript as well since it’s another option. By getting these tools in place you can start writing ES6 code, convert/transpile it to ES5, and then use the generated code in older browsers. Going that route lets you take advantage of the future of JavaScript right now without having to wait around until all of the browsers fully support ES6.

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!

AbsurdJS - Hacking the Front-End

It's a talk about AbsurdJS (absurdjs.com/). JavaScript library that acts as a CSS and HTML preprocessor. At the same time is a template engine and client-side framework. The presentation is made of two parts. The first one presents the library and the second one is the real life project that uses it.

No comment yet.
Scoop.it!

Creating Isomorphic apps with React and Node.js

Creating Isomorphic apps with React and Node.js | JavaScript for Line of Business Applications | Scoop.it

In this tutorial I will show you how to use React and Node.js to create isomorphic apps. So, let's start.

We are going to emulate a blogging website. Our app should display a list of post titles on the homepage. Clicking on a title will take us to another page where we can see the content of the post. Remember when you request any page (either homepage or detailed post view) you will a get server rendered version. Subsequent interactions will use client side rendering.

No comment yet.
Scoop.it!

How to write a simple interpreter in JavaScript

How to write a simple interpreter in JavaScript | JavaScript for Line of Business Applications | Scoop.it

Introduction to the compiling/interpreting process by making a simple calculator application in JavaScript.

This article will perform a basic overview of this process by showing how to write an interpreter for a simple language that we can use for a calculator application.


Step 1: The Lexer

Step 2: The Parser

Step 3: The Evaluator

No comment yet.
Scoop.it!

Getting Started With Meteor Tutorial (In the Cloud)

Getting Started With Meteor Tutorial (In the Cloud) | JavaScript for Line of Business Applications | Scoop.it
This Meteor tutorial will show you step-by-step how to create your first application with Meteor, in the cloud using Digital Ocean and Cloud9 IDE.


Contents:

* What is Meteor?

* What is a cloud IDE?

* Getting set up

* Creating a Cloud9 account

* Connecting Cloud9 with Digital Ocean

* Installing Meteor

* The Meteor tutorial app we are going to create

* Creating the project

* What’s in the Meteor tutorial project?

* Creating the user interface

* Using templates

* Populating data with templates

* Populating data with collection

* Adding items

* Marking items done

* Deleting items

* Meteor tutorial wrap up

* Some additional resources


1What is Meteor?2What is a cloud IDE?3Getting set up4Creating a Cloud9 account5Connecting Cloud9 with Digital Ocean6Installing Meteor7The Meteor tutorial app we are going to create8Creating the project9What’s in the Meteor tutorial project?10Creating the user interface11Using templates12Populating data with templates13Populating data with collection14Adding items15Marking items done16Deleting items17Meteor tutorial wrap up18Some additional resources
No comment yet.
Scoop.it!

Building a Meteor.js mobile app with Cordova, MongoDB, and Ratchet

Join Josh Owens as he builds a Meteor.js app from scratch using Ratchet, Cordova, and MongoDB.
No comment yet.
Scoop.it!

A Beginners Guide to Mobile Development with Meteor

A Beginners Guide to Mobile Development with Meteor | JavaScript for Line of Business Applications | Scoop.it

Meteor.js is a promising JavaScript framework, that also comes prepackaged with Cordova support, ideal for mobile development.

If you’re a web developer who wants to release their work on iOS and Android (while harnessing the features of those platforms), you don’t have to learn a new language or entirely new concepts. You just need a basic grasp of Meteor, and then a basic grasp of details specific to mobile development.

No comment yet.
Scoop.it!

Gentle Introduction to the React Flux Architecture - Learn React

Gentle Introduction to the React Flux Architecture - Learn React | JavaScript for Line of Business Applications | Scoop.it

The absolute best JavaScript tutorials videos on the Internet. Start learning AngularJS and ReactJS Today!

React is the "V" in your MVC, but with the Flux Application Architecture you can add the "M & C" to easily wire up components into a working application.

To get you started, we've published a series. We'll start with 5 (free) lessons as an introduction, and then move into building a real-world React Flux example application.

No comment yet.
Scoop.it!

Getting Started with React.js

React.js is a JavaScript library for building user interfaces.

- Just the UI: Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.

- Virtual DOM: React uses a virtual DOM diff implementation for ultra-high performance. It can also render on the server using Node.js — no heavy browser DOM required.

- Data flow: React implements one-way reactive data flow which reduces boilerplate and is easier to reason about than traditional data binding.

No comment yet.
Scoop.it!

React.js Tutorial Pt 1: A Comprehensive Guide to Building Apps with React.js

React.js Tutorial Pt 1: A Comprehensive Guide to Building Apps with React.js | JavaScript for Line of Business Applications | Scoop.it

Components are the building blocks of React. If you’re coming from an Angular background, components are very similar to Directives. If you’re coming from a different background, they’re essentially widgets or modules. You can think of a component as a collection of HTML, CSS, JS, and some internal data specific to that component. I like to think of React components as the Kolaches of the web. They have everything you need, wrapped in a delicious composable bundle. These components are defined either in pure JavaScript or they can be defined in what the React team calls “JSX”. If you decide to use JSX (which you most likely will, it’s pretty standard – and it’s what we’ll use for this tutorial), you’ll need some compile stage to convert your JSX to JavaScript, we’ll get to this later.

Jan Hesse's insight:

Pt I: A Comprehensive Guide to Building Apps with React.js.

Pt II: Building React.js Apps with Gulp, and Browserify.

Pt III: Architecting React.js Apps with Flux. (Coming Soon)

Pt IV: Add Routing to your React App with React Router. (Coming Soon)

Pt V: Add Data Persistence to your React App with Firebase. (Coming Soon)

Pt VI: Combining React.js, Flux, React Router, Firebase, Gulp, and Browserify. (Coming Soon)

No comment yet.
Scoop.it!

Creating A Simple Shopping Cart with React.js and Flux

Creating A Simple Shopping Cart with React.js and Flux | JavaScript for Line of Business Applications | Scoop.it

Today we are going to put all of it together to create a basic shopping cart application. In a typical e-commerce website, the product detail page has several moving parts that rely on one another and React really helps simplify and organize the co-dependency between them.

No comment yet.
Scoop.it!

Object Oriented JavaScript Pattern Comparison

Object Oriented JavaScript Pattern Comparison | JavaScript for Line of Business Applications | Scoop.it

In this post, I explore various object oriented JavaScript design patterns. An intermediate level of JavaScript knowledge is required to get value from this post. Before we get started exploring the various patterns below, it’s worth reviewing a couple key things about JavaScript objects.

No comment yet.
Scoop.it!

Meteor.js: Getting Started

Meteor.js: Getting Started | JavaScript for Line of Business Applications | Scoop.it

As an introduction to Meteor.js, I set out to build a simple but properly tested web application and share what I learned.

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.

No comment yet.
Scoop.it!

[How To] Implement Passport.js Authentication with Sails.js

[How To] Implement Passport.js Authentication with Sails.js | JavaScript for Line of Business Applications | Scoop.it

Here we intend to demonstrate the procedure of local authentication i.e. by using a username and password.


Dependencies:

* passport

* passport-local

* bcrypt

No comment yet.
Scoop.it!

Improving AngularJS long list rendering performance using ReactJS

Improving AngularJS long list rendering performance using ReactJS | JavaScript for Line of Business Applications | Scoop.it

If you're reading this, you most probably tried to make a long and/or complex list of items using a ng-repeat directive, and after seeing how it performs in terms of speed, felt like AngularJS failed you. In some cases you might be able to avoid this problem by using paging or infinite scrolling, but sometimes that's just not good enough. For example, lists that are displaying only a few items at a time (like any kind of a log) would simply be very impractical from the users point of view. Another reason - you might be using libraries like SlyJS that load a whole list at once to calculate the size of the embedded scrollbar and to make list swiping and elastic bounds work properly. Ooooor - your client simply demands it. :)

No comment yet.
Scoop.it!

Meteor.js in Action: Create an App, Test with Laika

Meteor.js in Action: Create an App, Test with Laika | JavaScript for Line of Business Applications | Scoop.it

Meteor is a next generation framework used for rapidly developing web apps, which seamlessly combines popular packages like MongoDB, Node.js, and jQuery, to name a few.


Contents:

* Setup a Project
Create a Basic App
Restructure
Testing Framework
Users can submit answers
Users can see all submitted answers
Users can up or down vote answers
Users can login via Twitter
Users can only answer or vote if they are logged in
Remove insecure packages
Deployment
What’s next?
Conclusion

No comment yet.