| Register

Default User Icon

JS Quick Hits

Main Content Image Thumbnail Start Here

JS Quick Hits 1 - Array.find()

A bunch of new Array methods were introduced in ES 2015 (aka ES6). Let's take a quick look at one of them!

Main Content Image Thumbnail

JS Quick Hits 2 - Array.filter() | 7th Feb 2018
Array.filter is *not* a new ES 2015 method, but it's still super useful and worth taking a look at!

Read
Main Content Image Thumbnail

JS Quick Hits 3 - Array Iterators | 14th Feb 2018
ES 2015 brings us some new, really useful iterator methods. Three, in fact. Let's check them out!

Read
Main Content Image Thumbnail

JS Quick Hits 4 - For / Of Loop | 21st Feb 2018
A new loop introduced in ES2015 plays great with iterators ... or plain old arrays.

Read
Main Content Image Thumbnail

JS Quick Hits 5 - Variable Destructuring | 28th Feb 2018
This is a personal favorite new feature of mine. Learn how to destructure your variables!

Read
Main Content Image Thumbnail

JS Quick Hits 6 - The Rest Operator | 7th Mar 2018
The rest operator makes it easier than ever to build functions that can take any number of arguments.

Read
Main Content Image Thumbnail

JS Quick Hits 7 - Template Literals | 14th Mar 2018
JavaScript's string concatenation is annoying. Template literals make it better, easier to read, and more powerful!

Read
Main Content Image Thumbnail

JS Quick Hits 8 - The Spread Operator | 22nd Mar 2018
Looking for an incredibly handy way to yank values from an Array? The Spread Operator is your new BFF.

Read
Main Content Image Thumbnail

JS Quick Hits 9 - Ternary Operators | 28th Mar 2018
Mastering this core JavaScript functionality will give you an awesome tool in any project.

Read
Main Content Image Thumbnail

JS Quick Hits 10 - Default Parameters | 4th Apr 2018
ES2015 introduces a new, less-tedious way to set defaults for your function parameters. Learn how!

Read
Main Content Image Thumbnail

JS Quick Hits 11 - Object Shorthand | 11th Apr 2018
This feature introduced with ES2015 can help remove tedious redundancy from your code!

Read
Main Content Image Thumbnail

JS Quick Hits 12 - Arrow Functions Part 1 | 18th Apr 2018
We've been using arrow functions a lot in this series ... perhaps it's time to dive into how they work!

Read
Main Content Image Thumbnail

JS Quick Hits 13 - Arrow Functions Part 2 | 25th Apr 2018
Understanding variable scope is important, particular with "this" in functions!

Read
Main Content Image Thumbnail

JS Quick Hits 14 - ES2015 Promises | 2nd May 2018
Promises are an awesome way of dealing with asynchronous data that lets you avoid callback hell!

Read
Main Content Image Thumbnail

JS Quick Hits 15 - Async / Await | 9th May 2018
Tame your promises with this awesome es2017 addition to JavaScript.

Read
Main Content Image Thumbnail

JS Quick Hits 16 - DOM Query Selectors | 17th May 2018
Did you know recent JavaScript changes have made working with the DOM much easier, no jQuery required?

Read
Main Content Image Thumbnail

JS Quick Hits 17 - Document Methods | 23rd May 2018
Make sure the DOM's loaded, then grab elements by their ID, and assign event listeners to 'em.

Read
Main Content Image Thumbnail

JS Quick Hits 18 - Nodelist vs. Array | 6th Jun 2018
Query selectors produce nodelists, not arrays, which limits what we can do with them. Let's fix that!

Read
Main Content Image Thumbnail

JS Quick Hits 19 - Import / Export | 6th Jun 2018
ES2015 lets you break your code up into multiple files and easily access the stuff you need!

Read
Main Content Image Thumbnail

JS Quick Hits 20 - Object.assign Basics | 13th Jun 2018
Object.assign is a useful tool for mashing objects together like Play-Doh. Learn how to work with it!

