JavaScript for Li...
Follow
Find
487.0K views | +208 today
 
Scoop.it!

debug mode...... Learn those JS details

debug mode...... Learn those JS details | JavaScript for Line of Business Applications | Scoop.it
debugging the learning

What you might want to know about Objects, Funtions, Variables and so on...

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!

TypeScript Redux

TypeScript Redux | JavaScript for Line of Business Applications | Scoop.it

This guide goes through setting up, running and exploring the ultimate JavaScript Stack du jour:

  • TypeScript - Superset of JavaScript with optional typing, advanced language features and down-level ES5 support
  • JSPM - JavaScript Package Manager supporting SystemJS modules and multiple npm and GitHub repositories
  • TSD - Package manager to search and install TypeScript definition files
  • React - Simple, high-performance JavaScript UI Framework utilizing a Virtual DOM and Reactive Data flows
  • Redux - Predictable state manager for JavaScript Apps

Providing a great base for the development of large-scale, JavaScript Apps that's further enhanced by a great development experience within Visual Studio.

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

Taking advantage of Observables in Angular 2

Taking advantage of Observables in Angular 2 | JavaScript for Line of Business Applications | Scoop.it
Angular 2 favors Observables over Promises when it comes to async. The rational behind this decision may not be obvious right from the start. There is definitely a learning curve to master Observables in all their beauty. In this article we like to explore some practical advantages with Observables for server communication.
Jan Hesse's insight:

FollowUp: http://blog.thoughtram.io/angular/2016/01/07/taking-advantage-of-observables-in-angular2-pt2.html

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

Meteor, Angular2 and React: once the dust settles…

Meteor, Angular2 and React: once the dust settles… | JavaScript for Line of Business Applications | Scoop.it
2015 will be remembered as the year of the Javascript Fatigue.


Being a JS developer right now is like being one of the suitors waiting forPenelope to finish weaving Odysseus’s shroud, being constantly reminded that yes, 1.x is indeed limited and 1.y will change everything so please stick with us a little bit longer.

I mean, there is no framework right now that is really production-ready (except for React, but, again… React 1.x is coming soon, is it?). Change is good, change is healthy, although having to re-learn everything from scratch again (yes, Angular, I’m talking to you) can be difficult for big projects that would like to stay up-to-date.

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

Amoklauf - A demo WebApp built with AmpersandJS & RiotJS

Amoklauf - A demo WebApp built with AmpersandJS & RiotJS | JavaScript for Line of Business Applications | Scoop.it

This is just a demo but at least a functional one. 

  • It shows a Login page (enter anything)
  • uses a real, JSON-based remote service (JSON Test)
  • has a Menu structure
  • has a Movie-list built with RiotControl and AmpersandJS Model & Collections
  • a Todo-List
  • and a Contact Form

It also can serve as a boilerplate because is very easy to replace/remove parts which are not of interest (or buggy?).

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

Angular 2 versus React: There Will Be Blood

Angular 2 versus React: There Will Be Blood | JavaScript for Line of Business Applications | Scoop.it

Angular 2 has reached Beta and appears poised to become the hot new framework of 2016. It’s time for a showdown. Let’s see how it stacks up against 2015’s darling: React.

You’re Comparing Apples and Orangutans!

Sigh. Yes, Angular is a framework, React is a library. Some say this difference makes comparing them illogical. Not at all!

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

A Lesson Learned After a Year of Using ReactJS

A Lesson Learned After a Year of Using ReactJS | JavaScript for Line of Business Applications | Scoop.it
After almost a year of using ReactJS and digesting all of the ideas around we are here to share with you our experience.
more...
No comment yet.
Scoop.it!

Stateless React components

Stateless React components | JavaScript for Line of Business Applications | Scoop.it

React v0.14.0 introduces “stateless” components, which takes a more functional approach to creating chunks of JSX and templates. In my previous article on creating a tab component I created the components using the traditional way, usingReact.createClass() or ES6 Classes that extend React.Component.

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

