JavaScript

Facebook Twitter

Mibbu, HTML5 javascript game framework, canvas, DOM. Mibbu – Framework Javascript para Games. I had the pleasure of personally meeting Michal Budzynski at BrazilJS.

Mibbu – Framework Javascript para Games

Among many excellent lectures, Michal’s really opened the minds of many people. Games developed in Javascript have been around for a long time, as its showed Michal, but now increasingly it becomes a reality. Today I speak of a framework created by Michal, the Mibbu. Mibbu provides everything you need to create a game in Javascript quickly less than 2.5KB of code. One of the features that caught my attention in Mibbu was the option to create Games both using Canvas or DOM.

Tech. "3 Dreams of Black" is an interactive film by Chris Milk and some friends at Google that showcases the creative potential of WebGL.

Tech

WebGL is a context of the HTML5 canvas element that enables hardware-accelerated 3D graphics in the web browser without a plug-in. In other words, it enables your browser to show some really beautiful visuals. Mrdoob/three.js - GitHub.

Books

RegEx. Crockford on JavaScript: The Complete Series. The 11 JavaScript Mistakes you’re Making. A JavaScript Module Pattern. Eric Miraglia (@miraglia) is an engineering manager for the YUI project at Yahoo.

A JavaScript Module Pattern

Eric has been at Yahoo since 2003, working on projects ranging from Yahoo Sports to YUI. For the past several years, Eric and his colleagues on the YUI team have worked to establish YUI as the foundation for Yahoo’s frontend engineering work while open-sourcing the project and sharing it with the world under a liberal BSD license. Eric is an editor and frequent contributor to YUIBlog; his personal blog is at ericmiraglia.com. Prior to working at Yahoo, Eric taught writing at Stanford and elsewhere and led frontend engineering teams at several startups.

Global variables are evil. JavaScript Garden. Although JavaScript deals fine with the syntax of two matching curly braces for blocks, it does not support block scope; hence, all that is left in the language is function scope. function test() { // a scope for(var i = 0; i < 10; i++) { // not a scope // count } console.log(i); // 10} There are also no distinct namespaces in JavaScript, which means that everything gets defined in one globally shared namespace.

JavaScript Garden

Each time a variable is referenced, JavaScript will traverse upwards through all the scopes until it finds it. Processing.js. Demos below! As a sort-of reverse birthday present I’ve decided to release one of my largest projects, in recent memory. This is the project that I’ve been alluding to for quite some time now: I’ve ported the Processing visualization language to JavaScript, using the Canvas element.

I’ve been working on this project, off-and-on now, for the past 7 months – it’s been a fun, and quite rewarding, challenge. The full scope of the project can be broken down into two portions: JSLint,The JavaScript Code Quality Tool. Learning JavaScript. Do you want to learn JavaScript from the experts?

Learning JavaScript

You don’t have to pay over $1000 in conference fees to learn from the best JavaScript developers. Here is large collection of video and slide presentations given by Douglas Crockford, senior JavaScript Architect at Yahoo! , John Resig, lead developer or jQuery, and a great many other JavaScript developers. VideosThe JavaScript Programming Language, part 2, 3, 4JavaScript – The Good StuffAn Inconvenient API – The Theory of the DOM, part 2, 3Advanced JavaScript, part 2, 3Software QualityAdvancing JavaScript with Libraries, part 2Best Practices in JavaScript Library DesignHigh-Performance JavaScript – Why everything You’ve Been Taught is WrongMaintainable JavaScript SlidesBuilding a JavaScript LibraryMetaprogramming JavaScript PresentationCSS + JavaScript tipsHow To Bluff Your Way in DOM ScriptingThe Behaviour Layer – Using JavaScript for Good, not EvilJavaScript 2 and the Future of the WebJavaScript Boot Camp Tutorial.