Category: Web Development

How To Create A Simple To Do List App Using HTML, CSS, JS, and PHP – Part 3

This is the continuation of a series of tutorials about creating a to-do list web application, if you haven’t checked out the entire tutorial please start from Part 1. In this part, we are going to add some JavaScript to cross out items in the to-do list when they have…

Continue Reading How To Create A Simple To Do List App Using HTML, CSS, JS, and PHP – Part 3

JavaScript Filter Function Explained

The filter function can be used to find elements within an array that match certain criteria. The example below shows an array called ‘myNumbers’ that contains the numbers 1 through 5. The filter function takes one parameter which is a function that has one parameter. The filter function works by…

Continue Reading JavaScript Filter Function Explained

JavaScript Map Function Explained

The map function in JavaScript can be used to create a new array based on another array while running a process on each element of the copied array. For example, you could use the map function to multiply every number in a list and then return a list of the…

Continue Reading JavaScript Map Function Explained

How To Create A Simple To-Do List App Using HTML, CSS, JS, and PHP – Part 2

This is the continuation of a series of tutorials about creating a to-do list web application, if you haven’t checked out the entire tutorial please start from Part 1. In this part, we are going to add a CSS stylesheet to our webpage to change the appearance of our web…

Continue Reading How To Create A Simple To-Do List App Using HTML, CSS, JS, and PHP – Part 2

JavaScript Find Function Explained

The find function in JavaScript can be used to find a specific item within an array. The find function requires a conditional operator to figure our which array item to search for and return if it exists. This conditional operator is contained within a function that allows you to do…

Continue Reading JavaScript Find Function Explained

What is the Developer Console in Browsers?

The developer console in a browser is a feature that allows you to see logged out messages from JavaScript but also to execute JavaScript on a live webpage. Any code that is contained within a console log statement in JavaScript will be shown in the developer console. The way to…

Continue Reading What is the Developer Console in Browsers?

How To Create A Simple To-Do List App Using HTML, CSS, JS, and PHP – Part 1

This is the first part of a tutorial series where I will be showing you how to create a simple to-do list web application. In this part, we will be creating a single HTML page to display a list of items on a to-do list. This entire tutorial series can…

Continue Reading How To Create A Simple To-Do List App Using HTML, CSS, JS, and PHP – Part 1

What is Hashing?

Hashing is a way to convert readable information into a more secure non-readable format. You can use hashing to secure passwords or any other information you don’t want hackers to be able to access. Hashing can also be used to ensure the integrity of data and/or its sender. There are…

Continue Reading What is Hashing?

JavaScript Closures

A closure is a function that can access the scope of its parent function even when the parent scope has been closed. The scope of a function is closed when the function has finished when the function has been completed. Closures can be explained through an example of creating a…

Continue Reading JavaScript Closures

JavaScript ‘this’ Keyword

The ‘this’ keyword in JavaScript is used to refer to the current object; the next highest object that defines the scope of the current context. It can be quite difficult to work out what ‘this’ will refer to within JavaScript. Remember it refers to an object, not the current scope….

Continue Reading JavaScript ‘this’ Keyword