JavaScript for Li...
Follow
Find
283.5K views | +1.0K today
 
Scoop.it!

AngularJS and Laravel Shopping List Application - Part 2

AngularJS and Laravel Shopping List Application - Part 2 | JavaScript for Line of Business Applications | Scoop.it
The second part of our AngularJS tutorial explaining how to use AJAX to pull in data, create a REST API using Laravel & then join them both together.
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!

Polyfills as a service | FT Labs

Polyfills as a service | FT Labs | JavaScript for Line of Business Applications | Scoop.it
more...
No comment yet.
Scoop.it!

Web Components - Getting started

Web Components - Getting started | JavaScript for Line of Business Applications | Scoop.it
In this post we will show you how you can start writing your own custom elements and your Web Components-based applications right away. We will introduce some of the existing polyfills and two of the major libraries available.
Jan Hesse's insight:

Also: http://blogs.nuxeo.com/development/2014/08/web-components-great-standard-platform-approach/

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

React Components: reusable components by Khan Academy

React Components: reusable components by Khan Academy | JavaScript for Line of Business Applications | Scoop.it

This is a collection of some of the most reusable React components built at Khan Academy. In the jQuery ecosystem there's a large collection of plugins that can be used for anything from modals to translation. We're trying to make it just as easy to jumpstart React applications with a well-tested, thoughtful, and beautiful library of components.

Most of our components are bespoke, so if you're already invested in a UI framework like Bootstrap, Topcoat, or KendoUI, you should check to see if there's an existing React wrapper for your framework.

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

Real-time Web Applications with Kendo UI and Firebase

Real-time Web Applications with Kendo UI and Firebase | JavaScript for Line of Business Applications | Scoop.it

As a fan of both Firebase and Kendo UI, I was compelled to build my peanut butter and chocolate scenario; two great tastes together as one. The end result was kendo-fire, a set of bindings for building applications that utilize Kendo UI and Firebase at the same time.

The Q1 2014 release of Kendo UI added support for real-time data through the introduction of a set of push callbacks to the kendo.data.RemoteTransport. Currently, Kendo UI supports WebSockets and SignalR out-of-the-box. However, this functionality can easily be extended to other protocols and providers, like Firebase, through a custom RemoteTransport.

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

Web Components 101

Web Components 101 | JavaScript for Line of Business Applications | Scoop.it
Read more about how web components such as Templates, Decorators, Custom Elements, Shadow DOM, and Imports made possible high-level semantic HTML coding!
more...
No comment yet.
Scoop.it!

Ember Data mastering async relationships

Ember Data mastering async relationships | JavaScript for Line of Business Applications | Scoop.it

I have to confess that Ember Data’s (ED) async relationships gave me a hard time. It was worth the pain though, as soon as you understand how those relationships work it will get a lot easier to achieve almost anything (model-related) with a better granularity.

This post will cover the bootstrapping of the application and the first interaction (read) with an async relationship. The next post will be about modifying (write) an async relationship and syncing it with the server.

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

RequireJS.NET

RequireJS.NET | JavaScript for Line of Business Applications | Scoop.it
RequireJS for .NET brings asynchronous JavaScript loading and flexible js bundling configuration to ASP.NET MVC. You can now have all the benefits of RequireJS and more in a way that is easy to use and fully integrated with ASP.NET
more...
No comment yet.
Scoop.it!

QUnit Advanced Concepts: Modules and Configuration

QUnit Advanced Concepts: Modules and Configuration | JavaScript for Line of Business Applications | Scoop.it

In this article I’ll discuss how you can organize your test code in modules, and how you can tweak QUnit to better fit your needs using the configuration properties exposed by the framework.

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!

Node.js vs Play Framework

Here's the showdown you've been waiting for: Node.js vs Play Framework. Both are popular open source web frameworks that are built for developer productivity, asynchronous I/O, and the real time web. But which one is easier to learn, test, deploy, debug, and scale? Should you pick Javascript or Scala? The Google v8 engine or the JVM? NPM or Ivy? Grunt or SBT? Two frameworks enter, one framework leaves. 

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

Apper - Plug and play, restful, real-time application framework for single page apps

Apper - Plug and play, restful, real-time application framework for single page apps | JavaScript for Line of Business Applications | Scoop.it

A real-time framework for single page applications. The idea behind it is to have strong conventions for practices that suit single page apps, including transparent minification and bundling.

It wraps around Express, so route definitions look like a typical Express project, but Apper also has specific places for things like middleware and application settings.

If you’re new to Express then you might like working with the conventions Apper uses, and it will at least push you away from putting everything in a monolithic app.js file.

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

Require.js packages for building large scale angular applications

Require.js packages for building large scale angular applications | JavaScript for Line of Business Applications | Scoop.it

Require.js is one of my favorite ways to work with large JavaScript applications. It allows you to build AMD (asynchronous module definition) style modules to break up your application into small reusable modules. This is a desirable feature in large code bases.

It's important to know when and why you may consider require.js. If you're working on a small application that doesn't have a need for many files and little logic, you may or may not need the overhead of require.js. However, you still can get value out of it's organization and structure it provides you.

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

Jest vs. Mocha: Why Jest Wins

Jest vs. Mocha: Why Jest Wins | JavaScript for Line of Business Applications | Scoop.it

