JavaScript for Li...
Follow
Find
344.4K views | +515 today
 
Scoop.it!

What to Read to Get Up to Speed in JavaScript

There’s been a lot of great feedback and suggestions thrown out and I wanted to offer up what I felt were goodbooks/resources to carry you through the learning process. While I list a number of books in the Big List page that I created, narrowing it down into specific levels makes a lot of sense.

Note that some resources will overlap between levels. That should be expected as some books cover a wide breadth of language features. Also, I am NOT covering blogs in this post, only books (print and online).

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!

Frontend Dependency Management with Browserify

Frontend Dependency Management with Browserify | JavaScript for Line of Business Applications | Scoop.it

With frontend development moving as fast as it does at Bitly, things can get pretty messy. We found ourselves with piles of unmanaged script tags and little indication of what was still being used in the app’s current iteration. There had to be a better way!

Enter Browserify! 

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

Getting To Know Flux, the React.js Architecture

Getting To Know Flux, the React.js Architecture | JavaScript for Line of Business Applications | Scoop.it
Contents:
  • Introduction
  • What is Flux?
  • The Dispatcher
  • Stores
  • Action Creators & Actions
  • Controller Views
  • Putting It All Together
  • Wrap Up
more...
No comment yet.
Scoop.it!

React Tutorial: Creating a Simple Application Using React JS and Flux Architecture

React Tutorial: Creating a Simple Application Using React JS and Flux Architecture | JavaScript for Line of Business Applications | Scoop.it

React JS and Flux go together pretty well, as it was architected that way, but they’re by no means dependent upon one another. As a result, I’m going to split this article up into the React JS piece, which will go over how to create views and best practices, followed by a detailed look into how I’m getting data out of my mocked server API via Flux.

I’ve put a demo of the todo application in action, but prepare to be disappointed, as it’s really very straightforward.

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

How to setup AngularJS in MVC4 application

How to setup AngularJS in MVC4 application | JavaScript for Line of Business Applications | Scoop.it
In this post, I would like to explain Part 1 - How to setup AngularJS in MVC4 application. This is our First Post about AngularJS. Here I have explained a little about AngularJS and What we will learn in this section part by part. In this part (Part 1) I am going to explain how to setup AngularJS in MVC4 application.
Jan Hesse's insight:

Part 1:

http://dotnetawesome.blogspot.de/2014/12/how-to-setup-angularjs-in-mvc4.html

Part 2:

http://dotnetawesome.blogspot.de/2014/12/part-2-how-to-fetch-data-from-database-using-angularjs.html

Part 3:

http://dotnetawesome.blogspot.de/2014/12/how-to-create-login-page-using-angularjs-in-mvc4.html

more...
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.

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

Getting started with hapi 8 - tutorial

Getting started with hapi 8 - tutorial | JavaScript for Line of Business Applications | Scoop.it
Getting started with hapi 8: request lifecycle, plugins and server methods...
more...
No comment yet.
Scoop.it!

Rethink Async With RXJS

This is an updated version of my "Add more fun to your functional programming with RXJS". It includes a bit more background information on Reactive programming.

Observables What to events and async functions have in common?

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

Effective Event Binding with jQuery

Effective Event Binding with jQuery | JavaScript for Line of Business Applications | Scoop.it
This article explains how to efficiently, and effectively, bind events using jQuery.

If you've used jQuery much at all, then you're probably already familiar with event binding. It's fairly basic stuff, but dig a little deeper and you'll find opportunities to make your event-driven code less brittle and more manageable.

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

The Two Pillars of JavaScript — Pt 2: Functional Programming

The Two Pillars of JavaScript — Pt 2: Functional Programming | JavaScript for Line of Business Applications | Scoop.it

How to Stop Micromanaging Everything


Over the course of the next few years, the way we code is going to change in radical ways, pushing us in a fundamentally different direction than the one we’ve been sprinting for the past 30 years or so. These changes will lead to many important breakthroughs in programming techniques, processes, application scalability, and quality controls.

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

