JavaScript Add Class: A Guide
Adding a class property to an element helps the developer create a dynamic user experience on the web page. When a class property is added to an element, that selected element will assume the styling associated with that class name.…
Using jQuery toggle()
The jQuery toggle() method can be thought of as a lightswitch. When called, it toggles the selected elements “on” or “off.” That is, it toggles between rendering elements to the user or hiding them. In the following example, we will…
How to Use git merge
When contributing code to an app, usually you’ll be committing that code on a feature branch in git. In this guide, we will look at how to keep the projects commits in sync. We will also take a brief look…
A Brief Introduction to jQuery animate()
The jQuery animate() method performs custom animations on specified CSS properties. It accepts a number of arguments. The first argument is an object containing the CSS changes to be made. The second argument is able to handle multiple options such…
Getting Started with npm uninstall
With any well designed software, there must be a way to not only install the software, but to uninstall it from your machine. Node Package Manager, or npm, offers a simple command to achieve this. Using the npm uninstall command…
What is FTP?
File Transfer Protocol, or FTP, is how files are transferred between computers on the Internet. It is a safe and reliable way to send files between users with access to the FTP server. FTP is also a common method for…
What is npm init?
The npm init command in the JSON language creates a package.json file for your project’s frontend. A package.json file is a file that contains information about the project’s packages and dependencies. It also contains metadata for the project such as…
What is DNS?
DNS, or Domain Name System, is the process of translating domain names into IP addresses. Let’s say you want to check your email at www.email.com. When you type the domain name in the address bar, DNS begins the process of…
What is SSL?
Secure Sockets Layer (SSL) is a protocol that encrypts and authenticates data between networked machines. Think of visiting a secure site, such as your online bank account. Having that kind of sensitive information online requires security protocols to keep your…
How to Use React useEffect
The development team at React introduced the concept of Hooks in React version 16.8. A React Hook allows the use of state and other React features in a function component. With the hook useState, a function component can set its…
React Lifecycle: An Overview
A lifecycle in React can be thought of in three different phases: mounting, updating, and unmounting. Mounting occurs when the React component renders to the DOM (Document Object Model). When changes are made to that component, it enters the updating…
A Closer Look at jQuery Selectors
Selectors are the foundation of the jQuery library. They will always be used when using jQuery to manipulate the DOM. Selectors operate as a function to return a matching element. They come with the jQuery library and are ready to…
What is JSON?
JSON is an acronym for JavaScript Object Notation. It is a JavaScript object that organizes data in key/value pairs. Storing data in this manner makes these objects lightweight and language independent. This means JSON can be read by most programming…
An Introduction to Strings in JavaScript
A string in JavaScript, as is the case in many other programming languages, is a data type that holds data in text form. A common use for strings in the context of a web application is holding a user’s input…
Manage State in React with setState
Keeping track of an application’s state is how a single page application (SAP) registers changes and renders them to the user. Unlike a model, view, controller (MVC) framework, SAPs do not redirect the user, and therefore need a way to…
A Beginner’s Guide to jQuery on()
The jQuery on() method is a way to attach an event handler on an element. The element passed to the selector can be anything on the page. Most commonly, on() is a way to attach a click handler to a…
JavaScript alert() Method
The JavaScript alert() method, also known as Window.alert(), displays an alert dialog box to a user. It accepts an optional message argument to display a message with an OK button to the user. Common uses for alert() are to let…
How to Disable a Button Using jQuery
There are many reasons to disable a button in a web application. Whether it’s to prevent a user from adding a sold out item to their shopping cart, or not allowing the user to click a button after an action…
How jQuery each() Works
jQuery each() is a concise way to iterate over DOM elements. Each() method is designed to be called on the target jQuery object. A jQuery object is an object that contains one or more DOM elements and has access to…
How to Use the jQuery html() Method
jQuery has many methods available to help developers efficiently create a dynamic web experience. The jQuery html() method replaces all HTML inside of the selected element. This is useful if you want to dynamically change what the user is seeing…
