Monthly JSter #10: News of November 2013

JSter #10 has arrived and is again packed with content. Remember, if you happen to come by some cool stuff you wish to share, you can always poke us at Twitter.

Remember that Monthly JSter is available as a newsletter. Our RSS feed contains some occasional extra content including interviews or book reviews.

Libraries

{{ screenshot: http://www.javelinjs.com/ }}

• AngularJS 1.2.0 - The long awaited release is here. JSter entry
• progressbar.js - Who wouldn't need a progress bar every once in a while? JSter entry
• Dart 1.0: A Stable SDK for Structured Web Apps - Dart 1.0 is here! JSter entry
• dogescript in the WOWser - CoffeeScript has been challenged.
• Javelin - A large, bloated library with an unintuitive, verbose syntax and very few features by Facebook. JSter entry

Articles

{{ screenshot: http://christianheilmann.com/2013/10/31/perpetuating-terrible-javascript-practices/ }}

• Perpetuating Terrible JavaScript Practices - Sometimes even big corporations get it wrong.
• JavaScript has a Unicode Problem - Even if something looks the same it's necessarily so. Fortunately ES6 comes to rescue.
• JavaScript Cryptography Considered Harmful - Yes, it's a cliché title. TLDR; Don't use crypto inside browser. It's hard even if you know what you are doing. Just go SSL.
• Which CSS Measurements to Use When
• The Future of Web Apps Is -- Ready? -- Isomorphic JavaScript - Yup. The pendulum is about to swing back. First it was all about backend, then about frontend and now people realize both are somewhat important.
• How and Why Building a 3D Soft Engine? Well, It's Simply... - Learn to understand 3D by starting from the basics.

Angular.js

{{ screenshot: http://blog.scalyr.com/2013/10/31/angularjs-1200ms-to-35ms/ }}

• Video Tutorial: AngularJS Fundamentals in 60-ish Minutes
• Make Your Own AngularJS, Par 1: Scopes and Digest - Implementing some of the core concepts yourself will give you insight on how they work actually.
• Optimizing AngularJS: 1200ms to 35ms
• Little-known Directives of Angular.js
• Promises in AngularJS, Explained as a Cartoon

Backbone.js

{{ screenshot: http://pragmatic-backbone.com/ }}

• A Pragmatic Guide to Backbone.js Apps

Ember.js

{{ screenshot: http://coding.smashingmagazine.com/2013/11/07/an-in-depth-introduction-to-ember-js/ }}

• An In-Depth Introduction to Ember.js
• Understanding Nesting in Ember.js

Presentations

{{ screenshot: http://www.slideshare.net/EyalV/whats-new-in-ecmascript-60 }}

• What's new in ECMAScript 6.0

Techniques

{{ screenshot: http://css-tricks.com/tinted-images-multiple-backgrounds/ }}

• A Plain English Guide to JavaScript Prototypes - Once you understand how the chain works, you have cracked most of it.
• JavaScript Tutorial: Getter & Setter Properties - If you have ever used Python's properties, you will love this. The syntax is a bit cumbersome but the functionality is somewhat priceless.
• Tinted Images with Multiple Backgrounds
• Fast Image Filters with WebGL
• String Interpolation Method for underscore.js
• Extending JavaScript with Inline Unit Tests
• Functional Data Structures in JavaScript with Mori
• Live Editing WebGL Shaders with Firefox Developer Tools

Resources

{{ screenshot: http://zero.milosz.ca/ }}

• Zeroes in JavaScript - No, it's not PHP. It's JavaScript.
• Popular Coding Conventions on GitHub - How conventional are you?
• Airbnb JavaScript Style Guide

Tools

{{ screenshot: http://jscode.org/ }}

• JSbeautifier - Got some mess to clean up? JSbeautifier will do that for you. In addition to JavaScript it supports HTML, JSON etc.
• jsCode - Generate and share your own JavaScript coding guidelines.

Demos

{{ screenshot: http://www.jasondavies.com/maps/rotate/ }}

• Project Shapeshifter - 3D modeling in your browser.
• Rotate the World - D3 is so great.
• Filling text with CSS

Conclusion

You have to understand this in JavaScript.