Category: Uncategorized

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 the top section for a parallax-type effect, various types of buttons, and a form.  All pretty standard fare but good to freshen up the skills.  Version 4 of Bootstrap does include FlexBox so it was good to see how it is used within this site.

Glozzom – The next one was a multi-page project.  It made use of a carousel in the top section, Cards, another carousel with quotes, an embedded video in a modal window, and some more fixed background parallax effects.  It also uses the accordion feature in a FAQ section as well as some more practice working with forms.  I almost forgot it has a image gallery feature where you enlarge the images into modals.

Mizuxe – Another one pager, this one was mostly more of the same.  Responsive, more forms practice, an accordion to show/hide bios, and smooth scrolling to different parts of the page.

 

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 tuned for that.  What should I live code next?  React, ES6, something else?  I’d love to hear from you.

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 through some code I’ve just worked on or some are videos I’ve made where I’m trying to help a friend out with some coding issue.