Javascript Territory - Jster Javascript Catalog Microjs: Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit! Superheroic JavaScript MVW Framework Scalable JavaScript Design Patterns Introduction Welcome to the resource page for my talk on Scalable JavaScript Design Patterns last presented at Web Directions (South). It's an extended version of the talk I gave at Fronteers and includes more information about a highly-decoupled architecture for building large applications I've been discussing recently. This version of the talk also covered live code demos of 'Aura', a framework based on some of the ideas in the presentation (see lower down for some code examples). Many of the concepts presented build upon previous work by Nicholas Zakas. I'm a firm believer in lowering the barrier of entry to (sometimes) complex concepts in JavaScript; this is one reason why the theme of my slides is 'Star Wars' and some of the initial concepts behind the design patterns used are explained through Star Wars metaphors. Notes In this talk, which expands on my earlier article, I describe a JavaScript application architecture that: Aura Code Samples todo-entry.js todo-counter.js Definitely.
Introduction to RequireJS In this tutorial we are going to take a look at RequireJS, an AMD compatible asynchronous script loader that is incredibly powerful. In my experiments with RequireJS I've hugely enjoyed working with it and will be using it heavily in my future development. This is a fairly heavy post as far as complexity goes, but please do stick with it. I struggled to get my head around RequireJS and AMD for a long time but once it "clicks" it is really awesome. The basic use case for RequireJS is as a basic script loader, but in this tutorial I wont concentrate on that, but on its uses for modular development. RequireJS implements the AMD (Asynchronous Module Definition) spec, which means we can write our own modules and load them with RequireJS, allowing it to manage dependencies for us. To do this, we are going to build an app (sort of - it's all very basic snippets of code) that has dependencies. Firstly, create your project directory and the structure within. That line means whenever I do:
Creating a bookmarklet with easyXDM | easyXDM Bookmarklets has been common for a long time and are quite easy to make. But one thing that you often see when examining the code behind bookmarklets are that most of the code is just to facilitate simple cross domain communication back to the whatever service the bookmarklet supports. Following is a sample bookmarklet with support for full RPC and XHR between the page its being applied to and the supporting backend. If you want to, save the above link as a bookmark, navigate to any page on the internet, and hit the bookmark Set up the provider as usual, one example is the xhr provider The bookmark code or as it would look like in a link The main code (bookmark.js) This code does not require any files to be uploaded to the ‘consumer’.
11 Multi-touch and Touch events Javascript libraries Touch screen devices are ruling the mobile platform nowadays. Most of the smart phones have it, tablet and based on the trend, it's slowly come to our desktop as well. To develop a touch screen compatible web applications or website, you can use the existing touch events of the browsers or the platforms. There are two ways to create a touch support app - native or using the web development technologies (HTML, CSS, Javascript). QUO JS Events: Touch, Tap, Double tap, Hold, Fingers, Swipe, Swipe Up, Swipe Right, Swipe Down, Swipe Left, DragOther features: Built-in jQuery-like methods. JavaScriptMVC Yeoman - Modern workflows for modern webapps