November 25, 2022 in Learn
Learn How To Store Data on The Client with LocalStorage
The LocalStorage API gives front-end web developers access to a simple key-value datastore that can be used to save data on a users computer. Saving data on the client-side can help to speed up the performance of your web applications…
October 17, 2022 in Learn
JavaScript Basic Array Methods
Arrays are used to store a collection of multiple items under a single variable name. This collection could be things like strings, numbers, or even a mix of different data types. Sometimes we need to update or manipulate our arrays…
October 5, 2022 in Learn
JavaScript Emoji Selector
I’d like to show you how we can create an easy-to-use emoji selector for any website or application. We’ll use the browser’s built-in fetch API to connect to the open-emoji API to display a list of all emojis. If you’d…
September 28, 2022 in Learn
Creating Custom HTML
(Photo by Kenny Louie / Flickr) An exciting feature of the HTML specification is creating custom HTML elements. These allow you to create your own HTML elements along with their own JavaScript API. This can be useful when building interfaces with reused…
September 19, 2022 in Learn
Animated Hamburger Menu
Hamburger menus are great for toggling a mobile navigation. Adding slick animations to show the open or closed state can be tricky but I will explain how this can be done pretty easily. Let’s get started. 😎 If video tutorials…
August 23, 2022 in Learn
How to Build a JavaScript Search
Being able to search and/or filter through your website’s data is a great feature to implement for your users and setting it up isn’t as hard as you may think. It just requires a little bit of JavaScript. Today, I…
August 7, 2022 in Career Advice
Front-End vs. Back-End: The Complete Guide
When you first decide to begin your coding journey — and maybe even pursue a career in web development — it can be difficult to understand industry terms like front-end, back-end, and full-stack. What are these different web development roles?…
July 26, 2022 in Learn
Dark Mode In CSS
How often do you find yourself on a website or app looking for a toggle for dark mode? Most apps now-a-days, like Facebook, Twitter, Instagram, & Snapchat just to name a few, use some sort of dark mode feature. Implementing…
June 7, 2022 in Learn
Gulp for Beginners
Setting up gulp using gulp.js Introduction to gulp.js What is gulp? According to their homepage (gulpjs.com), it’s a toolkit to automate & enhance your workflow. What exactly does that mean? Well, for medium to large-sized projects you may want to have a…
May 20, 2022 in Learn
How to Load an Image With Async JavaScript
There may come a time where you want to download an image in the background instead of seeing it load like this… …have it load like this: Overview Whether you have an image gallery with high-res images, or you’re creating…
May 17, 2022 in Community
Build a JavaScript Tip Calculator
Ever found yourself at a restaurant wishing you could figure out how to split the bill with your friends or family? Building a calculator that can handle that isn’t as hard as you think! I am going to take you…
May 12, 2022 in Learn
7 Best Node.js Project Ideas for Beginners
Note: This post was edited on 10/8/20 to more accurately reflect Node.js’ possibilities! Thanks to Treehouse Instructor Reggie Williams for the updates. Node.js is a completely free, open source server platform. Not only is it used for making simple websites,…