Blog

Please see my new site for my portfolio, projects, resume, etc. It is more up to date and a better representation of my abilities. I am currently in the process of creating a new portfolio and blog site with Gatsby. Blog posts and project pages will be generated from markdown files. In the short term, … Continue reading “Migrating this site to Gatsby”

I added a video version of this blog. If you prefer video, check it out: https://youtu.be/HC2W75WMw6c This is NOT a definitive guide to arrow functions. I’m writing a few other tutorials and blogs and want to have something to point people to so they can have a quick explanation and example of arrow functions since … Continue reading “A Super quick guide to arrow functions”

I made a simple React app with React router that worked while clicking the links in the nav, but not if you enter those URLs in the location bar. TLDR – make a file in the public directory called “_redirects” with this line in it /* /index.html 200 What’s going on here? Single page apps … Continue reading “How to fix Netlify “page not found, broken link or entered a URL that doesn’t exist” error”

TL:DR – put quotes around your EJS value when it is being used as an HTML attribute I was making a simple Express app with EJS templating and MongoDB for my REST API. I passed the response, which was a few strings and a date, to the view in the typical fashion, and I could … Continue reading “How to prevent ejs from splitting a string in attribute-value pair in a form field”

On June 20, 2019, I gave a presentation at our local freeCodeCamp meetup group about the static site generator, or progressive web app generator as they like to call it, Gatsby.

When learning web development, they all tell you to find a problem in your life and create a solution using code to create a great project. Well, I drive for Uber and I wanted to know when most flights would be coming into my local airport. The airport website has listings, but it’s a cluttered … Continue reading “Web Scraping with Cheerio.js”

I’ve been making more videos and this time I’ve been working on the freeCodeCamp selection of algorithm challenges. I’ve been doing one every day and adding them to the playlist below. I’m twelve days in and the plan is to do one every day until I’ve got them all!

I made a series of videos on my youtube channel about the basics of JavaScript. These might not be the best for the total beginner and it’s not meant to be a “learn everything about JavaScript deeply” kind of a course. They might be best suited for someone who has started to learn JavaScript and … Continue reading “Just Enought JavaScript To Be Dangerous”

This was based on something a person was asking about on a facebook group. They were asking if there was a library that would make background animations. I saw their example and said “That looks like the bottom of 3 moving circles. I bet I can make that with just CSS”. Here is the result … Continue reading “CSS animation basics and Sass mixins”

Huddle landing page This was a project from www.frontendmentor.io The site provides practice challenges that users can work through.  They provide a project brief, style guide, and an image of the design and you have to recreate it yourself.  If you’re trying to get out of the tutorial rut but need some inspiration on what to … Continue reading “Responsive landing page based on client requirements.”

Starting out with basic projects is a great way to solidify what you’re learning in web development. Don’t listen to the people who groan when they hear you’re making another to-do app or other small project. It’s not easy if you’ve never done it before. Here is one way of making a true or false … Continue reading “Back to Basics. A true or false quiz in JavaScript”

You don’t always have to write event listeners for everything. Event delegation lets you add one listener to the parent element and then use the information from the created event object to tell which child element was the target of the event. Here’s how it’s done.

In this video I show how to add local storage to persist data and some of the problems I had to figure out before getting it working. Mainly the “SyntaxError: Unexpected token < in JSON at position 0″ error.

In this video, I explain how Array.map works in JavaScript.  Then I give a practical example of how it is used in a React application.

In this video, I go over some of the basic concepts and features of the React JavaScript framework.  I cover state and props, components, mapping over an array from state to produce multiple components, and how these ideas are useful.  I use codesandbo.io which introduces viewers to this online coding environment.

Previously, I had done some live coding on my youtube channel where I was working through a basic Express setup.  I went back a re-recorded a more concise version.  It also has better video quality as the live-streaming has its limitations.  Here is my Node / Express REST API how to video.

I’ve done some Bootstrap projects in the past but I felt like I needed a refresher, so I’ve been working through a Brad Traversy class on Bootstrap 4 and posting the finished projects on my github. LoopLab – The first one was a one-page, responsive site that utilized a sticky navigation bar, a fixed background in … Continue reading “Bootstrap 4 Projects”

The latest thing I’ve been live coding is a REST API in Node/Express. https://www.youtube.com/channel/UCqdNQHOLz3PmB4cDvQkdQ1w/videos Admittedly, the videos are kind of slow paced because, to be honest, I’m figuring it out as I go!  My goal with this series is to re-record it into more of a formal tutorial on building a REST API.   So, stay … Continue reading “REST API in Node/Express – live coding”

I’ve been adding videos about JavaScript to my youtube channel and you can take a look at it here: https://www.youtube.com/channel/UCqdNQHOLz3PmB4cDvQkdQ1w/videos They are not professionally produced.  I just turn on youtube and start typing generally.  You may have heard of “rubber duck decoding” and this is basically how I make these videos.  They are either me talking … Continue reading “Check out my youtube channel”

So let’s get started on writing our own version of .forEach.  Here is the starter code given in the git repo 1 // ===================== EACH ===================== 2 // Call iterator(value, key, collection) for each element of collection. 3 // Accepts both arrays and objects. 4 // 5 // Note: each() does not have a return … Continue reading “How to write your own forEach method in Javascript – Part 2”

Learning to write your own forEach method in Javascript A while back, I went to New York City to a free coding class at the Hack Reactor Bootcamp.  Occasionally, they offer free one night classes on various topics.  This one was the higher-order-functions workshop and after some lecture and the expected (and appropriate) marketing of … Continue reading “How to write your own Javascript forEach method – Part 1”