Creating Selectable Input with Datalist

A selectable input is the way my brain likes to think of it. You could also think of it as a list of predefined options for the input element. Or you could think of it as a recommended list of options. Whichever way you prefer to think about it, it serves a great purpose. You start off by creating a basic form as you normally would. <form> <label for="food-choice">Make a food selection</label> <input id="food-choice" name="food-choice" type="text" placeholder="Food selection"> </form> Now, we can give the input element a “list”....

June 16, 2021 · 1 min

Fetch Request vs. XHR Request

There are a couple ways to make AJAX requests. AJAX stands for Asynchronous JavaScript And XML. We use AJAX requests to fetch data from a server after the webpage has already been loaded, which was a game changer for the web. The flow goes a little something like this… browser creates XMLHttpRequest browser sends HttpRequest to server Server processes HttpRequest Server creates a response and sends the data back to the browser In JavaScript, we send a XHR request by creating an XMLHttpRequest object....

June 15, 2021 · 1 min

Git Workflow for Projects with Multiple Collaborators

When there are multiple collaborators on a project, there a few steps that I always take. Here are my suggestions for your next group project. Create branches based on features. For example, if one of your features in the project is a header. Create a branch for that header where you work on code relevant to that feature. To create a new branch run the following code in the terminal....

June 14, 2021 · 2 min