Category: mdn

ES6 Arrow Functions: Fat and Concise Syntax in JavaScript

Arrow functions were introduced with ES6 as a new syntax for writing JavaScript functions. They save developers time and simplify function scope. Surveys show they’re the most popular ES6 feature: Source: Axel Rauschmayer survey on favorite ES6 features Source: Ponyfoo’s survey on the most commonly used ES6 featu...

ES6 Collections: Using Map, Set, WeakMap, WeakSet

This article examines four new ES6 collections and the benefits they provide. Most major programming languages have several types of data collections. Python has lists, tuples, and dictionaries. Java has lists, sets, maps, queues. Ruby has hashes and arrays. JavaScript, up until now, had only arrays. Objects and arrays...

Angular 2 Components and Providers: Classes, Factories & Values

In a previous article, we looked at how to get data into and out of components using the @Input and @Output annotations. In this article, we’ll look at another fundamental aspect of Angular 2 components — their ability to use “providers.” You may have seen “providers” in a list of properties you can use to ...

Angular 2 Components: Inputs and Outputs

In this article, we’ll take a look a bit closer at Angular 2 components — how they’re defined, and how to get data into them and back out of them. This is the second part in the Angular 2 series. You can read part one here. We covered the basic idea of components and decorators in an earlier article, and have spe...

Working with Data in React: Properties & State

This article is part of a web development series from Microsoft. Thank you for supporting the partners who make SitePoint possible. Managing data is essential to any application. Orchestrating the flow of data through the user interface (UI) of an application can be challenging. Often, today’s web applications have c...

Best JavaScript Frameworks, Libraries and Tools to use in 2017

It seems there are more JavaScript frameworks, libraries, and tools than there are developers. As of May 2017, a quick search on GitHub reveals more than 1.1 million JavaScript projects. There are 500 thousand usable packages on npmjs.org with almost 10 billion downloads every month. This article endeavors to explain t...

Using Internet-Scale Data to Guide Product Planning

There are so many potential projects we could spend our time on, but like most engineering teams, we have limited time. Since our time is finite, how do we go about deciding which features, bugs, or enhancements should get this valuable resource? Ultimately, it comes down to a variety of inputs, and one of the most imp...

Experimenting with Object.observe in JavaScript

I recently built a quick prototype to get the classic interactive movie game Night Trap running in the browser. Assets stream from Azure Media Services and play through the open source video.js player as an .mp4. I also converted all of the video to adaptive streaming and am now in the process of using the Azure Media...

How to Create Your Own Browser with JavaScript Using EdgeHTML

This article is part of a web development series from Microsoft. Thank you for supporting the partners who make SitePoint possible. Over the past several months, we have made numerous improvements to the Microsoft Edge rendering engine (Microsoft EdgeHTML), focusing on interoperability with modern browsers and complian...

JavaScript Goes Asynchronous (and It’s Awesome)

This article is part of a web development series from Microsoft. Thank you for supporting the partners who make SitePoint possible. JavaScript has come a long way since its early versions and thanks to all efforts done by TC39 (The organization in charge of standardizing JavaScript (or ECMAScript to be exact) we now ha...