background preloader

Learn

Facebook Twitter

The offline cookbook - JakeArchibald.com. When AppCache arrived on the scene it gave us a couple of patterns to make content work offline.

The offline cookbook - JakeArchibald.com

If those were the patterns you needed, congratulations, you won the AppCache lottery (the jackpot remains unclaimed), but the rest of us were left huddled in a corner rocking back & forth. With ServiceWorker (intro) we gave up trying to solve offline, and gave developers the moving parts to go solve it themselves. JavaScript and the Netflix User Interface. Web Development Alex Liu, Netflix In the two decades since its introduction, JavaScript has become the de facto official language of the Web.

JavaScript and the Netflix User Interface

JavaScript trumps every other language when it comes to the number of runtime environments in the wild. Nearly every consumer hardware device on the market today supports the language in some way. While this is done most commonly through the integration of a Web browser application, many devices now also support Web views natively as part of the operating system UI (user interface). Despite its humble beginnings as a language intended to be Java's "silly little brother,"4 JavaScript eventually became a key component in enabling the Web 2.0 evolution. With increasingly more application logic being shifted to the browser, developers have begun to push the boundaries of what JavaScript was originally intended for. Выразительный JavaScript: Проект «Электронная жизнь» Functional Programming in Javascript. This is an interactive learning course with exercises you fill out right in the browser.

Functional Programming in Javascript

If you just want to browse the content click the button below: This is a series of interactive exercises for learning Microsoft's Reactive Extensions (Rx) Library for Javascript. So why is the title "Functional Programming in Javascript"? Third Party JavaScript. Building faster pages with Web Workers. In recent years web pages and applications have been requiring the use of more, and increasingly complicated, JavaScript.

Building faster pages with Web Workers

Google Drive, for example, is a full blown desktop application which relies on JavaScript being responsive. Although JavaScript performance has improved, large, complex scripts can still slow browsers down, or even cause them to freeze. Preventing 'layout thrashing' Layout Thrashing occurs when JavaScript violently writes, then reads, from the DOM, multiple times causing document reflows. // Readvar h1 = element1.clientHeight; // Write (invalidates layout)element1.style.height = (h1 * 2) + 'px'; // Read (triggers layout)var h2 = element2.clientHeight; // Write (invalidates layout)element2.style.height = (h2 * 2) + 'px'; // Read (triggers layout)var h3 = element3.clientHeight; // Write (invalidates layout)element3.style.height = (h3 * 2) + 'px'; When the DOM is written to, layout is 'invalidated', and at some point needs to be reflowed.

Preventing 'layout thrashing'

Writing Modular JavaScript With AMD, CommonJS & ES Harmony. When we say an application is modular, we generally mean it's composed of a set of highly decoupled, distinct pieces of functionality stored in modules.

Writing Modular JavaScript With AMD, CommonJS & ES Harmony

Read JavaScript Allongé. Regular Expressions. Important Considerations When Building Single Page Web Apps. Single page web applications - or SPAs, as they are commonly referred to - are quickly becoming the de facto standard for web app development.

Important Considerations When Building Single Page Web Apps

The fact that a major part of the app runs inside a single web page makes it very interesting and appealing, and the accelerated growth of browser capabilities pushes us closer to the day, when all apps run entirely in the browser. Building Apps With the Yeoman Workflow. Trick question.

Building Apps With the Yeoman Workflow

It's not a thing. It's this guy: Basically, he wears a top hat, lives in your computer, and waits for you to tell him what kind of application you wish to create. Required JavaScript Reading. I'm asked regularly about books and online resources to get up to speed on JavaScript.

Required JavaScript Reading

Seems like everyone wants to get in on the JS action and with good reason; it's a great language to know if you're interested in exciting career opportunities. It's also pretty fun to play with. With JavaScript's increased popularity, the number of books, blogs and tutorials about the language have grown exponentially and while I can't possibly know all of them, I've found some gems which I really like and would like to share those with you. Books. Superhero.js. JSter Javascript Catalog. JSDB.io - The Database of JavaScript Libraries. JSwiki. Developer Network. From game jam to mobile and Firefox OS I love participating in game jams, where game developers get together to craft games in a very short amount of time.

Developer Network

I thought it would be cool to take one of my past Game Jam games, Metal vs Hipsters, and port it to the mobile web and Firefox OS. Adapting ... Web Push notifications from Irssi Our main communication tool at Mozilla is IRC. I’m running an IRC client called Irssi under screen on a server constantly connected to the network. ECMAScript. Toward Modern Web Apps with ECMAScript 6. ECMAScript, the official name for the language we all know as JavaScript, has enjoyed tremendous success over the last couple of years.

With convergent standard support, performance boosts from modern JavaScript engines, as well as its foray into the server-side stack, ECMAScript has gained significant traction and redefined the scope of HTML5 applications. The final requirement for world domination is the modernization of its syntax and run-time, which is coming in ECMAScript 6 and is the subject of this post. Mouse Events. Como perder peso (no browser) Working With IndexedDB. One of the more interesting developments in web standards lately is the Indexed Database (IndexedDB for short) specification. For a fun time you can read the spec yourself.

In this tutorial I'll be explaining this feature and hopefully giving you some inspiration to use this powerful feature yourself. Overview. Designing Better JavaScript APIs. Advertisement At some point or another, you will find yourself writing JavaScript code that exceeds the couple of lines from a jQuery plugin. Serving Static Files from Node.js. Posted: 5/6/2011 12:14 PM In the last post I showed you how to get started with Node.js on Windows. Easy, wasn’t it?