Skip to main content

JavaScript is the assembly language of the Web



In my last blog post, I outlined how clever developers are starting to use CoffeeScript as a way of moving forward with Harmony (JavaScript's newest spec that improves the lexicon to be more productive) without breaking current browser implementations of ECMAScript by leveraging transpiling techniques. Concordantly, there are other transpiling tools now for C# (JSIL) and Python (Skulpt). Furthermore, I've come to realize now that based on these initiatives, JavaScript is now the assembly language of the web platform. It is fundamentally and ultimately a compilation target.

ChromeOS is a Linux-based operating system but makes heavy use of their V8 JavaScript engine. Additionally, Mozilla has stepped up and announced that there are plans to create a web operating system to compete with Chrome OS and Windows 8. I've compiled a list of technologies that have indoctrinated the HTML5 family including WebGL, WebSockets, JavaScript, CSS, HTML:

Palm Pre: HTML/CSS/JavaScript with Mojo application framework
Apple iOS through WebView: HTML/CSS/JavaScript
Apple iOS iAd: WebGL/HTML/CSS/JavaScript
Android WebView: HTML/CSS/JavaScript
Chrome OS: HTML/CSS/JavaScript with File API for File I/O
Windows 8: HTML/CSS/JavaScript for application development
Windows 7: Using Chrome/Firefox/IE10 for HTML/JavaScript/CSS -- almost full support, perhaps no WebGL implementation for Internet Explorer.
Mac OS X: Same as above

Four years ago, there was the war of the JavaScript libraries including jQuery, MooTools, YUI, and Dojo. While it does seem like jQuery has triumphed over the other libraries in terms of popularity, will jQuery be used a de-facto Application development library (or perhaps an application framework built on top of jQuery like Backbone.js or Blast Mojo) in the upcoming Operating System war?

Now is the time to start thinking about more abstraction on top of JavaScript. In our current state, we've got SASS for CSS, which again, improves productivity by providing developers capabilities of mixins and mathematical functions, CoffeeScript for JavaScript, which aims to sweep away the bad parts of JavaScript and allow for higher levels of productivity, and then we have Haml/Jade/Razor for HTML to make writing structured content easier.

Winter is coming. There's going to be another exciting paradigm shift in how we write and organize our applications in JavaScript when Windows 8, Chrome OS, and Mozilla OS become more widely used for several reasons: File I/O, Audio, Video, Capture (WebCam, Microphone), Network (XHR or WebSockets), Games with OpenGL (WebGL), and Graphics (SVG/Canvas). My only hope is that in the future, developers will be given the avenues to write code in their favourite language whether its C#, Python, Ruby, Java, and have it safely transpile to JavaScript because sustainable productivity is only achievable if you really enjoy what you're building or designing.

Jaime Bueza is a software engineer in Vancouver, British Columbia, Canada. He has developed web applications for Nintendo, Starbucks, Bacardi, Nike, Electronic Arts, Ritchie Brothers, Kiwi Collections, Cox Communications and Microsoft. When he's not developing useful software that constantly evolves with business requirements, he's writing open source software andcreating tutorial videos for aspiring front-end developers.
Post a Comment

Popular posts from this blog

TextMate Tutorial: How to add a Strikethrough keybind to your Markdown bundle

Markdown is awesome for quickly generating Readme's on Github. After looking at other projects using the strike tag, I've decided to create a custom keybind for it in my TextMate Markdown bundle. Here's how:

1) Click the + sign on the bottom left and click New Command.
2) Paste this into the editbox and make sure you name your command "Strikethrough".

For the input field, select WORD in the drop down.
For the output field, select "insert as snippet".
As for the keybind, you can totally map it to whatever you're comfortable with but I chose Command-D as it is the same thing in Microsoft Word.

Cheers,
Jaime

Using Git Hooks: Prepare Commit Message to automatically prepend branch names on commit messages

When you're practicing branch by feature with distributed version control, typically you'll get assigned a ticket or issue and that ends up being your feature branch. Instead of always typing in the branch name in every commit, you can edit your Git hooks (specifically prepare-commit-msg).

Assuming that this is a brand new git repository:

mv .git/hooks/prepare-commit-msg.sample .git/hooks/prepare-commit-msg
vi .git/hooks/prepare-commit-msg

Edit the file by commenting out what was originally in the file and then add this:



Now, whenever you make a commit, it should show up like this in the log:



Since GitHub and Bitbucket both support Emojis inside commit messages, you can do something cute like this



Want more emojis? check out the Emoji Mardown Cheatsheet!

NodeJS Hack Session: MMO Pokemon with NodeJS/WebSockets

The primary focus of this proof of concept is to determine how easy it is to build real-time web applications for all iPad, iPhone, droids, Safari, Chrome users on top of NodeJS (non-blocking event driven server side Javascript platform). The proof of concept was built within 6-8 hours including the following:

Uses Express framework for server side Javascript development (inspired by Rails / Sinatra / Django)Uses EJS for templating language (much like Django templates and symfony) -- allows partials and passing parameters into partials like symfony PHPReal-time chat using WebSocketsArena Queueing System for real-time competitive matchplay using WebSocketsHTML5 AudioCSS3 transitions for all hand cards, tappable cards, transparent panels, rounded corners, drop shadowsFallbacks for Firefox, IEFirefox/IE will fall back to Flash socketIE will fall back to XHR long poll if the user doesn't have Flash installedNoSQL CouchDB for fetching users and soon cards, achievements, friend associat…