JavaScript for Line of Business Applications

Aurelio de Rosa shows the basics of what the React front-end JavaScript framework is, how it's different and how to build a simple example application.

2015 is lining up to be the year of React. Lately, it has garnered a lot of attention, for front-end, mobile and server side JavaScript development. React seemed to pick up steam last year but its popularity is growing day after day, in part thanks to the success of the React.js Conf that took place in January. If all the buzz has made you curious about React, this article give you an overview of the library. We’ll also discuss its strengths and why you might want to learn more about it.

This is the eleventh in a series of posts on AngularJS where we are using Chemistry data from the periodic table to help us understand the framework. 

This blog series on AngularJS has been going on for a while, since October 2013 to be exact. In that time, AngularJS has changed and best practices have emerged. I thought it would be worth taking a look at the current state of best practices and refactoring some of the code we have been working on to reflect that.

Contents:

AngularJS - Introduction
AngularJS - Introducing AngularJS Controllers
AngularJS - Introducing NG-Repeat
AngularJS - More with NG-Repeat
AngularJS - Image Binding
AngularJS - Introducing Templates
AngularJS - Introducing Routing
AngularJS - Introduction to Services
AngularJS - Introduction to Directives
AngularJS - Further with Directives
AngularJS - Best Practices

One of the big “WTF” hurdles for apprentice JavaScript developers, that come from languages that mostly embrace synchronous and blocking IO APIs like Java or PHP is to get into thinking asynchronously about everything IO related in JavaScript with its event loop construct.

It is actually one of the cool things about JavaScript and why NodeJS on the server got so much attention in the beginning, so it is something anyone at least half serious about learning JS should learn about.

In order to gain hands-on experiences with functional programming, I wrote an HTML5 card game with Om, a “JavaScript MVC” written in ClojureScript.
This first post starts our journey travelling down the Clojure rabbit hole. I'll share my experiences getting started with Clojure, introduce the language's features and explain why its LISP syntax is a logical consequence of its deep infatuation with simplicity.

Class creation, custom events, and data methods. That's all it does. Even a lightweight framework like Backbonehas more than 75 methods, Stapes has just 20.

React is a great library for many reasons. However, the first thing that anyone coming from Angular sees is the lack of two way binding by default. This is one of the reason why many developers don’t want to try it.

Even though two way binding is a cool feature, it is not actually needed by most applications. Yet, there are cases when it can be very useful.

Today, I will show you one such real life application which I use almost daily. Without two way binding this app will be a nightmare to develop.

he combination of client and server rendering is known as Isomorphic JavaScript. Isomorphic JavaScript is one of those fancy sounding computer science terms. Isomorphic means the application uses the same rendering engine on the client and the server, thus making it easier for developers to maintain markup templates.

Modern web application development is about building rich user experiences utilizing the new APIs and performance offered by today's modern browsers. Traditional web sites are rendered on the server, binding data with markup to produce a finished product. The finished product is shipped to the browser, which then renders the page as it loads CSS, images and any other asset designated in the markup and CSS.

Ben Nadel looks at using the ngRepeat directive, in AngularJS, to animate changes in a single item outside the context of a typical collection.

Promises allow us to control commands that are executing at the same time or spontaneously. This control is codified and formatted in a way that humans can better read and understand. However, you probably still think of promises as a list of commands, but they're actually pieces of data representing an action. I'll show you how using a real world use of JavaScript promises that takes a list of resolutions I would like to screenshot and transform them into promised actions.

QUnit’s setup is fairly simple and is easy to use. To get started, I will be using a simple boilerplate webpage. Notice that the two files required for QUnit (qunit-x.js and qunit-x.css) are included in the page source. Additionally, I have some inline JavaScript for which QUnit tests will be written. home.html Within tests.js, I …

In recent years there has been a focused concept to make the web more modular. This forces for developers to write more efficient code and not write sites and applications where every piece of code depends on other pieces. The idea of small independent chunks of code and functionality has been working quite well for back-end systems and client side dynamic scripts, so naturally some developers started creating small pieces of modular code for HTML elements. AngularJS was an early adopter of the component paradigm with directives, and other libraries like KnockoutJS make creating and using web components a breeze.