background preloader

JavaScript

Facebook Twitter

Ionic: Advanced HTML5 Hybrid Mobile App Framework. ES6 Array Extensions in Depth. There’s plenty to choose from.

ES6 Array Extensions in Depth

No JSX, no Flux, no ES6, no Webpack. Disclaimer: I love JSX, Flux, ES6 and Webpack.

no JSX, no Flux, no ES6, no Webpack.

I’ll discuss these tools more in another series. ES6 Strings (and Unicode, ❤) in Depth. We’ve already covered template literals earlier in the series, and you may recall that those can be used to mix strings and variables to produce string output. function greet (name) { return `hello ${name}!

ES6 Strings (and Unicode, ❤) in Depth

` } greet('ponyfoo') Besides template literals, strings are getting a numbre of new methods come ES6. These can be categorized as string manipulation methods and unicode related methods. How to Write an Open Source JavaScript Library - Video Tutorial Series. Classes no Javascript. Eloquent JavaScript. 15. New OOP features besides classes. Classes (which are explained in the next chapter) are the major new OOP feature in ECMAScript 6.

15. New OOP features besides classes

However, it also includes new features for object literals and new utility methods in Object. This chapter describes them. 15.1 Overview 15.1.1 New object literal features Method definitions: let obj = { myMethod(x, y) { ··· }}; ECMAScript Language Specification - ECMA-262 Edition 5.1. This is the HTML rendering of Ecma-262 Edition 5.1, The ECMAScript Language Specification.

ECMAScript Language Specification - ECMA-262 Edition 5.1

The PDF rendering of this document is located at The PDF version is the definitive specification. Any discrepancies between this HTML version and the PDF version are unintentional. Project: A Platform Game. All reality is a game.

Project: A Platform Game

My initial fascination with computers, like that of many kids, originated with computer games. I was drawn into the tiny computer-simulated worlds that I could manipulate and in which stories (sort of) unfolded—more, I suppose, because of the way I could project my imagination into them than because of the possibilities they actually offered. I wouldn’t wish a career in game programming on anyone. Much like the music industry, the discrepancy between the many eager young people wanting to work in it and the actual demand for such people creates a rather unhealthy environment.

But writing games for fun is amusing. This chapter will walk through the implementation of a simple platform game. Advanced Testing and Debugging in AngularJS. Learn to test your AngularJS application like a Pro using the latest and greatest AngularJS is becoming immensely popular and mainstream which means that there is a lot of AngularJS code out there that is being tested or is yet to be tested.

Advanced Testing and Debugging in AngularJS

And now that you're well on your way to test like a pro, thanks to the abundance of articles, tutorials, books and material out there on AngularJS testing & development, testing should be a mandatory process of your web development workflow. Full-Spectrum testing with AngularJS & Karma taught us how to test certain areas of your AngularJS application, but how do we test efficiently? What the Flux?! Let’s Redux. Every once in a while something new comes along that just feels right.

What the Flux?! Let’s Redux.

When this happens, I get a tingly feeling in my left pinky toe. That’s how I know it’s not just a fad, it’s how I know it’s legit. ES6 In Depth: let and const. ES6 In Depth is a series on new features being added to the JavaScript programming language in the 6th Edition of the ECMAScript standard, ES6 for short.

ES6 In Depth: let and const

The feature I’d like to talk about today is at once humble and startlingly ambitious. When Brendan Eich designed the first version of JavaScript back in 1995, he got plenty of things wrong, including things that have been part of the language ever since, like the Date object and objects automatically converting to NaN when you accidentally multiply them. However, the things he got right are stunningly important things, in hindsight: objects; prototypes; first-class functions with lexical scoping; mutability by default.

Getting started with ECMAScript 6. This blog post helps you to get started with ECMAScript 6 (ES6): It explains how you can interactively try out ES6.It lists ES6 features that are easy to adopt, along with how those features are coded in ES5.

Getting started with ECMAScript 6

Trying out ECMAScript 6 There are three simple ways to play with ES6: The destructuring algorithm in ECMAScript 6. This blog post looks at destructuring from a different angle: as a recursive matching algorithm. At the end, I’ll use this new knowledge to explain one especially tricky case of destructuring. Destructuring. JavaScript All the Way Down. There is a well known story about a scientist who gave a talk about the Earth and its place in the solar system. At the end of the talk, a woman refuted him with "That's rubbish; the Earth is really like a flat dish, supported on the back of a turtle.

" The scientist smiled and asked back "But what's the turtle standing on? ", to which the woman, realizing the logical trap, answered, "It's very simple: it's turtles all the way down! " A framework for building native apps using React. React Native Build native mobile apps using JavaScript and React Build native mobile apps using JavaScript and React. ES6 In Depth: Classes. ES6 In Depth is a series on new features being added to the JavaScript programming language in the 6th Edition of the ECMAScript standard, ES6 for short. Non-blocking Asynchronous JSON.parse Using The Fetch API. The problem I am working on Swagger Editor performance.

React.js Introduction For People Who Know Just Enough jQuery To Get By · React for Designers. Grunt: The JavaScript Task Runner. Coodict/javascript-in-one-pic. AngularJS Expression Security Internals. The State of JS Build Tools 2015. I’ve recently been looking at JavaScript build tools because I am starting a project in AngularJS. JSCS: JavaScript Code Style checker. 7 Essential JavaScript Functions. I remember the early days of JavaScript where you needed a simple function for just about everything because the browser vendors implemented features differently, and not just edge features, basic features, like addEventListener and attachEvent.

De Stijl: How necessary are var, let, and const? Six Steps for Approaching the Next JavaScript -Telerik Developer Network. The next recommendation/version of the JavaScript standard, also known as "harmony", "ES.next", "ECMAScript 6", "ES6", and most recently "JavaScript/ECMAScript 2015", is pretty much cemented. The final draft was actually completed back in April. Final review and voting by the ECMA General Assembly members of the draft will occur this month. JavaScript Guide. Canvas w/ JS Objects. Drawing a circle on the canvas is pretty easy. TogetherJS. Famous: Animations & Interfaces.

SpiderMonkey Internals. Design walk-through At heart, SpiderMonkey is a fast interpreter that runs an untyped bytecode and operates on values of type JS::Value—type-tagged values that represent the full range of JavaScript values.