Meteor.js Two-Factor authentication

Meteor.js Two-Factor authentication | JavaScript for Line of Business Applications | Scoop.it

This article is for developers, who're already familiar with Meteor, and faced the problem of implementing two-factor authentication. Further you'll find whole logic and code for its implementation. No pictures, but lots of code.

In my case, the second factor is code, sent by SMS via Twilio service. But you can swap the second factor for your own after you get in touch with the further code.

more...
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.

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

Functional testing with cucumber and protractor

Functional testing with cucumber and protractor | JavaScript for Line of Business Applications | Scoop.it
Now I love Behaviour Driven Development I love it for many reasons but my main reason is the way it completes my development process. TDD allows me to test how my code works to validate that the new function has been implemented correctly, to put me in the mindset of writing minimalist and well structured code and to give me confidence I am not breaking any existing code. It is not so great at describing behaviour that the system is supposed to exhibit and if you work with an Agile methodology it is a pretty terrible interface between the developer and the customer.
more...
No comment yet.
Scoop.it!

Don't React

Don't React | JavaScript for Line of Business Applications | Scoop.it
Don't React
Reactive Programming is an Enlightened Path to Programming Utopia Yet to be Grokked By Mere Humans

* Why this presentation?
* What is React?
* React virtual elements are not observable
* How could it be better?
* Thanks!

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

Videos: Backbone Conf III - 2014 by Bocoup

Videos: Backbone Conf III - 2014 by Bocoup | JavaScript for Line of Business Applications | Scoop.it

Jeremy Ashkenas - Keynote
ANGESEHEN Matt Dennewitz - Backbone at Pitchfork
Brenda Jin - Jasmine Testing for Backbone js Models and Views
John K Paul - Ember Components Make My Heart Sing
Gregor Martynus - Building Offline First Applications with Backbone
Ryan Muller - Go with the Flow Backbone and Streams
ANGESEHEN James Smith - Marionette The Backbone Framework
Rachel Baker - The WordPress JSON REST API
Tim Griesser - Data Based JavaScript
ANGESEHEN Henrik Joreteg - Ampersand.js
Clement Wehrung - A Visit to the World of Responsive Real time
Daan Mortier - The Backbone Tango Dancing with Geographical
Shirley Wu - Marrying Backbone js and D3 js
Andrew Rota - Web Components and Backbone
Kris Walker - Backbone in XBox and Windows Apps
Sam Breed - React and Backbone, Sittin’ in a Tree
Jason Laster - Backbone under the Magnifying Glass Tools for Exploring and Debugging Your Apps
Greg MacWilliam - Teaching Backbone and other cool technologies

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

Asynchronous calls with ES6 generators

Asynchronous calls with ES6 generators | JavaScript for Line of Business Applications | Scoop.it

A few months ago Jake Archibald wrote an article about the awesomeness of the asyncfunctions in ES7 and how we can “emulate” them using ES6’s generators, using his spawn function, which has subset of the features of co.

In this blog post we’ll take a look at standard ways of handling asynchronous calls and how we can improve the readability of our code using generators. We’ll also take a further look at the implementation of spawn, since there are few tricky moments there.

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

What is Meteor.js?

What is Meteor.js? | JavaScript for Line of Business Applications | Scoop.it

Meteor.js is a cohesive development platform, a collection of libraries and packages that are bound together in a tidy way to make web development easier. It builds on ideas from previous frameworks and libraries to offer an easy way to start a prototype app, but it gives you the tools and flexibility to build a full fledged production app. There are libraries like Tracker and Blaze that the Meteor Development Group has built specifically for a reactive front-end experience.

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

HTML5 Mobile - Optimising for older or slower devices

HTML5 Mobile - Optimising for older or slower devices | JavaScript for Line of Business Applications | Scoop.it