The State of TypeScript Packages

As a module author and developer, I love TypeScript. It allows me to write, publish and consume 100% type-safe JavaScript. Features like autocompletion, type validation and ES6 features are now part of my typical workflow. However, one step in this development lifecycle has always been broken for me. I’ve published half a dozen modules on...
more...
No comment yet.
Scoop.it!

A quick introduction to explore how components can be created in several frameworks.

A quick introduction to explore how components can be created in several frameworks. | JavaScript for Line of Business Applications | Scoop.it

In this project I want to compare the usage and development of components in several frameworks. To test these frameworks I'll create multiple components from simple to complex to show the differences between these frameworks. I currently plan to look into the following frameworks:

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

Complex Components in Ember.js - Analyzing user flows

Complex Components in Ember.js - Analyzing user flows | JavaScript for Line of Business Applications | Scoop.it

We’ll go through the main UI flows and see how they are implemented via communication of the different layers of the component.

The way of upward communication from child components is calling these actions when appropriate.

We now have sufficient knowledge to follow the implemention of basic user flows, so let’s get into it.

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

Building a Speech Recognition app with Meteor framework

Building a Speech Recognition app with Meteor framework | JavaScript for Line of Business Applications | Scoop.it

In this post, I’m going to walk you through building your own Speech Recognition web app that uses many of the same technologies and techniques that my team did in building Ayni’s speech recognition tool. We’re going to work through:

 

  • Downloading & installing Meteor
  • Adding the necessary packages
  • Recording speech from your laptop microphone
  • Getting a transcript of the recording using the Haven OnDemand API

 

We’re going to focus on the most interesting aspect of the project: Getting a text transcript of you speaking to your microphone.

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

Ember.js - Goodbye MVC (Part 1)

Ember.js - Goodbye MVC (Part 1) | JavaScript for Line of Business Applications | Scoop.it

At EmberConf 2015, Yehuda Katz and Tom Dale announced the arrival of certain changes to Ember 2. Most notably, the routable components RFCattracted a lot of attention because of its proposal to deprecate and eventually remove controllers. Naturally, this was alarming to many existing Ember users, especially since Ember and Sproutcore have always been client-side MVC frameworks.

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

Create a GitHub File Explorer Using Vue.js

Create a GitHub File Explorer Using Vue.js | JavaScript for Line of Business Applications | Scoop.it
Vue.js makes everything easy. Creating seemingly complex applications becomes super simple and is something that can be done in much less time than previously. We will demonstrate this by creating a Github file explorer that will allow us to explore files in public Github repos. All the code for this post can be found on […]
more...
No comment yet.
Scoop.it!

Keeping Promises With JavaScript

Keeping Promises With JavaScript | JavaScript for Line of Business Applications | Scoop.it

Get out of callback hell with Promises. Promises are an exciting new feature in JavaScript that makes asynchronous methods much easier to manage.

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

Zero to Hero with Ember.js

Would you like help creating single-page applications (SPAs)? Maybe you've worked with tools like jQuery and AJAX, but what about Ember? With a simple syntax and an emphasis on reuse and components, this JavaScript framework can make it very easy to create interactive pages. 

Learn how to quickly get started creating applications with Ember. Walk through the basics of installation, explore the framework's architecture, work with Ember objects and collections, and explore with advanced concepts, like dependency injection. And wrap with a look at testing, security, and publishing. Don't miss this chance to see all of the programming goodness Ember has to offer, and get your questions answered!

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

Include External JavaScript Libraries In An Angular 2 TypeScript Project

Include External JavaScript Libraries In An Angular 2 TypeScript Project | JavaScript for Line of Business Applications | Scoop.it
Use external JavaScript libraries in a TypeScript Angular 2 project.  Declare components from external libraries and then use them as normal.
more...
No comment yet.
Scoop.it!

