JavaScript for Line of Business Applications

As a performant view layer Ractive lets you decide how and by using which of the available "frameworks" you're gonna control backend logic. And as a "non-frameworky framework" AmpersandJS is an ideal choice to utilize only certain parts of a (probably) much bigger machinery to solve discrete problems.

Find out why isomorphic apps might just give us the best of both worlds: using JavaScript in both places, and delivering to the user a good experience by sending down something they can see quickly and then building on that with client-side JavaScript.

Authentication is one of the big parts of every application. Security is always something that is changing and evolving.

We’ll build a quick API using Node and Express and we’ll be using POSTman to test it.

The main workflow of this is that we will:

1. Have unprotected and protected routes
2. A user will authenticate by passing in a name and a password and get back a token
3. The user will store this token on their client-side and send it for every request
4. We will validate this token, and if all is good, pass back information in JSON format

As discussed above JavaScript supports both OOP and FP. It also turns out that it is very easy to add support for AOP to JavaScript by writing a simple library. JavaScript allows to easily redefine methods, add properties to objects during execution time, and also functions are objects in JavaScript. As a result a full-fledged Aspect Oriented Framework in JavaScript is only about 150 lines long as you will shortly see.

Our library will support the following:

• Aspect – just functions, as almost everything in JavaScript is a function
• Advice – “before” before method, “after” after method, “afterThrowing” when an exception is thrown, “afterReturning” just before returning a value from a function, “around” at the moment of function execution
• Pointcut – “methods” all the methods of an object, “prototypeMethods” all the methods defined on the prototype of an object, “method” only a single method of an object

In this last part of our AngularJS and Web API series, we will perform Insert/Update/Delete operations in our Project Tracking Website by using of AngularJS Services and Controllers

Before starting with our article, we will first recap what we have covered so far in this series:

• Brief introduction to AngularJS - a brief overview of why do we need AngularJS, what is AngularJS and an example of using AngularJS
• Creating REST Service using ASP.NET Web API 
• Working with AngularJS Controller - how to use controllers in AngularJS
• Working with AngularJS Views and Directives - designing Views and extending HTML by using AngularJS built-in directives
• Working with AngularJS Services - design the AngularJS services which will make use of ASP.NET Web APIs to fetch the data and use them in our application
• Introduction to AngularJS Routing - configure routing service in AngularJS to render different views as per requests

If you’ve ever used AngularJS, you’ll know that it has a pretty cool built-in testing setup - Karma for unit testing, and Protractor for end-to-end testing. I love Protractor, but recently ran into issues when trying to use it for a non-Angular project. Here’s how to get it working.

If you’ve not encountered end-to-end testing before, you’re in for a treat. Unlike unit testing, which is designed to validate very small components, an end-to-end test can be used to simulate how a user will actually interact with your website. We can make it go to a page, click a link, check the right page gets loaded, give it some input, check it displays the correct output - whatever you want, really. Used in conjunction with other forms of testing, it gives us a really useful look at how our site’s working, and is great for helping us catch any sneaky regressions.

However, once you start creating a bigger app, you realize that just using React isn’t enough. So you start looking at Flux, which is the architecture Facebook uses to create React apps.

As we learned in a previous blog post, learning how to conduct authentication in a Single Page App can get super complex. We had to learn about tokens, JWTs and how to integrate them with SPAs. Learning how to do it with Flux is even harder! That’s why in this blogpost we’ll learn how to add authentication to a React Flux app.

Want to maximize the performance of your modern websites and apps with JavaScript and HTML5?

This tutorial helps to jump in React.js with ES6 for newcomers and cover the basics like: components, virtual DOM, JSX, testing, Webpack and Babel....

In this three-part blog series React.js tutorial I am going to explain these concepts and give a recommendation on what to use and how. We will cover ideas and technologies like:

• ES6 React
• virtual DOM
• Component-driven development
• Immutability
• Top-down rendering
• Rendering path and optimization
• Common tools/libs for bundling, ES6, request making, debugging, routing, etc.
• Isomorphic React

Regardless of your experience with React, or even with iOS development, my hope is that this series will be beneficial to everyone who is starting out with React Native. We'll jump straight into developing with React Native by looking first at the ecosystem of building React Native apps - including Xcode, the iPhone simulator, live reload, debugging, and more. Once we get our ecosystem set up and our hello world example running, we'll jump straight into building a fully functioning iPhone app which utilizes many of the best parts of developing with React Native all while covering React.js and ES6 fundamentals along the way.

Model View Controller MVC is a software architecture pattern, used to implement user interfaces: it is therefore a popular choice for architecting web apps.

In general, it separates out the application logic into three separate parts, promoting modularity and ease of collaboration and reuse. It also makes applications more flexible and welcoming to iterations.

The Flexbox Layout officially called CSS Flexible Box Layout Module is new layout module in CSS3 made to improve the items align, directions and order in the container even when they are with dynamic or even unknown size. The prime characteristic of the flex container is the ability to modify the width or height of its children to fill the available space in the best possible way on different screen sizes.

Many designers and developers find this flexbox layout easier to use, as positioning of the elements is simpler thus more complex layouts can be achieved with less code, leading to simpler development process. Flexbox layout algorithm is direction based unlike the block or inline layout which are vertically and horizontally based. This flexbox layout should be used for small application components, while new CSS Grid Layout Module is emerging to handle the large scale layouts.

Rather that explaining how the flex properties work, this guide will focus on how the flex properties affect the layout in a visual way.

A library providing an abstraction for React components that allows for fast top-down rendering embracing immutable data for js.

Do fast top-down rendering embracing immutable data. With cursors into immutable data structures, components can easily swap their own piece of data inside the larger immutable data structure only to render components that actually have changed their data layer.