 Your new post is loading...
Your new post is loading...
Scoop.it!
From
handyjs
Handy is a web application template for nodejs. 
No comment yet.
Sign up to comment
Scoop.it!
In this series I plan to build a mobile application using primarily web technologies (HTML5, js and css). I will be targeting iOS since those are the devices I have access to at the moment, but the application should be deployable to a number of platforms without major changes due to the technologies I will be using. Series Parts: * Building an iOS app with PhoneGap, Angular.js and the ionic framework
Scoop.it!
So you decided to learn SailsJS. Yay, a new framework! Crap, I don’t know anything! You’re excited and scared. It’s like having sex for the first time. Is there a book on this? There is.
Scoop.it!
If you're working with data you often end up a wanting dashboard- style view - a single page of independent but related widgets (tables, charts, etc) which facilitates an at-a-glace summary of the dataset you're working with. The difficulty here is that the web was designed as a document rendering system, whereas a dashboard requires something more akin to a component management system. And this bias is built into most common webservers, which require you to set up templates for each view and then inject variables into those templates. Which is fine if you only have one table per page, but things quickly becomes unmanageable if you're trying to manage multiple components - you find yourself replicating template markup all over the place and hacking together custom JS code to manage each component's state. Worse still, an individual component can't update itself in isolation - the only option is to re- render the entire page, with all the performance implications that entails; you can forget about real time updates for a start.
Scoop.it!
The robustness engrained into key parts of the web stack gets forgotten as we build more dynamic applications, users might not get anything when even a small problem occurs. React provides a straightforward means to creating adaptive-hybrid or isomorphic web applications which can inject robustness back into our projects.
Scoop.it!
Two-days. One-track. May 5-6 in New York City. All Javascript. We are back again! Bringing you speakers on cutting edge of Javascript: in the Browser, on the Server, with robots and hardware, and in ways we don’t even know yet!
Scoop.it!
Problem You have a collection of Post model objects displayed in a template and you want to be able to sort ascending or descending on one or more keys. Solution Create (or if you already have one: update) a PostsController that contains an action that do the actual sorting. This action called is when you click on an element in the template. For this element you create an Ember component that implements a click event handler and delegates the event to the controller. The main reason for creating a component for the sort element is that you want to update the state of the element with an appropriate icon (or color or whatever) indicating which key is used for sorting and if sorting happened in an ascending or descending order.
Scoop.it!
In my previous post Building an API in Node.js Using Hapi.js and Azure Table, we discussed about building an API in Node.js using Hapi.js as web development framework and Azure Table as the storage mechanism. This app has been updated with a Single Page Application (SPA) client, built with AngularJS.
Scoop.it!
From
billdami
A lightweight and versatile spin box component for ember.js applications. A spin box is a simple component for displaying a list of items that they user may choose from by spinning the list until the desired value is selected. The spin box can be controlled by the mouse scroll wheel and the arrow keys (when focused) on desktop, and via touch scrolling on touch-enabled devices.
Scoop.it!
From
github
react-rxjs-todomvc - TodoMVC implementation with React and RxJS
Scoop.it!
A talk I gave on Ember at AngleBrackets in Orlando in April, 2014.
Scoop.it!
Join us for the first ever EmberConf, in the fabulous Portland, OR! We'll be gathering 350+ of the top Ember developers from around the world and spending two full days deep-diving into the fundamentals, along with the latest and greatest. We're expecting the entire Core Team to attend, and a number of us will be giving talks, too. See you there!
Scoop.it!
From
spiegela
Navigation bars seem super simple. How many apps don’t have a navigation bar of some sort at the top? Nonetheless, I didn’t see any quick and easy guides to writing one for Ember, so I’ve elected to provide an option here. I’ve just whipped this together today, so please offer feedback. I’d really like to get some eyes on what I’ve done.
|
Scoop.it!
ngCordova is a set of AngularJS extensions on top of the Cordova API to make it easier to build, test, and deploy Cordova apps with AngularJS.
Jan Hesse's insight:
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.
Scoop.it!
Your application almost certainly uses some kind of data layer (whether it is Ember-Data, Emu, Ember-Model, Ember-Resource, or a solution you rolled yourself), but what do you do when you need to load some data asynchronously, when it isn’t quite important enough to be a model? For example, when a user edits her profile, you may allow her to choose from a list of countries. This can be a rather long list that you’d rather not hard-code into your application. But it also may feel like overkill to create full-fledged models for this seldom-used, read-only list of data. What can we do?
Scoop.it!
IndexedDB offers a powerful way to store and retrieve data in the browser. As with server-side databases, IndexedDB allows us to generate keys, search data, or sort it by a particular field. In this article, we’ll dig into the IndexedDB API by building a to-do list manager. But first, let’s look at some of the concepts around databases and IndexedDB. In a key-value object store, each record is a self-contained object. It may, but usually doesn’t have a relationship to records in another object store. Each record may even differ radically from other objects in the same store.
Scoop.it!
You've probably heard the talk around the water cooler about how promises are the future. All of the cool kids are using them, but you don't see what makes them so special. Can't you just use a callback? What's the big deal? In this article, we'll look at what promises are and how you can use them to write better JavaScript.
Scoop.it!
Object.observe(), part of a future ECMAScript standard, is a method for asynchronously observing changes to JavaScript objects...without the need for a separate library. It allows an observer to receive a time-ordered sequence of change records which describe the set of changes which took place to a set of observed objects. With Object.observe() you can implement two-way data-binding without the need for a framework. That’s not to say you shouldn’t use one. For large projects with complicated business logic, opinionated frameworks are invaluable and you should continue to use them. They simplify the orientation of new developers, require less code maintainance and impose patterns on how to achieve common tasks.
Scoop.it!
Explanations of the compile and link functions in an AngularJS directive don’t often come with examples. Let’s look at a directive named simple which appears in the following markup. What we want to focus on is how and when the various directive functions execute, as well as the arguments to the compile and linking functions.
Scoop.it!
Rivets.js is completely agnostic about your model / controller layer and works well with existing libraries that employ an event-driven model such as Backbone.js and Stapes.js. It ships with a built-in adapter for subscribing to plain JS objects using ES5 natives, however this can be replaced with a Watch.JS adapter or an Object.observe adapter. From the event handlers to the template delimiters, the attribute prefixes to the preloading of data. It's all configurable and tunable at the application level as well as locally to individual views.
Scoop.it!
Scoop.it!
The article explains JavaScript and jQuery Syntax, covering JavaScript functions, the jQuery object and event-driven programming.
Jan Hesse's insight:
beginners guide to fundamentals of JavaScript
Scoop.it!
20 AWESOME SPEAKERS THAT WILL BLOW YOUR MIND!
Scoop.it!
To make all the magic fairy-dust sprinkling efficient, like auto-updating templates and computed properties, Ember uses getters and setters instead of accessing properties directly the javascript (and dare I say, the Angular) way. At its most simplest form, it is object.get(property) and object.set(property). Howevers, it would not be Ember if we were not provided methods on top of these primitives to make our hard lives as web developers simpler. In the following post, I am going to show (some of) these methods through an example, so let’s go.
|
