Topic

javascript

A collection of 28 issues

A Simple Terminal Website with CSS and Typewriter.js

Just recently, I was searching for how to create a terminal-esque website, much like Jeremy Wagner’s old site where you could run commands to open different links and places on his site. It was really cool, and interesting idea: a command line interface to navigate a website. Neat! I

Course Duck for Learning JavaScript

CourseDuck reached out to me about their product. I am not reviewing it, just letting you know it exists.If you’re looking for yet, moar JavaScript content to level-up with, check out CourseDuck’s JavaScript courses. If you find something interesting, let me know.

Review: YDKJS Scopes & Closures

This is a new series where I review a programming book I have read. I will usually issue a review within a few days of reading it. This one is late because I just decided to do this series.First, let me say that I am a big fan of

Keeping Your Code Simple

One of the biggest lessons I am trying to learn as a mid-level dev is keeping my code simple. I was working on a few algorithms for a bootcamp I planned to attend. I tweeted this algorithm I was stuck on a couple weeks ago: Need a bit of help

What Are Components and Props?

In order to understand how React renders the UI, we need to understand two crucial elements to a React application: components and props. Each of these elements allow you to reuse pieces of your application and think about each piece in isolation of the others. What Are Components?Components are

Building a JavaScript CLI Tool

I am currently building a small CLI tool based on my current React project, Check Yo Self. The app is a web interface for checking the spelling and grammar of your markdown blog posts. Currently, the app is text input only and using localStorage to keep text data. I plan

Destructuring Objects in ES6

What is destructuring? Destructuring is a way to extract values from nested arrays and objects.When you use destructuring, you are taking a JavaScript expression and extracting data from either arrays, objects, maps, and sets into their own variable. It also allows you to extract properties on an object or

JavaScript Template Literals

Photo credit by Hongkiat Traditionally, strings in JavaScript were limited, especially if you were working in languages like Ruby and Python. In both of those languages string interpolation meant that you could substitute strings and have multiline string concatenation without wonky hacks. In JavaScript, there wasn’t anything like this

Use Cases for the Spread Operator

One of the coolest features of ES6 is the Spread Operator. The syntax looks a bit like: let a = [4, 5, 6]; let b = [7, …a, 8]; console.log(b); This will give us: The spread operator replaces the concat function in ES5: “use strict“; var a = [4, 5, 6]

ES6 Modules

ES6 modules allows us to have reusable code, in separate files. We do this to eliminate initially massive js files, like app.js in a Node and Express project. Modules allow us to spread code over relevant files. Take this students.js file const students = [‘Peter’, ‘Paul’, ‘Mary’]; export const