background preloader

JavaScript

Facebook Twitter

Reference for JS coding.

Ionic: Advanced HTML5 Hybrid Mobile App Framework. 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. So you’ve heard all the fuss about React.js – apparently it is the best thing since XMLHttpRequest. 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. Classe é uma estrutura que descreve estados e comportamentos de um determinado objeto.

Classes no Javascript

No Javascript utilizamos uma função para criar a classe. function listButton() { } 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) { ··· }}; Property value shorthands: 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. 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. 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. My pinky toe has a pretty decent track record: 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. 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. Native Components With React Native, you can use the standard platform components such as UITabBar on iOS and Drawer on Android. This gives your app a consistent look and feel with the rest of the platform ecosystem, and keeps the quality bar high. 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. One of the solutions to speed things up was moving process-intensive task to Web Workers. 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. Introduction. The State of JS Build Tools 2015. 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. JavaScript Guide. Canvas w/ JS Objects. 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.