JavaScript for Line of Business Applications
503.4K views | +11 today
Follow
 
Scoop.it!

AngularJS Tutorial: Learn to Build Modern Web Apps

AngularJS Tutorial: Learn to Build Modern Web Apps | JavaScript for Line of Business Applications | Scoop.it

This tutorial will guide you through the process of creating a full-stack application. It features step-by-step instructions on how to build a fantasy football application, code snippets of the full application, and explanations on design decisions.

Our intention is to provide the AngularJS community with instructions on how to use AngularJS correctly and effectively, but also in its most modern form. The application you are building will go beyond basic use of AngularJS, and we will attempt to explore as much of the framework as possible. We also feel strongly about maintaining modernity in a tutorial, so we will keep it congruent with AngularJS as the framework and community matures. This tutorial is built on top of AngularJS v1.2.0rc1.

The tutorial is a living thing, a work in progress. We are constantly extending the tutorial and making changes and corrections. If you find errata, think something should be changed, or would like to suggest an improvement or new section, we would love to hear from you.

Jan Hesse's insight:

What a great walkthrough! Highly recommended!

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!

What to use for React styling?

What to use for React styling? | JavaScript for Line of Business Applications | Scoop.it
High level overview of all the tools available for styling React components, and how they fit together. Covers PostCSS, Sass, BEM, CSS Modules, Autoprefixer, cssnext, and more.
more...
No comment yet.
Scoop.it!

React Elements vs React Components vs Component Backing Instances

React Elements vs React Components vs Component Backing Instances | JavaScript for Line of Business Applications | Scoop.it
Many of you have probably heard of Facebook’s React library and used it in your own work or projects. It’s extremely pop…
more...
No comment yet.
Scoop.it!

Webpack — The Confusing Parts

Webpack — The Confusing Parts | JavaScript for Line of Business Applications | Scoop.it
Webpack is the leading module bundler for React and Redux apps. I think folks using Angular 2 and other frameworks are a…
more...
No comment yet.
Scoop.it!

Web Components vs Iframes

Web Components vs Iframes | JavaScript for Line of Business Applications | Scoop.it
Iframes… Can’t live with them, can’t live without them. Is it just me or anyone else is also wondering why these guys are still being used even though the 90s are long gone? Well, believe it or not - no one has come up with a better alternative for embedding another HTML document into your page since Microsoft first introduced the tag in 1997. Not until recently, at least.
more...
No comment yet.
Scoop.it!

SAM - State | Action | Model

SAM - State | Action | Model | JavaScript for Line of Business Applications | Scoop.it

SAM is a new reactive/functional pattern that simplifies Front-End architectures by clearly separating the business logic from the view and, in particular, strictly decoupling back-end APIs from the Front-End. SAM is technology independent and as such can be used to build Web Apps or Native Apps. It is also protocol independent and can be implemented over HTTP, WebSockets...

SAM is unapologetically driven by simplicity and challenges the complexity of frameworks like Google's Angular or Facebook's React+JSX+Flux/Redux+Saga+Thunk+GraphQL+Relay. One of SAM's key goals is to enable everyone to build beautiful and engaging HTML5/CSS3/JavaScript Web Apps while retaining what makes React.js so unique:

  • Composition
  • Unidirectional data flow
  • Freedom from DSLs
  • Explicit mutation
  • Static mental model
more...
No comment yet.
Scoop.it!

Practical Intro to Monads in JavaScript

Practical Intro to Monads in JavaScript | JavaScript for Line of Business Applications | Scoop.it

In category theory, the concept of catamorphism (from Greek: κατά = downwards or according to; μορφή = form or shape) denotes the unique homomorphism from an initial algebra into some other algebra.

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

Step-By-Step OData 4 / TypeScript / AngularJs / CRUD Sample

Step-By-Step OData 4 / TypeScript / AngularJs / CRUD Sample | JavaScript for Line of Business Applications | Scoop.it
Combined with TypeScript and AngularJs, Odata 4 provides an important component in creating modern SPA (Single Page Applications) quickly and easily.
more...
No comment yet.
Scoop.it!

Rules For Structuring (Redux) Applications

Rules For Structuring (Redux) Applications | JavaScript for Line of Business Applications | Scoop.it

As our applications grow, we often find that file structure and organization to be crucial for the mainability of application code. What I want to do in this post is to present three organizational rules that I personally follow on my own projects.

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!

Understanding Ember.js Components

Understanding Ember.js Components | JavaScript for Line of Business Applications | Scoop.it
Web developers must work within the limits of the available HTML elements to build the foundations of their web projects.
more...
No comment yet.
Scoop.it!

Introducing React Storybook

Introducing React Storybook | JavaScript for Line of Business Applications | Scoop.it
With React Storybook, you can develop and design UI components outside your app in an isolated environment. It will chan…
more...
No comment yet.
Scoop.it!

React, Redux and Immutable.js: Ingredients for Efficient Web Applications

Unlike most front-end web frameworks, React's aim is to solve the various challenges of building user interfaces that rely on changing data. Although React is a simple JavaScript library and is easy to get started with, it is still possible to misuse it in ways that deny the web app from reaping the benefits that React has to offer. In this article, Toptal engineer Ivan Rogic demonstrates the synergy of React, Redux and Immutable.js, and shows how these libraries together can solve many performance issues that are often encountered in large web applications.
more...
No comment yet.
Scoop.it!

Build a Better Angular 2 Application with Redux and ngrx

Build a Better Angular 2 Application with Redux and ngrx | JavaScript for Line of Business Applications | Scoop.it

State management within Angular started out as a single celled organism if you will in the form of a single controller managing all the state for the application. If this is a single page application, one controller makes sense right? We emerged out of the ice age by starting to group our views and controllers into smaller, self-contained units either within a directive or a route. This was a vast improvement, but there was still the problem of managing complex state within our applications. It was not uncommon for us to have bits and pieces of state strewn across our application tucked inside of controllers, services, routes, directives, and occasionally, in our templates. Mutable state in itself is not inherently evil but shared mutable state is a recipe for disaster.

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

MERN — Easiest way to build isomorphic JavaScript apps using React and Redux.

MERN — Easiest way to build isomorphic JavaScript apps using React and Redux. | JavaScript for Line of Business Applications | Scoop.it
MERN is a scaffolding tool which makes it easy to build isomorphic apps using Mongo, Express, React and NodeJS. It minimizes the setup time and gets you up to speed using proven technologies.
more...
No comment yet.
Scoop.it!

High-performance Web Worker messages

High-performance Web Worker messages | JavaScript for Line of Business Applications | Scoop.it
In recent posts and talks, I've explored how Web Workers can vastly improve the responsiveness of a web application, by moving work off the UI thread and thereby reducing DOM-blocking. In this post, I'll delve a bit more deeply into the performance characteristics of postMessage(), which is the primary interface for communicating with Web Workers.…
more...
No comment yet.
Scoop.it!

Introduction to Functional Reactive Programming with RxJS

Introduction to Functional Reactive Programming with RxJS | JavaScript for Line of Business Applications | Scoop.it
Curious about functional reactive programming? Florian Rappl explains the concepts, working through several examples using the RxJS library.
more...
No comment yet.
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...
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.