JavaScript for Li...
Follow
Find
363.6K views | +161 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!

Facebook just taught us all how to build websites

Facebook just taught us all how to build websites - Medium
Sometimes in software development, we take giant leaps.

Companies or startups, having learned hard lessons in production, found a way forward, and have shared their breakthroughs with the world.

I believe this has happened again in 2015, this time with Facebook’s trio of React.js, Relay, and GraphQL.
more...
No comment yet.
Scoop.it!

TypeScript / ES6 classes for React components - without the hacks!

TypeScript / ES6 classes for React components - without the hacks! | JavaScript for Line of Business Applications | Scoop.it

React 0.13 has just been released into beta, a release I've been eagerly anticipating! This has been the release where finally they will be supporting ES6 classes to create React components. Fully supported, no messing about and jumping through hoops and hoping that breaking API changes don't drop in and catch you off guard.

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

Using JavaScript Next Features in an ES3 Enterprise World

Using JavaScript Next Features in an ES3 Enterprise World | JavaScript for Line of Business Applications | Scoop.it
Cody Lindley explains why enterprise JavaScript developers still need to care about ES3 and strategies for developers who want to use ES5/ES6 features today
more...
No comment yet.
Scoop.it!

How Browserify Works

Browserify uses the term entry file(s) to describe where it will start reading a dependency graph, and its output is referred to as a bundle. At its highest level, a Browserify bundle is simply an IIFE, or Immediately Invoked Function Expression. This is of course a simple mechanism to make code run as soon as it is loaded.

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

Describing UI state with data

Describing UI state with data | JavaScript for Line of Business Applications | Scoop.it

n this post we build a small example UI following a data-first approach. What the user sees is just a representation of a piece of data, the app state. And when she interacts with the interface, she is just applying transformations to that piece of data.

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

Implement Passport.js authentication with Sails.js ~0.10

Sails.js v0.10.5 - Passport.js v0.2.1 - Waterline ORM v0.10...


Due to the number of outdated examples about this subject that I've seen on the web, I might save your day by writing an updated, working one, by myself.

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

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

Netflix Likes React

Netflix Likes React | JavaScript for Line of Business Applications | Scoop.it
We are making big changes in the way we build the Netflix experience with Facebook’s React library. Today, we will share our thoughts on what makes React so compelling and how it is evolving our approach to UI development.

Much of our existing front-end infrastructure consists of hand-rolled components optimized for the current website and iOS application. Our decision to adopt React was influenced by a number of factors, most notably: 1) startup speed, 2) runtime performance, and 3) modularity.

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

Tuxx - It is like React, but with more bowties.

Tuxx - It is like React, but with more bowties. | JavaScript for Line of Business Applications | Scoop.it

Tuxx is a feature complete framework built on the React view layer, Flux Architecture, and CommonJS modules.

TuxedoJS is a client-side CommonJS based web development framework built on Facebook's awesome Reactview-layer and Flux Architecture. It provides a semantic interface for working with Flux and augmented Reactcomponents for managing different aspects of the view logic. Tuxx also provides some powerful prebuilt animation components that make animating transitions in React a synch. Lastly, TuxedoJS leverages CommonJS modules to provide a completely modular framework which means, unlike other popular frameworks, you only load the pieces of Tuxx you actually intend to use.

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

How can React and Flux help us create better Angular applications?

How can React and Flux help us create better Angular applications? | JavaScript for Line of Business Applications | Scoop.it

Facebook’s React and Flux were the most interesting developments of 2014 for angular developers. Not that angular developers should all go jump ship and hop on the React train. But rather, that React and Flux can teach us ways to architect better angular applications. By taking cues from React and Flux, we can create applications that are simpler, more scalable, faster, and easier to test.

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

Easily Develop Node.js and MongoDB Apps with Mongoose

Easily Develop Node.js and MongoDB Apps with Mongoose | JavaScript for Line of Business Applications | Scoop.it

Today we’ll be looking at code samples to handle CRUD operations in a Node.js, ExpressJS, and MongoDB application. We’ll use the popular Node package, mongoose.

Mongoose allows us to have access to the MongoDB commands for CRUD simply and easily. 

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

Synchronous asynchronous JavaScript with ES6 Generators

Synchronous asynchronous JavaScript with ES6 Generators | JavaScript for Line of Business Applications | Scoop.it

I was pretty much sold on Promises as the answer to everything. That was, until I heard about generator functions and iterator objects, a new way to define functions that paused and continued and available in ECMAScript 6.

Now I’m not going to get into the nitty gritty of these ES6iterators and generators, as far more intelligent people than me have already documented them in an much more elegant way than I ever could.

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

Measuring Client-Side JavaScript Test Coverage With Istanbul

Measuring Client-Side JavaScript Test Coverage With Istanbul | JavaScript for Line of Business Applications | Scoop.it

Use Istanbul to get an in-depth look at what you currently are and aren't testing in your JavaScript app.

Rather than using test coverage as a measure of developer thoroughness, it makes a lot more sense to use coverage as a way of seeing which code isn't covered (hint: it's often else branches). That information can then be used to prioritize testing goals.

In summary: don't use code coverage to measure what's tested, use it to find out what isn't.

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

Replace CoffeeScript with ES6

Replace CoffeeScript with ES6 | JavaScript for Line of Business Applications | Scoop.it

ES6 transpilers are actively being developed and are catching up to CoffeeScript in functionality. This post only covered a handful of the features that ES6 is bringing to JavaScript but you can find out more about what’s been covered and the other features here.


On your next project set CoffeeScript aside and give ES6 a shot!

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

marty.js - A JavaScript library for state management in React applications

marty.js - A JavaScript library for state management in React applications | JavaScript for Line of Business Applications | Scoop.it

