Recently I ran into a situation where I wanted to be able to send a request to the back-end of a web application that would not be strictly possible for a user via the UI. In this post, I will explain the importance of having a good understanding of how to send different type of AJAX requests from the browser console and provide some examples for doing so.
Toggle Button State Using Ajax
Dynamic Increment Buttons In Javascript
Adding Type Validation To Props in React
Dynamic Pagination With Ajax
How To Make a Dynamic Dropdown With React and Fetch
How To Install React With Laravel and Gulp
A Sticky Navigation Bar on Scroll Using Javascript
How To Draw with Javascript & HTML Canvas
Javascript: Update NodeList Elements Based on an HTML Range Input
In this post, I'm going to walk through how to update a Javascript node list based on the input values of an HTML range. Every time a user to our website moves the input slider, we will take the value of the slider and multiply it by an array of constants to produce a new value. Finally, we will output this new value to the page.
Javascript: Sort An Array Using The Compare Function
Javascript: Calculate Characters Remaining In A TextArea
In this post, we'll create a Javascript event listener that calculates the number of characters that have been entered in a TextArea. The purpose here is not to demonstrate the quick and dirty solution, but rather to fully understand how the code actually works. This functionality is helpful for inline form validation and preventing users from hitting the server-side with invalid data.
Javascript: Add & Remove HTML Elements
In this post, I'm going to walk through the simplest possible example of how Javascript enables the creation and deletion of HTML elements. Using a list, we will access elements based on their tag name, add a new item to the list, and delete an item from the list. This tutorial is designed to be beginner friendly.
Javascript: Make Elements Appear On Scrolling
If you've used the internet recently, you've probably noticed a design trend popular on app landing pages, personal websites, and all kinds of other websites: elements that are animated to appear on the page when you scroll to that point. Although it appears fancy, this effect is ridiculously easy if you utilize a little bit of javascript and two external frameworks. Let's walk through creating a simple animated webpage from scratch.