background preloader

Javascript

Facebook Twitter

Universal react

JavaScript web apps considered valuable · molily. Recalling best practices for web applications that make heavy use of client-side JavaScript.

JavaScript web apps considered valuable · molily

It seems to me that the JavaScript community is stuck in a time warp. We’re having the same discussions about JavaScript-driven web applications we already had in 2006, when “Ajax” appeared, and in 2012, when JavaScript “single-page apps” became popular. It’s great to continue discussions as long as we stand on the shoulders of giants and try to improve what is already the best practice. A recent rant by Stefan Tilkov is called “Why I hate your Single Page App”.

It throws the knowledge overboard that we gathered in previous discussions.

Bundler

Frameworks / libs. Isomorphic JavaScript: The Future of Web Apps. By Spike Brehm This post has been cross-posted on VentureBeat.

Isomorphic JavaScript: The Future of Web Apps

At Airbnb, we’ve learned a lot over the past few years while building rich web experiences. We dove into the single-page app world in 2011 with our mobile web site, and have since launched Wish Lists and our newly-redesigned search page, among others. Each of these is a large JavaScript app, meaning that the bulk of the code runs in the browser in order to support a more modern, interactive experience. This approach is commonplace today, and libraries like Backbone.js, Ember.js, and Angular.js have made it easier for developers to build these rich JavaScript apps. Deploying JavaScript Applications - Alex Sexton. Preface: Nothing in this post is necessarily new, or even anything I thought of first (save for a name or two).

Deploying JavaScript Applications - Alex Sexton

However, I’m writing it because I’d like to start building some consistency and naming conventions around a few of the techniques that I am using (and are becoming more common), as well as document some processes that I find helpful. Much of this comes from my experience deploying applications at Bazaarvoice as a large third party vendor, and should probably be tailored to your specific environment. I’m sure someone does the opposite of me in each step of this with good results. Learn JavaScript: — JavaScript Scene. There are so many JavaScript resources available out there, it’s hard to understand how much of it overlaps and how much is redundant.

Learn JavaScript: — JavaScript Scene

Not to mention the process of weeding out bad information. The fact is, most JavaScript training sucks. There are many possible paths, several good paths, but few great paths. Closure Tools. What is the Closure Compiler?

Closure Tools

The Closure Compiler is a tool for making JavaScript download and run faster. Lazy Loading Asyncronous Javascript – Friendly Bit. Like many of you might know, I’m working on a site called Kundo with a couple of friends.

Lazy Loading Asyncronous Javascript – Friendly Bit

It’s kinda like a Swedish version of Getsatisfaction, which means we have a javascript snippet that people add to their site to get feedback functionality. Cut-and-paste instead of writing the code yourself. Simple. The problem is, how do you load an external javascript with minimal impact on your customer’s sites? Here are my requirements: Small. Note: I did not make all of this up myself. Script tag While being the stand-alone, cross-browser, and the shortest piece of code possible; it doesn’t download asynchronously and doesn’t lazy load. Screenshot from Firebug’s net console: The script (set to load in 2 seconds) blocks the download of the big image (added after the above script tag, and used throughout this article as a test). 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.

A/B Testing Netflix.com. ECMAScript 5 compatibility table. YouTube Player API Reference for iframe Embeds - YouTube. The IFrame player API lets you embed a YouTube video player on your website and control the player using JavaScript.

YouTube Player API Reference for iframe Embeds - YouTube

Unlike the Flash and JavaScript player APIs, which both involve embedding a Flash object on your web page, the IFrame API posts content to an <iframe> tag on your page. This approach provides more flexibility than the previously available APIs since it allows YouTube to serve an HTML5 player rather than a Flash player for mobile devices that do not support Flash. Using the API's JavaScript functions, you can queue videos for playback; play, pause, or stop those videos; adjust the player volume; or retrieve information about the video being played. You can also add event listeners that will execute in response to certain player events, such as a player state change or a video playback quality change.

This guide explains how to use the IFrame API. Requirements The user's browser must support the HTML5 postMessage feature. Placehold.it - Quick and simple image placeholders.

Embed

Learn. Font. Build. Test. Other libs. OO. Module. Writing Fast JavaScript For Games & Interactive Applications - Game Programming. Recent versions of JavaScript engines are designed to execute large bodies of code very fast but if you don't know how JavaScript engines work internally you could easily degrade your application's performance.

Writing Fast JavaScript For Games & Interactive Applications - Game Programming

It's specially true for games that need every drop of performance they can get. In this article I will try to explain some common optimization methods for JavaScript code that I picked up during development of my projects. One of the biggest problems in having a smooth experience resides in JavaScript garbage collector(GC) pauses. In JavaScript you create objects but you don't release them explicitly. That's job of the garbage collector. The problem arises when GC decides to clean up your objects: execution is paused, GC decides which objects are no longer needed and then releases them. Zig-zag memory usage pattern while playing a JavaScript game. To keep your framerate consistent, you should keep garbage creation as low as possible. R.length = 0; Deleting Object Properties. JavaScript. JavaScript is classified as a prototype-based scripting language with dynamic typing and first-class functions.

JavaScript

JavaScript Tutorial. Zeros in JavaScript.

Typescript

Jquery. Requirejs. Mvc. Nodejs.