When developing front-end applications, my TDD tool belt consists of karma, mocha, sinon, and chai. When I first learned of Jest, I was skeptical of the new JavaScript unit testing framework and was not convinced I should make the switch. After a bit of research and a sample project on Github, I will tell you why I have made the decision to switch and why you should, too. ...

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

Software Development AntiPatterns

Software Development AntiPatterns | JavaScript for Line of Business Applications | Scoop.it
Good software structure is essential for system extension and maintenance. Software development is a chaotic activity, therefore the implemented structure of systems tends to stray from the planned structure as determined by architecture, analysis, and design. Software refactoring is an effective approach for improving software structure. The resulting structure does not have to resemble the original planned structure.
more...
No comment yet.
Scoop.it!

Database of React Components

Database of React Components | JavaScript for Line of Business Applications | Scoop.it
Searchable repository of React-components
more...
No comment yet.
Scoop.it!

Using ReactJS with Browserify and Gulp

Using ReactJS with Browserify and Gulp | JavaScript for Line of Business Applications | Scoop.it

ReactJS uses a special syntax called JSX, not the normal JS one. Usually, when you want to work with ReactJS JSX files, you need to transform it to a normal JS file and then operate on that file. However, with the help of Reactify, a transform for Browserify, you won’t need to compile jsx to js files anymore, just use it directly from your code.

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

An Introduction to Static Apps

An Introduction to Static Apps | JavaScript for Line of Business Applications | Scoop.it

Static applications and websites render in the user’s browser without the need for server side processing, this means that all the rendering of HTML, CSS, and JavaScript is done on the client side, rather then relying on server side technologies. Whilst traditionally managing static websites and applications may seem like hard work, the medium has come on leaps and bounds over the past few years to the extent that it’s now perfectly feasible to run heavy content, rich media websites, and applications entirely in the browser – Good times!

So grabbing and rendering UI elements doesn’t need roundtrips to your server, instead relying on the browser, which actually saves a heck of time for the user.

Jan Hesse's insight:

Also: http://www.staticgen.com/

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

The conventions Ember.js provides to make you happy and productive

The conventions Ember.js provides to make you happy and productive, presented by Stefan Penner at Midwest JS 2014
more...
No comment yet.
Scoop.it!

Beginning to understand the Ember.js Container

Beginning to understand the Ember.js Container | JavaScript for Line of Business Applications | Scoop.it

Ember will do a lot of auto-generation of things in your App. Where should it place these newly created objects? How are other objects within the system meant to be able to find these new objects? The the first part of the answer is, you guessed it, the Container! The second part of the answer is: a consistent namespacing scheme.

Think about the Container as a Condo building. A very special Condo building. Controllers live in the Penthouse. Other things live in the Condo, but lets focus on Controllers for now.

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

Single Page Application with .NET MVC and AngularJS

Single Page Application with .NET MVC and AngularJS | JavaScript for Line of Business Applications | Scoop.it

This project is a code using AngularJs and .net MVC framework. Main function is displaying Phone List and Phone Detials.
This fuction is from tutorial of phoneCat on AngularJs home page. And I added user management module with AngularJS. Usually, AngularJS is used for single page application, but there's lots of adventages if we use MVC together. For example, we can reduce the effort on user authentification and authorization module in AngularJS.
We can move user auth modules on Server side, and it make pretty easy to manage Security, Menu management, etc.

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

Building a Single Page Application with ASP.NET, WebAPI, SignalR and AngularJS

You'll learn how to get started building web applications with AngularJS, how to leverage HTML5 features like local storage and pushState, providing efficient server resources via HTTP and web sockets (sing SignalR), important routing configuration concerns, testing and deployment.

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

Integrating Javascript unit tests with Visual Studio build

Integrating Javascript unit tests with Visual Studio build | JavaScript for Line of Business Applications | Scoop.it

The first step was getting hold of QUnit, a Javascript unit test suite capable of executing our tests; in fact, QUnit is apparently used to unit test not only itself, but also JQueryUI, JQuery and JQuery mobile.

So that’s all great and groovy, but requires a manual step of launching the document in a browser in order to execute the javascript.

Enter Chutzpah, a command-line javascript test runner. It uses PhantomJS to execute javascript in a headless (read:no window) Webkit browser and also allows us to execute it from the command line.

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

From AngularJS to React: the isomorphic way

From AngularJS to React: the isomorphic way | JavaScript for Line of Business Applications | Scoop.it

We wanted to have something that renders our content on the server-side at the first load, but provides the experience of the SPA applications after that. 
We needed something that can render both on the client and server side and share the application state between the two sides. So the client should continue from the point where the server finished its job. 
To implement this kind of architecture the code base has to be common on the server and client side (Browserify/Webpack) and the application also has to be able to render on both sides.

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

Build Desktop Apps with JavaScript and Node WebKit

Build Desktop Apps with JavaScript and Node WebKit | JavaScript for Line of Business Applications | Scoop.it

What if we could approach the problem from a different angle? What if we took an existing, non-visual platform that already allows developers to do whatever they want and put a visual layer on top of it? That platform is Node.js and that visual layer is WebKit. Put them together, with Javascript as the underlying engine and WebKit as the visual layer, and you have Node-WebKit!

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.