- Backwards and Forwards (or — Palindrome checker)
Use javascript to check if a word or phrase is a palindrome.
- Filtering Lists!
One of the projects I'm involved with at work had an interesting set of problems and I thought I would share how I solved one them. One of the sites we're building has an A - Z index page. It's basically a massive link far (over 750 links and counting) that are listed alphabetically in groups like a dictionary.
- Styled Drop Cap Behind Text
A quick demo of making a (reasonably accessible) "drop cap" behind text as a style element.
- Webpack Output Settings for Libraries
I updated my library using webpack, broke it by accident, and then figured out how to fix it!
- Practical Recursion
If you're like me, understanding why to use recursion is hard. Fortunately, I've got a practical example that will help you understand it better.
- Fetch a random image with async/await
A small example to help me clarify asynchronous browser interactions for myself.
- Carousel challenge
I challenged myself to code up a page with multiple working carousels. Read on to find out how I did it!
- THE qck brn FOX
Complete a javascript challenge to get rid of vowels and make words all-caps using string and array methods.
- Learning MySQL With ExpressJS (Part 0)
I've started working on an experiment to learn more about SQL and WordPress by building a node app!
- Use React Hooks to Create a Toggle
A quick example of how I learned about the `useState` and `useEffect` hooks to build a toggle menu component.
- Fetch a random image with async/await Part 2
This time I wanted to create a helper function to store a variable.
- Using SVGs from a CDN?
The other day I was thinking about inline svgs and (vs?) font icons. Mostly because I'm kind of a nerd. But then I started about better ways of managing svgs in our projects. Find out how I ended up at a small gulp task to help manage them.
- Factorial Function
Calculate factorials with javascript.
- Over Engineering FizzBuzz
Let's "over engineer" a classic programming challenge!
- Creating a Martial Arts Training App Part 2 - User Creation/Log In
Come learn how to implement JWT authentication with: apollo server, httpOnly cookies, and prisma. But first, I'll make a brief detour into the apollo server context.
- Managing Webpack Vendor Chunks and WordPress
It may be old news to some, but today I took a deep(er) dive into webpack optimization. Here I'll describe how I took a WordPress plugin's main app bundle down from 440kb to 15.5kb. Then I show how I enqueued the hashed file names with a custom loader class.
- Creating a Martial Arts Training App Part 3 - Relay Pagination with Cursors, Edges, and Nodes
In part 1 of this series, I described how to create a prisma model for a user and then a type definition for apollo server to access that user on the database. In this post, I get into relay style pagination with cursors.
- Creating a Martial Arts Training App Part 1 - Set Up
I'm working on a martial arts training app and journaling the process. In this post, I get into how I set up my app to use: NextJS, prisma JS, and Apollo Server.