This Week in JavaScript - 22 June 2015

Hello and welcome to This Week in JavaScript—a lovingly curated collection of links relating to what’s new and exciting in the world of JS. The complete list is tagged jsweekly. (Don’t forget to check out our weekly .NET and front end roundups too!)

Before we get started today, a general service announcement:

#It’s competition time! Post in June and win big!

All you have to do is post the most valuable new topic or response in the Month of June. Seriously. That easy.

This is the last week, focusing on Business, Marketing, Social Media, Hosting, and Domains, so get along to those forums this week and make the best posts you can.

And now it’s on with the show …


EcmaScript 2015 (ES6)

Final draft for ECMA-262 6th edition
ECMAScript 2015 Has Been Approved - The General Assembly of Ecma International has announced the approval of ECMA-262 6th edition.
ES6 compatibility tables - How do compilers, polyfills, and browsers compare with each other against the specs?
Oceanic Next color scheme - Sublime Text 2/3 color scheme ready for ES6/ES7 and optimized for babel-sublime package.
New changes to make SpiderMonkey’s (and Firefox’s) parsing of destructuring patterns more spec-compliant
ES6 — set, map, weak - To help you deal with data structures.
ES6 In Depth: Collections - More details on data structures.
Standard ECMA-262, 6th edition (June 2015) - Let’s take a minute to look at ECMAScript 2015’s language features.
ES6 In Depth: Using ES6 today with Babel and Broccoli - we’re going to show you step-by-step how it is done with these transpilers.
ES6 Guide - Free to read online.
http://codecondo.com/learn-ecmascript-6-resources-javascript-devs/ - The best resources on the web currently for learning more about ES6, and how to start using it in your projects today.
The ES2015 Nightmarefile - One file that demonstrates the worst ES6 browser compatibility problems.

Learning more

Not exactly sure what JavaScript is? - Finally JavaScript has its own top-level domain website.
Simple JavaScript Inheritance - What you need to know.
Prototypes are Objects (and why that matters) - Why we might want to use mixins.
Evil Genius 101: The hidden power of javascript object prototype - New language features are often welcomed, but if they are working against the language nature… Huston, we have a problem!
Using JavaScript to Teach JavaScript by John Resig (video)
Asynchronous in the Browser - Asynchronous development in the browser happens in more places than just the DOM.
Reducing my CPU load from 95% to 20% - How one simple change gave a major improvement.

Libraries

KinWin (2kB) - A minimalist javascript DOM manipulation library. Other DOM libraries are SimplyJS (1.6kB), TinyDOM (0.4kB), Salt (0.2kB), DOMinate
Intro to JavaScript Animation - With animation libraries from Velocity(http://julian.com/research/velocity/).
SVG clipPath - A card-expansion effect.
Sylvester - Matrix, geometry, and vector math library.
Verlet - An introduction to a light-weight physics engine.

Apps

Create a Simple Shopping Cart Using AngularJS: Part 3 - How to make the total div stick to the top while scrolling, and create a checkout page to display all the items selected by the user.
Filtering Reality with JavaScript and Google Cardboard - Rather than bringing in web APIs, why not bring in your phone’s camera and turn this into an Augmented Reality experience?
Guitar Tuner - A breakdown of how to build it.

Frameworks

Ten Tips for Writing Maintainable Code in BackboneJs - Writing maintainable code is not easy in any frameworks or libraries - here’s how to tidy up your Backbone code.
Routing in Angular 2 - Details on Routing with Anguler 2, which is quite different from Angular 1.
Unit testing AngularJS applications - A few patterns and guidelines to help us with unit testing Angular applications.
Should I use Node.js or io.js? And which version? - Details on the forking and eventual joining together again of the libraries.
qooxdoo 5.0 released - An open source Ajax class-based framework.
React Internals: Introduction to React.js diff “algorithm” - React.js is a fast beast, but do you really know why?
Deprecating JSTransform and react-tools - React and React Native have both switched their respective build systems to make use of Babel.

Web Assembly

What is WebAssembly? - Apparently it’s the dawning of a new era.
WebAssembly: a binary format for the web - A new binary format for the web by Google, Microsoft, Mozilla and others, used for performance critical code and to compile other languages (especially C/C++) to the web platform.
From ASM.js to WebAssembly - A breakdown from Brendan Eich

Last but not last

Epic Form & Input Design Trends - Showcasing clever and creative design ideas.


I hope you’ve enjoyed working through these links. If you want more links like this and to keep up-to-date with the latest goings on in JS land, you can follow SitePoint’s JavaScript channel on Twitter.

Please PM us if you have anything of interest for the next issue or if there is anything you would like to see featured. Paul and Pullo.

1 Like

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.