An open e-book about HTML5 and CSS3 for absolute beginners
JavaScript for Line of Business Applications
606.5K views |
+2 today
Keeping track of current JavaScript Frameworks that help design your clientside Business Logic Layers.
Curated by
Jan Hesse
 Your new post is loading...
Your new post is loading...
Scoop.it!
Before you know it your site is growing in complexity and your JavaScript files are quickly becoming extremely hard to manage, let alone make performant. Thankfully these days we have a handful of tools to help with this situation. Let’s examine RequireJS in an attempt to decide if it’s for you… or not. 
Scoop.it!
Unit testing is an essential part of software engineering. Tests provide living documentation of expected behaviors, prevent regressions, and facilitate refactoring. Web applications benefit from testing as much as any other kind of software. In recent years there’s been a proliferation of JavaScript frameworks and testing tools. Piecing together a combination of tools that works well can be daunting. We useReact.js components in CycleDash, so in this post I’ll describe our usage of Mocha for testing React with JSX and ECMAScript 6 (Harmony).
Scoop.it!
I have been working and evaluating popular JavaScript frameworks such as AngularJS, Polymer, Ember and also emerging WebComponents for quite some time. In this blog post I will show advantages of React way of building scalable and well performing web applications with taste of functional programming. In this tutorial we will introduce basics of ClojureScript as well and show how React plays nicely with ClojureScript through one of its wrappers called Reagent. Working app is included as well.
Scoop.it!
One feature of the current JavaScript language standard, ECMAScript 5, that hasn't gotten nearly enough attention is the Object.defineProperty() function. This function is what makes modules like mongoose possible. If you've never used Object.defineProperty() before, here's a simple use case: suppose you wanted to be able to increment and decrement a JavaScript date's month property using the ++ and --operators.
Scoop.it!
From
wl3
It allows you to write your app in React's Component structure, but instead of rendering DOM elements, it renders iOS (and eventually Android) native elements. Instead of <div>'s and <span>'s, you're writing <View> and <Text> elements. This article is about using DOM based React components within a React Native app. It's kind of a funky idea, but it's not all that hard to pull off. So, I hope it helps generate some new ideas.
Scoop.it!
Let's talk about the setup first. ES6 is great and after much time reading about it and listening various presentations on it I have decided to roll up my sleeves and give it a go. This has resulted in a great application for a project I was working on and it also served as a good practice to get up and running with ES6.
Scoop.it!
Ever wonder what kind of magic is required to make ES6 generators work in ES5? Today we will find out, and learn a lot about generators along the way. You might have heard of the importance of writing “non-blocking” javascript. When we do an I/O operation, like make an HTTP request or write to a database, we generally want to use something like callbacks or promises. Performing a “blocking” operation would cause the entire program to freeze, which in most cases is not a viable option. Imagine if all of your users had to sit and wait any time someone else wanted to interact with the system.
Scoop.it!
Sift Science has been using React in production for almost a year now. In that time, we grew our application from a Backbone + React frankenstein hybrid app into one fairly large hierarchy of React components.
Scoop.it!
From
vorlonjs
An open source, extensible, platform-agnostic tool for remotely debugging and testing your JavaScript. Powered by node.js and socket.io.
Scoop.it!
In my experience, I've found that the best pieces of code I've ever used tend to follow the UNIX philosophy of doing one thing very well. Having that kind of focused approach to front-end modules typically isn't the case. Instead, we often develop solutions that are only useful in our specific use. For example, we may put together an entrenched AngularJS directive that uses other directives or relies on data-binding provided by Angular. What's worse, most often we don't just limit ourselves to the scope of the libraries we're currently using, but to the specific scope of the one project we're working on. This means that now our library can't be extricated from that database without considerable work.
Scoop.it!
AGENDA
Scoop.it!
AngularJS Tutorial for beginners - Learn AngularJS in simple and easy steps starting from Overview, Environment Setup, MVC Architecture, First Application, Directives, Expressions, Conrollers, Filters, Tables, HTML DOM, Modules, Forms, includes, Ajax, Views, Scope, Services, Dependency Injection, Custom Directives, Internalization
|
Scoop.it!
In this article Christian Johansen gives you an example of how immutability can be used with React, the well-known library developed by Facebook.
Scoop.it!
In this post we will look at how we can embrace promises to lead to much nicer code when working asynchronously with JavaScript. This post is not a full, in-depth exploration of Promises. Throughout this post I will be working using the es6-promise library, a polyfill for the native Promise implementation that will exist in ECMAScript 6.
Scoop.it!
There is plenty of documentation on the Ionic framework, along with plenty of guides to AngularJS (which Ionic currently requires for its JS components). Thanks to this and a simple SDK, it is easy to get a quick prototype completed. However, when learning how to develop with Ionic, there were a bunch of little things which I was still uncertain about how to approach correctly. Often the info existed somewhere but it took a bit of hunting around the web (or trialling a few solutions) to uncover. In this article, I wanted to provide an overview of some of the most useful things I uncovered, in the hope that it helps new developers get their own apps up and running faster.
Scoop.it!
Welcome to ES6 In Depth! In this new weekly series, we’ll be exploring ECMAScript 6, the upcoming new edition of the JavaScript language. ES6 contains many new language features that will make JS more powerful and expressive, and we’ll visit them one by one in weeks to come. But before we start in on the details, maybe it’s worth taking a minute to talk about what ES6 is and what you can expect.
Scoop.it!
If you’re reasonably up-to-date with front-end app development then there’s a good chance you’ve heard the buzz flying around about ECMAScript 6.
Scoop.it!
Baobab gives you the same “one way flow” of state in FLUX, only it reduces a lot of the complexity. The point is that your components never mutate the tree and the actions never return state from the tree. Any change to state is done through an action which changes the tree, which notifies about the change to any components listening to that part of the tree. Baobab handles this very well and it integrates very well with React. First of all we have to get a notion of what we are trying to solve. Even though Baobab up until version 1.0 gave us a great concept for handling state it was challenging to handle “shared data”. Let me explain.
Scoop.it!
Your customer is a company run by crazy squirrels. Squirrelzon has seen huge success lately because of the adrenaline kicks their customers get during the shopping process. Every second the price for random products change their price. This could mean a raise by a certain amount, a percentual change or even bulk discounts. All of your JQuery obsessed coworkers deemed the task impossible and you’re the last remaining hope.
Scoop.it!
Put JavaScript, HTML5, CSS, & the latest web tools to work. Fluent is for everyone who has a hand in web development, from front-end to back-end and everythi...
Scoop.it!
Today I had to solve a problem where components needed to be rendered on a page dynamically, initially I thought of using Partials for this rather than components, but since each panel needed to have its own isolated functionality this wouldn't have been a very good fit. This kind of functionality is exactly what components are for after all! Luckily, in Ember version 1.11.0 we have access to the {{component}} helper which lets us render components dynamically by name, which just so happens is exactly what I need.
Scoop.it!
In this post, we'll touch on the benefits of integrating React with Backbone, by looking at one way to structure a project that uses them together. We’ll talk more about screens in a moment. For now, let’s take a look at the how a request will flow through the application, starting from the macro level.
Scoop.it!
Put JavaScript, HTML5, CSS, & the latest web tools to work.
Scoop.it!
ng-conf is a two day, single track conference focused on delivering the highest quality training in the Angular JavaScript framework. 500 to 700 Developers from across the country will converge on beautiful Salt Lake City, UT to participate in training sessions by the Google Angular team, and other Angular experts. In addition to the invaluable training, ng-conf will deliver a premier conference experience for attendees, providing opportunities to network with other developers, relax at social events, and engage in some of the unique entertainment opportunities available in Utah.
|
