With browser support of ES6 having reached more than 96%, it might be a good idea to move away from jQuery to accomplish basic tasks like fetching data, selecting elements, styling and animating them, as Tobias Ahlin argues.

What is TDD?
TDD stands for Test Driven Development. The process is simple:

1. Before you write implementation code, write some code that proves that the implementation works or fails. Watch the test fail before moving to the next step (this is how we know that a passing test is not a false positive — how we test our tests).
2. Write the implementation code and watch the test pass.
3. Refactor if needed. You should feel confident refactoring your code now that you have a test to tell you if you’ve broken something.

For the past 12 years, I have been on both sides of the Front End Interview table. Sadly though, the emphasis is always put on Javascript during those rounds and the two other important languages - HTML and CSS - are not usually given the same weight.

Arrow functions (also called “fat arrow functions”) are undoubtedly one of the more popular features of ES6. They introduced a new way of writing concise functions.

Events are the first place you are likely to meet asynchronous functions, but once you have events and an event dispatching system you can't stop there. Any long running function has to be implemented as an asynchronous non-blocking function if the UI is to remain responsive. This causes all sorts of difficulties that go beyond events and event handling.

The String is the most basic and most useful of the native JavaScript data structures. It can also be used as a starting point for, or be incorporated into, many other data structures. Let's see how it all works.

Higher-Order Functions

Higher order functions are functions that operate on other functions, either by taking them as arguments or by returning them. In simple words, A Higher-Order function is a function that receives a function as an argument or returns the function as output.

For example, Array.prototype.map, Array.prototype.filter and Array.prototype.reduce are some of the Higher-Order functions built into the language.

The dirty little secret about JS frameworks, not just Ember, is their abysmal performance on mobile devices. First, we have to download the huge runtime on a slow connection. Then, we have massive amounts of framework code running on a device which has a slower processor to start with, but may also have an inferior JS engine. The result can be latencies in seconds or even tens of seconds merely to display a page. There is no simple solution to this problem.

Hand-picked HTML and CSS code examples, tutorials and articles

5. DOM Search by CSS Selectors
6. Material and Page Color Palettes
7. Multiple Cursor
8. Get the current element with “$0”
9. View Event Listeners
10. Media Query
11. Copy Response
12. Run Predefined Snippets

When we think about the console, the first thing that comes to mind and the console.log, right? But there are many more methods than those we imagine. Now we will see how to make the most of using the console, and I’ll give you some tips to make them these methods more readable

The following will be a short explanation, along with some solutions, of a popular JavaScript question that tends to get asked in developer interviews.

This question deals with the topics: closures, setTimeout, and scoping.

Welcome to the D3 gallery! More examples are available on bl.ocks.org/mbostock. If you want to share an example and don't have your own hosting, consider using Gist and bl.ocks.org. If you want to share or view live examples try vida.io.

Bit manipulation in JavaScript is complicated by the way that it attempts to be completely type free. One of the consequences of this type free approach is that numbers are always stored as 64-bit floating point values - i.e. double precision floating point.

Yes - that's correct JavaScript doesn't have an integer type that you can make use of. When needed JavaScript will perform an internal conversion to a 32-bit value but you can't gain access directly to this integer and it is converted back to floating point format as soon as it is possible.

JavaScript is special, and it plays a critical role in almost every large application. What is it about JavaScript that makes it meaningfully different from other languages?
Here are some questions that will help you explore the stuff that really matters:

One my prefered playgrounds is SVG. It is Scalable Vector Graphics, which in practice means that you can draw something in the browser using some tags, some stying and some code. How cool is that? Compared with a piece of paper and a pen you can go crazy and the result is generated instantly as you change the elements of your playground in your pen on CodePen.

This article is pointed towards beginners in Javascript or people who are just starting working with functional Javascript and never heard of map, filter and reduce. If you already have a lot of practice with these, you can just jump to the end of the article where I point you towards some other interesting pieces.

Use velocity.js instead!

Velocity.js is a free, lightweight library that you should be using - developer Neal O'Grady gets you started.