Read
Main Content Image Thumbnail

JS Quick Hits 21 - Object.assign Issues | 20th Jun 2018
There are a couple of gotchas that you need to be aware of when working with Object.assign. Also … bonus tutorial content!

Read
Main Content Image Thumbnail

JS Quick Hits 22 - Prototypes Part 1 | 27th Jun 2018
JavaScript is entirely built around prototype inheritance. Let's get started learning how it works!

Read
Main Content Image Thumbnail

JS Quick Hits 23 - Prototypes Part 2 | 4th Jul 2018
Last week, we explained what prototypes were. Now let's learn how to make your own!

Read
Main Content Image Thumbnail

JS Quick Hits 24 - Property Enumerability | 11th Jul 2018
Now that we know how to build constructors and prototype methods, let's keep our objects clean with enumerability.

Read
Main Content Image Thumbnail

JS Quick Hits 25 - Array.forEach | 18th Jul 2018
There are many ways to loop through an Array, and forEach has some nice behaviors.

Read
Main Content Image Thumbnail

JS Quick Hits 26 - ES2015 String Methods | 25th Jul 2018
ES2015 brings many quality of life improvements to JavaScript. These new string methods are some of them.

Read
Main Content Image Thumbnail

JS Quick Hits 27 - ES2015 Number Improvements Part 1 | 1st Aug 2018
Much like strings, numbers got some quality of life improvements in ES 2015. Let's take a look!

Read
Main Content Image Thumbnail

JS Quick Hits 28 - ES2015 Number Improvements Part 2 | 8th Aug 2018
More numbers this week as we wrap up the quality of life improvements introduced in ES 2015.

Read
Main Content Image Thumbnail

JS Quick Hits 29 - Bubble Sort | 16th Aug 2018
Coders need to sort data. The Bubble Sort is an easy, convenient way to do it!

Read
Main Content Image Thumbnail

JS Quick Hits 30 - Array.sort | 22nd Aug 2018
For simple sorts, you don't need to write your own algorithm. JavaScript's built-in functionality is here to help!

Read
Main Content Image Thumbnail

JS Quick Hits 31 - Node Module 1 - Node Basics | 29th Aug 2018
We're going to create our own node module! But first, let's talk about what Node.js is.

Read
Main Content Image Thumbnail

JS Quick Hits 32 - Node Module 2 - Building the Module | 5th Sep 2018
Now that we've played around with Node.js a bit, let's write the code for our module, and test it!

Read
Main Content Image Thumbnail

JS Quick Hits 33 - Node Module 3 - Package the Module | 12th Sep 2018
We've written our module and tested it. All that's left to do is get it up on NPM, so let's do that!

Read
Main Content Image Thumbnail

JS Quick Hits 34 - Reader Question - Array.reduce | 19th Sep 2018
This week we try something different, taking a look at a piece of code a reader sent in, and refactoring it several ways.

Read
Main Content Image Thumbnail

JS Quick Hits 35 - Array.push and Array.pop | 26th Sep 2018
Let's keep it simple this week and talk about two array methods every developer should know.

Read
Main Content Image Thumbnail

JS Quick Hits 36 - Comparisons with Logical Operators | 3rd Oct 2018
Sometimes a ternary operator's more complex than necessary. Logical operators can keep code simple.

Read
Main Content Image Thumbnail

JS Quick Hits 37 - Immutability Basics | 10th Oct 2018
Let's talk about data, specifically mutable and immutable data, and the difference between the two.

Read
Main Content Image Thumbnail

JS Quick Hits 38 - Immutable Approaches | 17th Oct 2018
We've talked about what immutability is, now let's talk about how to code with it in mind!

Read
Main Content Image Thumbnail

JS Quick Hits 39 - Intro to Immutable.js | 24th Oct 2018
Immutable.js allows you to work with fully immutable data. Let's take a quick look!

Read
Main Content Image Thumbnail