Marty is an implementation of the Flux architecture. It defines a set of rules about how to manage your applications state. Facebook invented Flux to help them build client-side web applications.


Marty provides solutions for getting state into your application, storing it in memory and then binding it to your React components.

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

Browserify VS Webpack - JS Drama

Browserify VS Webpack - JS Drama | JavaScript for Line of Business Applications | Scoop.it

Webpack, for all its size and features is actually pretty flexible in its usage. You can use it in various ways as long as you’re willing to write a long enough config file.

If you only use commonjs and don’t use webpack for managing any CSS or images, then you could, use it like browserify and maintain compatibility with node. But webpack doesn’t try to conform.

Browserify on the other hand, being smaller and more established is easy to pick up. And if you conform to some of its conventions, you have write very little or no configuration to make it work.

So, Browserify is much more likely to work with minimal configuration but will force you into a small set of conventions. Webpack on the other hand will always require some configuration to work for anything but the most basic case.

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

sails-sqlserver-adapter

sails-sqlserver-adapter | JavaScript for Line of Business Applications | Scoop.it
sails-sqlserver-adapter - Official Microsoft SQL Server Adapter for sails.js
more...
No comment yet.
Scoop.it!

End to End Reactive Programming at Netflix with Async JavaScript

End to End Reactive Programming at Netflix with Async JavaScript | JavaScript for Line of Business Applications | Scoop.it
In this talk Jafar Husain and Matthew Podwysocki explore the Reactive Extensions (Rx) library which allows us to treat events as collections. You'll learn about how Netflix uses Rx on the client and the server, allowing us to build end-to-end reactive systems. The speakers also contrast Rx with Promises, another popular approach to building asynchronous programs in Javascript.
more...
No comment yet.
Scoop.it!

Better Support for Functional Programming in Angular 2

Better Support for Functional Programming in Angular 2 | JavaScript for Line of Business Applications | Scoop.it

In this blog post I will talk about the changes coming in Angular 2 that will improve its support for functional programming.


Using a mutable domain model goes against our goal. Say we have a mutable domain model that backs up my component. And the component updates the model. Some other component, somewhere else, that happened to point it, will be updated.

Instead we should model our domain using dumb data structures, such as record-like objects and arrays, and transform them using map, filter, and reduce.

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

From React to Riot 2.0

From React to Riot 2.0 | JavaScript for Line of Business Applications | Scoop.it

Main reasons:

1. We want our client application to be small. It’s unacceptable that the underlying framework is bigger than the application itself.

2. We want a small framework API that we understand thoroughly. We want to be able to make sense from the stack traces. All the popular frameworks come with too many API methods, properties, and personal flavors. Full control was especially important as we had a plethora of special needs on a fully embeddable forum software.

To some extent we questioned whether anyone needed a framework at all. As long as the API (or model) is separated from UI the biggest troubles are gone. With events you can build isolated components and native pushState gives us the ability to deal with back button.

Jan Hesse's insight:

https://muut.com/riotjs/

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

Fission - The Reactjs Toolkit doing MVC

Fission - The Reactjs Toolkit doing MVC | JavaScript for Line of Business Applications | Scoop.it

Easy to use
Fission lets you focus on the app, not worry about designing the core system behind it.


Efficient
Fission uses React for extremely efficient rendering, with the best parts of Ampersandjs, model and state.


Customizable API
Fully modifiable API enables swapping out of core elements, such as Sync, for a mulit-service application


Open Source
Fission is, and will always be Fully Open Source.

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

Achieving reasonable and scalable routing in AngularJS with Flux

Achieving reasonable and scalable routing in AngularJS with Flux | JavaScript for Line of Business Applications | Scoop.it

I’ve found URL routing to be one of the most frustrating parts of SPA web development with AngularJS. I started with the ngRoute service but quickly transitioned to using ui-router because of it’s powerful state management features, UrlMatcher, and Named Views. Unfortunately, ui-router disappoints in complex use-cases because all of it’s features are tightly coupled and at the same time it does not provide enough flexibility to squeeze out of difficult situations. To demonstrate this point, let’s take a look at a use-case where ui-router falls short…

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

Writing a React JS front-end in Haskell

Writing a React JS front-end in Haskell | JavaScript for Line of Business Applications | Scoop.it

Joel Burget, Developer at Khan Academy explains the design of his new react-haskell library.

It allows you to write a front-end app in Haskell which you compile to JavaScript via Haste and render using React JS.

Jan Hesse's insight:

http://begriffs.com/posts/2015-01-12-reactjs-in-haskell.html

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

Videos of Thunder Plains 2014 Conference

Videos of Thunder Plains 2014 Conference | JavaScript for Line of Business Applications | Scoop.it
  • Luke Crouch - Web For America
  • Aaron Murray - Real World React.js
  • Waylon Flinn - Making Magic with Node.js and Redis
  • Josh Bavari - Mobile Applications with JS and Ionic
  • Kassandra Perch - NodeBots Wearables: Javascripting Your Wardrobe
  • Traci Hinds - Use Your Words!
  • Eric Schoffstall - Genome.js
  • Jenn Schiffer - Your Grandparents Probably Didn't Have Node
  • Jennifer Wadella - The Importance of Building Developer Communities
  • Jeremy Green - Supercharge Your Productivity with Ember.js
more...
No comment yet.
Scoop.it!

Caching Asynchronous Queries in Backbone.js

Caching Asynchronous Queries in Backbone.js | JavaScript for Line of Business Applications | Scoop.it
Prevent unnecessary AJAX calls by caching the result of asynchronous queries in Backbone.js

To prevent unnecessary AJAX calls, we decided to cache the result of Backbone.Model#fetch at two levels of our application.

The result: less network time and a snappier user experience.

more...
No comment yet.