JavaScript Tools: localStorage and sessionStorage

JavaScript (often abbreviated as JS) is one of the foundations of the modern web infrastructure. It’s a lightweight, interpreted, object-oriented programming language that supports first-class functions. JavaScript is mostly known for its implementation in dynamic web pages. Because of its features, however, JavaScript is also used in non-browser environments. In this guide, we will discuss in detail two JavaScript objects: …

Using Vue and Axios to Display Data from an API featured image

Using Vue and Axios to Display Data from an API

Vue.js is a popular JavaScript framework for building user interfaces. It’s designed to be incrementally adoptable. It can also work with other libraries and existing projects. However, Vue can power sophisticated single-page applications by itself (with the help of modern tooling and supporting libraries, of course). Vue, being a JavaScript-based framework, supports all the JavaScript features as well. JSON is …

JSON.parse() and JSON.stringify() featured image

A Tutorial on Working with JSON.parse() and JSON.stringify()

JSON stands for JavaScript Object Notation. It is used to describe JavaScript objects. It is a data-sharing format that specifies data values using key-value pairs. The JSON object is supported across all major browsers. This tutorial requires that you are familiar with JavaScript and working with the JSON object. To get familiar with JSON, you can take a look at …

Using HTTP client Axios in a React Application featured image

Using HTTP client Axios in a React Application: A Tutorial

Many web apps face the necessity of interfacing with a REST API at some point in their development. For React-based web apps, we can use Axios, a lightweight HTTP client based on the $http service within Angular.js v1.x. The features are similar to JavaScript’s native Fetch API. Axios is promise-based, allowing us the ability to incorporate JavaScript’s async and await

React Project featured image

Setting Up a React Project with Create React App

React is one of the most popular JavaScript libraries for developing front-end apps. It’s an open-source library that was originally developed by Facebook. React quickly became popular for creating fast applications with JSX – a programming paradigm that combines JavaScript with an HTML-like syntax. Previously, setting up a React project would have been a complex process. It required configuring the …

JSON JavaScript featured image

A Tutorial on Working with JSON in JavaScript

Introduction There are many ways that JSON can be used in JavaScript. One of its most basic uses is storing data. You can also use it to transfer data between clients, between servers, or from server to client. Other useful applications include the ability to configure and verify data as well as generate data structures. In this tutorial, we will …

JSON featured image

An Overview of the JSON Data Sharing Format

JavaScript Object Notation (JSON for short and pronounced much like the name ‘Jason’), is a type of data sharing format. As evidenced by its name, JSON stems from JavaScript, but it is not the sole code proprietor that permits its utilization. In fact, many other programming languages have it available for their use including Ruby, PHP, Python, and Java. When …