 Your new post is loading...
Your new post is loading...
Scoop.it!
The Strategy Pattern will be our weapon of choice for tackling the problem above. So what is the Strategy Pattern, you may ask? Essentially it is a way to evaluate an input at runtime and execute predefined code based off of that input. This is JavaScript, a dynamic language so we won't have to go the full polymorphic, implenting interfaces like in C# to use this pattern. As an aside, you could actually do it that way in JavaScript if you'd like. 
No comment yet.
Sign up to comment
Scoop.it!
Flux is probably better explained by explaining its individual components:
Lets take a look at what this process looks like graphically:
Scoop.it!
I'm trying to learn how React.js works. I have a website project that I want to apply it to, but that's already wrapped up with too many other different technologies and I want to understand how R...
Scoop.it!
With frontend development moving as fast as it does at Bitly, things can get pretty messy. We found ourselves with piles of unmanaged script tags and little indication of what was still being used in the app’s current iteration. There had to be a better way! Enter Browserify!
Scoop.it!
Contents:
Scoop.it!
React JS and Flux go together pretty well, as it was architected that way, but they’re by no means dependent upon one another. As a result, I’m going to split this article up into the React JS piece, which will go over how to create views and best practices, followed by a detailed look into how I’m getting data out of my mocked server API via Flux. I’ve put a demo of the todo application in action, but prepare to be disappointed, as it’s really very straightforward.
Scoop.it!
In this post, I would like to explain Part 1 - How to setup AngularJS in MVC4 application. This is our First Post about AngularJS. Here I have explained a little about AngularJS and What we will learn in this section part by part. In this part (Part 1) I am going to explain how to setup AngularJS in MVC4 application.
Jan Hesse's insight:
Scoop.it!
Before jumping into the first official ES6 feature (that’s coming in the next post) I wanted to write a step-by-step walkthrough that covers how to get the Traceur and 6To5 transpilers working with Gulp (a JavaScript task runner). I’m also going to sneak in a little TypeScript as well since it’s another option. By getting these tools in place you can start writing ES6 code, convert/transpile it to ES5, and then use the generated code in older browsers. Going that route lets you take advantage of the future of JavaScript right now without having to wait around until all of the browsers fully support ES6.
Scoop.it!
Getting started with hapi 8: request lifecycle, plugins and server methods...
Scoop.it!
This is an updated version of my "Add more fun to your functional programming with RXJS". It includes a bit more background information on Reactive programming. Observables What to events and async functions have in common?
Scoop.it!
This article explains how to efficiently, and effectively, bind events using jQuery. If you've used jQuery much at all, then you're probably already familiar with event binding. It's fairly basic stuff, but dig a little deeper and you'll find opportunities to make your event-driven code less brittle and more manageable.
Scoop.it!
How to Stop Micromanaging Everything Over the course of the next few years, the way we code is going to change in radical ways, pushing us in a fundamentally different direction than the one we’ve been sprinting for the past 30 years or so. These changes will lead to many important breakthroughs in programming techniques, processes, application scalability, and quality controls.
Scoop.it!
This article is for developers, who're already familiar with Meteor, and faced the problem of implementing two-factor authentication. Further you'll find whole logic and code for its implementation. No pictures, but lots of code. In my case, the second factor is code, sent by SMS via Twilio service. But you can swap the second factor for your own after you get in touch with the further code.
|
Scoop.it!
Separation of concerns has its own tradeoffs. A lot of people doesn’t seem to understand this; they tend to use Controller for everything. Even library authors instruct that way. Although library authors are not to be blamed, it seemed to have been applied in practice by everybody, and that’s not awesome.
Scoop.it!
Scoop.it!
A seamless C++ programming experience for the Web. Use cheerp to write your Web applications in fully type-safe C++ code, make use of uncountable existing libraries, leverage your existing knowledge, reuse your code, improve your productivity. Cheerp generates optimized JavaScript code that is compatible with any browser, on any platform. Let the compiler spot errors for you at compile time, instead of hunting them at run-time. Port existing applications or write new ones, all in C++ Cheerp is based on the proven and robust LLVM stack and fully compatible with almost all C and C++11 code. If you want to take advantage of transparent RPC support, you just need to add some tags to tell cheerp if you want your methods compiled for the server or for the client. Everything else (including client to server remote procedure calls, serialization and deserialization, etc.) will work automagically!
Scoop.it!
Scoop.it!
A few months ago Jake Archibald wrote an article about the awesomeness of the asyncfunctions in ES7 and how we can “emulate” them using ES6’s generators, using his spawn function, which has subset of the features of co. In this blog post we’ll take a look at standard ways of handling asynchronous calls and how we can improve the readability of our code using generators. We’ll also take a further look at the implementation of spawn, since there are few tricky moments there.
Scoop.it!
Meteor.js is a cohesive development platform, a collection of libraries and packages that are bound together in a tidy way to make web development easier. It builds on ideas from previous frameworks and libraries to offer an easy way to start a prototype app, but it gives you the tools and flexibility to build a full fledged production app. There are libraries like Tracker and Blaze that the Meteor Development Group has built specifically for a reactive front-end experience.
Scoop.it!
I built my App using Ionic Framework, which is based on AngularJS, but these lessons should apply to other frameworks too. Angular has built-in support for animations, and Ionic comes with some default transitions for sliding pages left and right. I used that, and added a Javascript animation for the “Hero” element. It extracts the element from the card and positions it so it’s in the same place on screen, then animates it to it’s new location before removing it. The corresponding element in the details page is initially hidden during the animation, and revealed at the end so it appears to be the same element. Google’s success at making the OS available at lower price points means that many users have devices with relatively limited performance. Giving those users a good experience is vital. Here are some lessons I’ve learned while optimising my App to look good on older or slower devices.
Scoop.it!
If you’re building things for the web, love JavaScript and haven’t yet discovered hapi.js, you’re missing out. Billed as “a rich framework for building applications and services”, what you’ll find is a feature-rich, battle-tested and rapidly evolving foundation upon which to build your web application.
Scoop.it!
The Flux architecture allows you to think your application as an unidirectional flow of data, this module aims to facilitate the use of RxJS Observable as basis for defining the relations between the different entities composing your application.
Scoop.it!
In this article I’m going to show you that by using the MEAN stack, building create, read, update and delete (CRUD)-heavy applications can be fast and easy. I’m going to assume you have a basic conceptual understanding of AngularJS (angularjs.org), Node.js (nodejs.org), MongoDB (mongodb.org) and Express (expressjs.com).
Scoop.it!
In this first tutorial, we'll learn how to build a Socket.IO library for AngularJS to help improve the responsiveness of your web application's user-interface. | Difficulty: Intermediate; Length: Medium; Tags: JavaScript, AngularJS, Web App, Web Development
Scoop.it!
* Composition
|
