Archive for the ‘es6’ Category

JavaScript Design Patterns: The Observer Pattern

Posted on: No Comments
In JavaScript, there is a problem that comes up often. You need a way to update parts of a page in response to certain events, with the data these provide. Say, for example, user input that you then project into one or many components. This leads into ...

A Beginner’s Guide to Testing Functional JavaScript

Posted on: No Comments
Functional programming and testing. Maybe you've given them a try in isolation, but somehow you never made either a part of your regular practice. They may sound innocent by themselves, but together testing and functional programming can create an irre...

Exploring ES2017 Decorators in JavaScript

With the introduction of ES2015+, and as transpilation has become commonplace, many of you will have come across newer language features, either in real code or tutorials. One of these features that often has people scratching their heads when they fir...

How to Make a Simple JavaScript Quiz

Posted on: No Comments
"How do I make a JavaScript quiz?" — this is one of the most common questions I hear from people who are learning web development, and for good reason. Quizzes are fun! They are a great way of learning about new subjects and allow you to engage your ...

The Anatomy of a Modern JavaScript Application

There's no doubt that the JavaScript ecosystem changes fast. Not only are new tools and frameworks introduced and developed at a rapid rate, the language itself has undergone big changes with the introduction of ES2015 (aka ES6). Understandably, many a...

Modern JavaScript Development Is Hard

Posted on: No Comments
It's not uncommon these days to see people complaining about just how complex JavaScript development seems to have become. I can have some sympathy with that view when it's coming from someone new to the language. If you're learning JS, it won't take l...

ECMAScript Modules in Browsers

As Jake Archibald says, they are starting to land! The support landscape is already: Safari 10.1. Chrome Canary 60 – behind the Experimental Web Platform flag in chrome:flags. Firefox 54 – behind the dom.moduleScripts.enabled setting in about:con...

Patterns for Object Inheritance in JavaScript ES2015

Posted on: No Comments
With the long-awaited arrival of ES2015 (formerly known as ES6), JavaScript is equipped with syntax specifically to define classes. In this article, I’m going to explore if we can leverage the class syntax to compose classes out of smaller parts. Kee...

Make Your Website Interactive and Fun with Velocity.js (No jQuery)

Posted on: No Comments
Special thanks from me go to James Hibbard and the developers behind Velocity for reviewing this article. Also to users and developers who contribute and have contributed to Velocity over the years. In this article I introduce Velocity.js, a fast an...

10 Lodash Features You Can Replace with ES6

Posted on: No Comments
When learning to write JavaScript without jQuery, I found posts like this (also on SitePoint) quite helpful to reference. Now we're going through that again, in a way, with ES6 replacing some of what we used libraries to help with. Direct Link to Arti...