React.js with Isotope and Flux

React.js with Isotope and Flux | JavaScript for Line of Business Applications | Scoop.it
Learn how to integrate React.js and Isotope to create beautiful and interactive User Interfaces

Isotope will sort and filter to your heart’s content with initially loaded data, but if you want to load more data or reload data in the DOM, then Isotope is completely unaware of that new data (referring to React DOM updates and new DOM insertions/deletions). Also, frequently, the first set of props sent to child components is null or empty. The good news here is that you can still use the best of React with the best of Isotope.

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

Data Persistence and Sessions With React

Data Persistence and Sessions With React | JavaScript for Line of Business Applications | Scoop.it
Ensuring your application's users stay logged in and remembered by the app, despite Client or Server disconnections, is a crucial feature—which is easy to implement with React and Express.
more...
No comment yet.
Scoop.it!

Where Flux Went Wrong

Where Flux Went Wrong | JavaScript for Line of Business Applications | Scoop.it
Regain your sanity by pulling application state out of ReactJS components.

The real issue with its design is that application state (read: stuff from stores) must be applied to local component state. How does one go about testing a component given this architecture? Well, now that it’s coupled to one or more stores, you’ll have the added work of mocking stores and actions before you can properly determine what your component looks like at the end of it all (and don’t forget to check the store shape, too). Yes, the core problem with this pattern is the usage of this.state.

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

Getting Started with Relay

Getting Started with Relay | JavaScript for Line of Business Applications | Scoop.it

Relay is an open source framework from Facebook for declarative data interaction with GraphQL. It fills the data fetching gap that existed with React + Flux applications and allows developers to request exactly the data they need for each component. In this tutorial, we see how to set up a basic Relay application and how to protect GraphQL with JWT authentication.

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

catbee: High level framework based on Catberry, Baobab and Cerebral concepts

catbee: High level framework based on Catberry, Baobab and Cerebral concepts | JavaScript for Line of Business Applications | Scoop.it

Catbee is Catberry small brother (read as fork). Unlike the Catberry, Catbee use "Single State Tree" conception. All state mutations run in signals, and powered by AppState module.

With Boilerplate for ES6, YAML, CSSModules, PostCSS, Cached API Service, ESLint and Lab.

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

Angular 2 for React developers

Angular 2 for React developers | JavaScript for Line of Business Applications | Scoop.it

React has been on top of the world as of recently, for good reasons, it’s a fantastic approach to building modern web apps. This post is catered to those who are neck-deep in React and what to make an easy transition to Angular 2. This is angular 2 for react developers.

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

Building a cross-platform desktop app with NW.js, React & Flux

Building a cross-platform desktop app with NW.js, React & Flux | JavaScript for Line of Business Applications | Scoop.it
Finch helps web designers and developers test their development sites on multiple devices without the need for lengthy deployments or public staging servers.


Before we get in too deep let’s evaluate why we felt a desktop (as opposed to a command-line) app was needed:


  1. Simplicity: Finch should ‘just work’ for as many people as possible; the rich interface offered by a desktop versus command-line app gives us a better crack at making this happen
  2. Compatibility: Although Node.js and npm (both required to install the command-line app) are free, open-source and widely compatible, installation often proved troublesome for users less experienced with terminal interfaces
  3. Reach: A by-product of the previous factors; by making the entrypoint simpler and more accessible we’d hope to attract, and interest, a far broader audience.
more...
No comment yet.
Scoop.it!

overreact - Fullstack Boilerplate for React Redux Webpack Express

overreact - Fullstack Boilerplate for React Redux Webpack Express | JavaScript for Line of Business Applications | Scoop.it
overreact - Fullstack Boilerplate for React Redux Webpack Express
more...
No comment yet.
Scoop.it!

TypeScript Deep Dive

The definitive guide to TypeScript. Dive into all the details that a JavaScript developer needs to know to be a great TypeScript developer
more...
No comment yet.