I built my App using Ionic Framework, which is based on AngularJS, but these lessons should apply to other frameworks too. Angular has built-in support for animations, and Ionic comes with some default transitions for sliding pages left and right. I used that, and added a Javascript animation for the “Hero” element. It extracts the element from the card and positions it so it’s in the same place on screen, then animates it to it’s new location before removing it. The corresponding element in the details page is initially hidden during the animation, and revealed at the end so it appears to be the same element.


Google’s success at making the OS available at lower price points means that many users have devices with relatively limited performance. Giving those users a good experience is vital. Here are some lessons I’ve learned while optimising my App to look good on older or slower devices.

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

Manifests, plugins and schemas: Organizing your Hapi application

Manifests, plugins and schemas: Organizing your Hapi application - Nerds @ Zappos - Medium

If you’re building things for the web, love JavaScript and haven’t yet discovered hapi.js, you’re missing out. Billed as “a rich framework for building applications and services”, what you’ll find is a feature-rich, battle-tested and rapidly evolving foundation upon which to build your web application.

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

rx-flux: The Flux architecture with RxJS

rx-flux: The Flux architecture with RxJS | JavaScript for Line of Business Applications | Scoop.it

The Flux architecture allows you to think your application as an unidirectional flow of data, this module aims to facilitate the use of RxJS Observable as basis for defining the relations between the different entities composing your application.

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

Node.js - Building Web Apps on the MEAN Stack with OData in Microsoft Azure

Node.js - Building Web Apps on the MEAN Stack with OData in Microsoft Azure | JavaScript for Line of Business Applications | Scoop.it

In this article I’m going to show you that by using the MEAN stack, building create, read, update and delete (CRUD)-heavy applications can be fast and easy. I’m going to assume you have a basic conceptual understanding of AngularJS (angularjs.org), Node.js (nodejs.org), MongoDB (mongodb.org) and Express (expressjs.com).

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

More Responsive Single-Page Applications With AngularJS & Socket.IO: Creating the Library

More Responsive Single-Page Applications With AngularJS & Socket.IO: Creating the Library | JavaScript for Line of Business Applications | Scoop.it
In this first tutorial, we'll learn how to build a Socket.IO library for AngularJS to help improve the responsiveness of your web application's user-interface. | Difficulty: Intermediate; Length: Medium; Tags: JavaScript, AngularJS, Web App, Web Development
more...
No comment yet.
Scoop.it!

JavaScript Application Architecture On The Road To 2015

JavaScript Application Architecture On The Road To 2015 | JavaScript for Line of Business Applications | Scoop.it

* Composition
Component messaging
ES6 & Browserify
The Offline Problem
Component APIs and Facades
Immutable & persistent data structures
We have a long way to go yet
Onward and upward



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

Using MongoDB aggregations to power a Meteor.js publication

Using MongoDB aggregations to power a Meteor.js publication | JavaScript for Line of Business Applications | Scoop.it

This article is about a way to publish aggregate data using the MongoDB aggregation framework with Meteor.js.

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

How to upload Files with Meteor.js ?

How to upload Files with Meteor.js ? | JavaScript for Line of Business Applications | Scoop.it

The Problem

Last week, a friend of mine asked me how to handle a file upload with Meteor project. I recommended him using Collection FS, so he followed the README.md instructions on their repo. The file upload feature works fine on localhost, but it doesn’t work once it is deployed to the free meteor testing server. In fact, the whole server would keep refreshing, not even load a page.

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

Don’t Do, React! Understanding Meteor Reactive Programming

Don’t Do, React! Understanding Meteor Reactive Programming | JavaScript for Line of Business Applications | Scoop.it

In this blog post, I provide an in-depth explanation of reactive programming. I talk about the technical details of how reactivity is implemented in the Meteor framework. I also explain how you can take advantage of reactivity by using the Session object and reactive variables. Finally, I provide you with advice on getting the best performance when using reactivity.

more...
No comment yet.