Archive for the ‘es6’ Category

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...

A Beginners Guide to Webpack 2 and Module Bundling

Posted on: No Comments
Webpack is a module bundler Webpack has become one of the most important tools for modern web development. Primarily it's a module bundler for your JavaScript but it can be taught to transform all of your front-end assets like HTML and CSS, even im...

Filtering and Chaining in Functional JavaScript

Posted on: No Comments
One of the things I appreciate about JavaScript is its versatility. JavaScript gives you the opportunity to use object oriented programming, imperative programming, and even functional programming. And you can go back and forth among them depending on ...

Tinder for Bananas

Posted on: No Comments
I saw this little web app by Das Surma going around the other day. It's funny, but it's also a really compelling demo app for a bunch of modern technologies. I'm sure that's the whole point of it. Minimal build process. Just Gulp to use Babel and Post...