JS Quick Hits 40 - Increment / Decrement Operators | 31st Oct 2018
Where you place your operator can have a significant impact on your code. Let's talk about why.

Read
Main Content Image Thumbnail

JS Quick Hits 41 - Immutable Maps | 7th Nov 2018
We're back to talk more about Immutable.js, this time covering maps, which are like objects … only better!

Read
Main Content Image Thumbnail

JS Quick Hits 42 - Code Refactoring With FizzBuzz! | 14th Nov 2018
We're going to take a dive into refactoring code with a classic "does this person know how to program" test.

Read
Main Content Image Thumbnail

JS Quick Hits 43 - Semicolon Insertion | 21st Nov 2018
JS engines will do some of your work for you, if you want, but be careful!

Read
Main Content Image Thumbnail

JS Quick Hits 44 - Node File System Part 1 | 28th Nov 2018
Node.js lets you manipulate files on your drive, which is great for writing utility apps. Let's take a look!

Read
Main Content Image Thumbnail

JS Quick Hits 45 - Node.js File System Part 2 | 5th Dec 2018
Now that we know how to read files, let's learn how to write them, and create directories as well.

Read
Main Content Image Thumbnail

JS Quick Hits 46 - Recursion Demystified | 12th Dec 2018
Recursive functions can be tricky. Let's take it step by step and see how they work!

Read
Main Content Image Thumbnail

JS Quick Hits 47 - Recursion Continued | 19th Dec 2018
Now that we get the basics of recursion, let's use it to iterate over an object with a simple function!

Read
Main Content Image Thumbnail

JS Quick Hits 48 - An Introduction to GraphQL | 26th Dec 2018
GraphQL is white hot right now. Let's talk about what it is, what to use it for, and how it relates to REST.

Read
Main Content Image Thumbnail

JS Quick Hits 49 - Querying GraphQL | 9th Jan 2019
Now that we understand GraphQL, let's get a server up and running and get some data from it.

Read
Main Content Image Thumbnail

JS Quick Hits 50 - Enhanced GraphQL Queries | 16th Jan 2019
We got a simple GraphQL query working last time. This time we're going to get a bit more complex!

Read
Main Content Image Thumbnail

JS Quick Hits 51 - GraphQL Mutations | 23rd Jan 2019
Now that we know how to query our DB with GraphQL, let's take a look at how to send changes with mutations!

Read
Main Content Image Thumbnail

JS Quick Hits 52 - Intro to Express | 30th Jan 2019
For the next couple of weeks we're going to be taking a look at the popular Node.js web server, Express!

Read
Main Content Image Thumbnail

JS Quick Hits 53 - Express: App.js | 7th Feb 2019
Let's get Express installed and then step through its central file line-by-line!

Read
Main Content Image Thumbnail

JS Quick Hits 54 - Express Routes | 7th Feb 2019
Now that we've covered app.js, let's dive into a central part of Express: how it handles routing.

Read
Main Content Image Thumbnail

JS Quick Hits 55 - Express Views | 20th Feb 2019
We've got routes covered, now let's see how they interact with views (includes handling POSTs!)

Read
Main Content Image Thumbnail

JS Quick Hits 56 - Express Middleware | 27th Feb 2019
Arguably the best aspect of Express is its middleware system. Let's go through the basics and get acquainted with it.

Read
Main Content Image Thumbnail

JS Quick Hits 57 - Event Listeners | 6th Mar 2019
Event listeners allow you to … listen … for events. Then you can do stuff! Let's see how to work with them!

Read
Main Content Image Thumbnail

JS Quick Hits 58 - Working with the Querystring | 13th Mar 2019
Getting variables from the querystring used to be complex. We'll show you how to do it the old-fashioned way AND the new, easier way!

Read
Main Content Image Thumbnail

JS Quick Hits 59 - Interview Gotchas 1 | 20th Mar 2019
Code interviewers often rely on JavaScript's oddities to inform their questions. Let's take a look at a couple such examples!

Read
Main Content Image Thumbnail

