Open in app

Sign In

Write

Sign In

Steven Chen
Steven Chen

33 Followers

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…

JavaScript

2 min read

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

2 min read


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…

JavaScript

2 min read

JavaScript

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…

JavaScript

2 min read

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

2 min read


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…

JavaScript

2 min read

JavaScript

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…

JavaScript

2 min read

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

2 min read


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…

JavaScript

2 min read

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

2 min read


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…

JavaScript

2 min read

JavaScript

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…

JavaScript

1 min read

JavaScript

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…

JavaScript

1 min read

JavaScript

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…

JavaScript

2 min read

JavaScript 30 — Day 6 — Type Ahead
JavaScript 30 — Day 6 — Type Ahead
JavaScript

2 min read

Steven Chen

Steven Chen

33 Followers
Following
  • Hugh Zhou

    Hugh Zhou

  • Daniel Noordegraaf

    Daniel Noordegraaf

  • Rob Klassen

    Rob Klassen

  • Hugo A

    Hugo A

  • Talia Marcassa

    Talia Marcassa

See all (40)

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech

Teams