CoffeeScript Syntax, Getting Started, and Best Practices Guide

CoffeeScript leverages the beautiful features and syntax of Ruby, Python, and Haskell to make JavaScript easier to write. CoffeeScript is one of the many popular languages (like TypeScript and Elm) that transcompile into JavaScript. This guide will cover how to install and use CoffeeScript. Installation CoffeeScript runs in a Node.js environment. The objective of CoffeeScript […]

Where Did Vue.js Come From?

Where Did Vue.js Come From? Vue.js’s popularity has been climbing pretty fast. It has about 3/4 the number of stars on Github as React, and more than double the stars of Angular. The watchers and forks are also pretty comparable. And the while Vue.js hasn’t nearly caught up yet, you can see a definite trend […]

Elm: React Without Compromises

The world of front end development has been experiencing a major paradigm shift over the past few years. Frameworks have shifted from Model/View and Object-Oriented paradigm of Backbone, Ember, Angularjs v1, and dozens of similar smaller projects to a new paradigm embracing immutable data structures, virtual DOM, and functional programming. The primary catalyst for this […]

RGB to Hex: Understanding the Major Web Color Codes

An Explanation of RGB & Hexadecimal Color Codes Since the earliest days of web development, there have been ways to specify colors in backgrounds, borders, fonts, and other elements. Some people use supported color keywords, while other people use a more specific color system such as HSL (hue, saturation, lightness). However, today we will be […]

A Primer on JavaScript Promises

In JavaScript, a promise is simply a placeholder for a future value. It’s a piece of code that promises to return a value at some point in time. The beauty of promises is that they provide an easy and elegant way to handle asynchronous operations (e.g., setTimeout, AJAX calls, etc.). In the following article, I’ll […]

Decorating (your Javascript) for Fun and Profit

Sometimes you need to get “meta”. What if you could tell a variable that any time it changes, it should automatically report that change to a log file, without you having to write code to do it? What about identifying a function should be called by a web server whenever a particular URL pattern is […]

Vue.js’s Single File Components: Keeping It All In One Place

Vue.js’s Single File Components: Keeping It All In One Place Vue.js has grown a lot in popularity in the past year or so, but I personally ignored it for quite a while. Why? Because I didn’t feel like we needed another JavaScript framework. Not just because I felt JavaScript’s ecosystem was already rather flooded, but […]

A Primer on ES2017 Async and Await

As the year 2016 draws to a close, attention is now turning to what will emerge from 2017, with Javascript as much as anything. The language is undergoing a massive evolution now, increasingly taking on characteristics that make it attractive as a full stack environment. The ES2017 (ES8) stack is already now being implemented in […]

Build a Camping Weather App with React, Redux and Thunk Middleware

Let’s face it, while it’s fun to write applications from scratch, a lot of software development work involves working with existing code. In this post, we are going to learn how to add a feature to an existing React/Redux app. Following on our previous articles in <list filtering with react/redux> and <component interactivity with react/redux>, […]

Advanced JavaScript ES2015 Template Strings with Tagged Templates

If you’ve paid any attention to the discussions about ES2015/ES6 that have been going on over the past couple years, you should already know about template literal strings:

This in itself is an extremely useful tool that can simplify how we work with strings dramatically, but there is a little-known feature that came along […]