JS Quick Hits 60 - Full-Stack Project Part 1 - Setup | 27th Mar 2019
We're building a full-stack project over the next few weeks. But to do that, we need to get set up first!

Read
Main Content Image Thumbnail

JS Quick Hits 61 - Full-Stack Project Part 2 - Validation | 3rd Apr 2019
We continue our full-stack project by adding front-end validation to our contact form.

Read
Main Content Image Thumbnail

JS Quick Hits 62 - Full-Stack Project Part 3 - Handling POSTs | 10th Apr 2019
We continue our full-stack project by adding front-end validation to our contact form.

Read
Main Content Image Thumbnail

JS Quick Hits 63 - Full-Stack Project Part 4 - XHR | 25th Apr 2019
We've got a working contact form, but let's make things really nice by handling submission via AJAX!

Read
Main Content Image Thumbnail

JS Quick Hits 64 - Full-Stack Project Part 5 - SMTP | 25th Apr 2019
Our contact form works but it's not actually sending emails. Let's fix that by adding a 3rd-party SMTP module.

Read
Main Content Image Thumbnail

JS Quick Hits 65 - Full-Stack Project Part 6 - .env Demystified | 2nd May 2019
Secure your secrets easily by using environment variables. Sound complicated? It’s not! I’ll show you how to do it.

Read
Main Content Image Thumbnail

JS Quick Hits 66 - Mmmm ... Cookies | 8th May 2019
Cookies are sort of like micro-databases stored in a user's browser. Let's find out how to work with them!

Read
Main Content Image Thumbnail

JS Quick Hits 67 - Try / Catch / Finally | 15th May 2019
Instead of hoping that JavaScript gracefully handles your errors (spoiler alert: it won't!), why not handle them yourself?

Read
Main Content Image Thumbnail

JS Quick Hits 68 - The Error Constructor | 22nd May 2019
The JavaScript Error constructor is a built-in way to standardize errors in your JS apps. Let's take a look at the basics!

Read
Main Content Image Thumbnail

JS Quick Hits 69 - Custom Errors | 29th May 2019
JavaScript's built-in Error constructor is handy, but it really comes alive when you use it to create your own custom error types!

Read
Main Content Image Thumbnail

JS Quick Hits 70 - Local Storage | 5th Jun 2019
Local Storage is an alternate means of storing data in a user's browser that you want to access from your front-end.

Read
Main Content Image Thumbnail

JS Quick Hits 71 - Array Index Methods | 13th Jun 2019
Sometimes you need the index of an item in an array. JavaScript has a few built-in methods to make that easy!

Read
Main Content Image Thumbnail

JS Quick Hits 72 - The While Loop | 19th Jun 2019
You can use a while loop when you don't know the exact number of iterations you need to run. It's easy and often overlooked!

Read
Main Content Image Thumbnail

JS Quick Hits 73 - IIFEs Explained | 26th Jun 2019
IIFEs help you keep your variables out of the global namespace, and that's a good thing!

Read
Main Content Image Thumbnail

JS Quick Hits 74 - MongoDB & Mongoose Part 1 - Setup | 4th Jul 2019
MongoDB is a great database for JavaScript developers, and Mongoose is a powerful—but straightforward!—way to work with it.

Read
Main Content Image Thumbnail

JS Quick Hits 75 - MongoDB & Mongoose Part 2 - Schemas | 10th Jul 2019
Now that we’ve got MongoDB and Mongoose installed, let’s go ahead and talk about how they work together, and how to handle data.

Read
Main Content Image Thumbnail

JS Quick Hits 76 - MongoDB & Mongoose Part 3 - Sending Data | 17th Jul 2019
Now that we have a schema established, we can use it to create a model and store data. We just need to be able to send that data!

Read
Main Content Image Thumbnail

JS Quick Hits 77 - MongoDB & Mongoose Part 4 - Retrieving Data | 17th Jul 2019
We're storing data in the database. Wouldn't it be nice if we could retrieve it and display it? Let's do that!

Read