February 8, 2023 in Learn
How to Manipulate Classes Using the JavaScript classList API
Something that comes up often when building front-end web applications is the need to change the classes applied to an element. For some time elements have had a className attribute which allows you to retrieve a string containing the class…
January 18, 2023 in Learn
How to Use the Browser Developer Tools Console
The browser developer tools console is one of the most powerful tools available to you when it comes to debugging your front-end web applications. The console has an API that provides several methods that make debugging easier. It’s not uncommon…
December 21, 2022 in Learn
How to Memorize Codes: Tips & Tricks
One of the most common questions I get from students is: “What’s the best way to retain what I’m learning?” Students may think they understand the lessons and concepts being taught, but later struggle putting it all into practice. Writing…
December 15, 2022 in Learn
What is JavaScript?
This blog post was written by chatGPT. The Treehouse team is experimenting with this exciting new service and so thought we would ask it a few questions and see how it compares to similar content! If you’re wondering what is…
November 25, 2022 in Learn
How to Store Data in LocalStorage in JavaScript
The LocalStorage API gives front-end web developers access to a simple key-value datastore that can be used to save data on a user’s computer. Saving data on the client side can help 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…