Open in app
Home
Notifications
Lists
Stories

Write
Steven Chen
Steven Chen

Home
About

Dec 16, 2021

JavaScript 30 — Day 15 — Local Storage and Event Delegation

This was a great exercise and code along that essentially mimics a To Do list. Local Storage is a useful tool for small apps using client side storage for persistence of data rather than having to set up a database or know any back end. What all that means is…

Java Script

2 min read

JavaScript 30 — Day 15 — Local Storage and Event Delegation
JavaScript 30 — Day 15 — Local Storage and Event Delegation

Dec 16, 2021

JavaScript 30 — Day 14 — JavaScript References VS Copying

I fell a few days behind in this challenge but have no fear, cramming out a few in one day was never off the table, so here we go. This exercise was a quick review of how different data types are passed value. The long and short of it (or…

Java Script

2 min read


Dec 10, 2021

JavaScript 30 — Day 13 —Slide In On Scroll

Another quick exercise for Day 13. We are trying to replicate a slide in effect on window scroll. This can be a fun effect if used in moderation. Wes included all the CSS with the photos hidden and we just needed to add the JS to tell the images at…

Java Script

2 min read

JavaScript 30 — Day 13 —Slide In On Scroll
JavaScript 30 — Day 13 —Slide In On Scroll

Dec 10, 2021

JavaScript 30 — Day 12 — Key Sequence Detection (Konami Code)

I’m a day behind so today will be a double-header. Thankfully Day 12 is a quick one. Essentially we are trying to capture and detect a key sequence. This combined with the Cornify JS file will add a fun surprise to the screen if the sequence has been detected. It’s…

Java Script

2 min read


Dec 8, 2021

JavaScript 30 — Day 11 — Custom HTML5 Video Player

The default controls for an HTML video player are fine but nothing special. Wes walks through setting up some custom controls, many of which are the same as the default, but this way you can understand the logic of how you can build them from scratch as well as being…

Java Script

2 min read

JavaScript 30 — Day 11 — Custom HTML5 Video Player
JavaScript 30 — Day 11 — Custom HTML5 Video Player

Dec 7, 2021

JavaScript 30 — Day 10 — Hold Shift and Check Checkboxes

Thankfully this exercise has a nice and descriptive title. Indeed it seems simple enough but requires a little bit of a pause to think about how exactly you wish to tackle the problem. The goal is to have the user be able to check a box, hold the Shift Key…

Java Script

2 min read

JavaScript 30 — Day 10 — Hold Shift and Check Checkboxes
JavaScript 30 — Day 10 — Hold Shift and Check Checkboxes

Dec 7, 2021

JavaScript 30 — Day 9–Dev Tools Domination

More a quick lecture than an exercise. Wes went over some little tricks when using the using the browser dev tools, focusing mostly on the different console methods: console.log() — Y’all should know this one by now Interpolating in the console - Using a ‘%s’, you can grab the values from…

Java Script

2 min read


Dec 7, 2021

JavaScript 30 — Day 8 — Fun with HTML5 Canvas

I have limited exposure to HTML5’s <canvas> tag but did use it in a side project before when dipping my toe into using Chart.js but that is something for another day. This day’s exercise was a code-along for a simple Paint style clone in your browser. A lot of this…

Java Script

1 min read


Dec 7, 2021

JavaScript 30 — Day 7 - Array Cardio 2

I went back to visit family over the weekend and I fell behind a little with both the coding and my documentation of the challenge. The purpose of this challenge, for me, was not designed for stringent daily practice but rather a good guideline of what is easily digestible in…

Java Script

1 min read


Dec 2, 2021

JavaScript 30 — Day 6 — Type Ahead

This is a great feature for practice and review on a few different concepts. The Type Ahead exercise revolves around listening for user input and filtering through an array and output any cities or states (and the population) that match the user input. It’s a gentle refresher for fetch calls…

Java Script

2 min read

JavaScript 30 — Day 6 — Type Ahead
JavaScript 30 — Day 6 — Type Ahead
Steven Chen

Steven Chen

Following
  • Hugh Zhou

    Hugh Zhou

  • Rob Klassen

    Rob Klassen

  • Hugo A

    Hugo A

  • Azalia Loeciano

    Azalia Loeciano

  • Talia Marcassa

    Talia Marcassa

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Knowable