23
loading...
This website collects cookies to deliver better user experience
size: nano
time to complete: < 1 hour
No one should ever need a Linked or Doubly-Linked List in JavaScript (seriously, not ever, nor any of those other "classical" data structures), but it's the kind of exercise that always comes up in job interviews. So I decided to just get ahead of it and whip up proof that I know what these things are. Creating the DoublyLinkedList
class—and the LinkedList
class it extends—took all of 40 minutes, tops.
size: nano
time to complete: 2 hours
An example "widget" in HTML and CSS (no JS) that scrolls horizontally through slides with sticky vertical headers and snap points. I know... what? Click the link to find out. As an aside, we could rather easily turn this into a carousel and add an infinite, repeating scroll with just a trivial amount of JavaScript.
size: micro
time to complete: 3 days
After completing a coding challenge to create a clock in vanilla JS and CSS—which I did in record time (accidental puns FTW)—I was inspired to do something else with clocks. I landed on coding a stopwatch in React and SCSS with most of features of a real, fully functioning stopwatch. One new concept I stumbled across here was conical gradients in CSS and the arithmetic necessary to create the precisely-spaced tick marks around the clock face.
size: micro
time to complete: 3-4 days
Having trouble coming up with a project idea? Find someone else's project that inspires you, fork it, and make it better. That's what I did when I took this vanilla JS project on Codepen and made it into a streamlined micro React app with sliders to control the various effects. I was able to learn a ton about drawing and animating objects using Canvas.
size: mini
time to complete: 1 week
A robust, secure image resizing service easily deployable to resize, optimize, and cache images on "the edge," on the fly, built on AWS Serverless technologies. You can read my write up on this fully open source software here.