More Posts
Learning Programming Fundamentals the FUN Way, In Any Language
What timeless advice welcomes fresh programmers? Yes, you guessed it. Fundamentals. Learn how to code in pure JavaScript before learning a framework like Vue.js. Whatever your stack may be, the advice remains rock solid. Learn fundamentals first before diving into the exciting, fancy world of web frameworks. There’s just one problem with this advice, especially […]
Read Post
Using debounce in Vue.js templates
If you’ve ever used something like lodash, you may have heard of the debounce function. Debounce is useful for limiting the amount of calls a function makes in a set time frame(in milliseconds). For example, if you want to call a function once per second as a user is typing in a search box, debounce […]
Read Post
Getting to Know JS: Destructuring Objects and Arrays
One very handy feature that JavaScript added was destructuring. You may have heard of it and perhaps even used it. Did you know you can destructure a nested object? Did you know you can probably do a lot more with it than you think? In this post I want to explore the possibilities of this […]
Read Post
Make Your CSS Life Easier, Learn To Abstract Media Queries With SASS Mixins
Digging into the trenches of responsive design can be surprisingly daunting, especially if you’re new to this kind of thing. The amount of shiny front-end build tools seem overwhelming at first, but they are ultimately here to help you. In this post, we’re looking at a shiny build tool called SASS. It’s actually not that shiny, […]
Read Post
Testing File Uploads With Cypress.io
Cypress is an end-to-end testing framework designed to provide coverage for front-end UIs. Learning how to automate tests has its learning curve, but the benefits grow with your application’s complexity. I was tasked to test a process that involves uploading multiple types of files. In particular, application/pdf and image/* mime-type files. Doing this with Cypress […]
Read Post
Prettify Your CSS: Simple Linting Rules For Readable Code
Every web developer has come across CSS at one point or another. For most, it’s a necessary evil that’s easy to learn, but difficult to master. After some time, you start to get the hang of it and maybe even pick up something like SASS and/or flexbox. One thing you may not realize: your code […]
Read Post
Getting to Know JS: slice vs splice
If you’ve been coding in JavaScript for some time now, you’ve likely run into both slice and splice. Do you know the differences? Do you know when to use one over the other? They both seemingly do the same thing, but there are some key differences between the two. Let’s take a deeper dive into […]
Read Post
Git Amend: How To Edit Your Last Commit
Git’s amend command is so simple, yet so powerful. I personally use it multiple times a day and even have a bash alias for it. Why is amending so useful? The answer is simple: programmers make lots of mistakes. Mistakes are a part of the job. Git amend fixes mistakes as simple as a commit […]
Read Post
Git Good: Using Cherry-Pick to “Move” Commits
It’s no secret that Git is an essential tool for all kinds of software. Git isn’t terribly hard to pick up, yet has a complex learning curve. The neat thing about the learning curve is the little tricks just waiting to be picked up. Today, I will be going over something that can be massively […]
Read Post
Linux | How To Easily Compress a Video With ffmpeg
Every here and there, you may come across a use case where it’s necessary to reduce a video file by 50-80% without any noticeable loss of quality. Often times it’s for front-end performance reasons, but can also come in handy if a server has an upload limit(50MB on a typical WordPress site for example). There […]