Configuring a REST API with Axios in Vue.js featured image

Configuring a REST API with Axios in Vue.js: A Tutorial

Axios is a popular JavaScript library used to make HTTP requests. It is a promise-based HTTP client used in JavaScript or with other Javascript libraries like Vue.js or React.js. Due to its isomorphic nature, Axios can run on the client and server-side simultaneously using the same codebase. Also, it is a powerful tool used collectively with async to formulate a user-friendly …

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 …

Ruby on Rails featured image 1

Installing Ruby on Rails with RVM on Ubuntu 20.04

Ruby on Rails is one of the most popular web app frameworks. It’s open-source software designed for developers to create successful projects while writing fewer codes. Having a fun and enjoyable development experience is one of the fundamental principles that make Ruby on Rails an attractive choice. The RVM (Ruby Version Manager) tool, as the name suggests, is a third-party …

GitLab CI featured image

How To Set Up GitLab Continuous Integration (CI) Pipelines on Ubuntu 20.04

Every developer understands how crucial version control is to the software development lifecycle. It enables multiple people to work simultaneously on a single project, each person maintaining their own copy of the code and choosing when to share it with the rest of the team. To achieve this, developers make use of Git repositories to help with version control. GitLab …

Javascript Objects Featured image

Working with JavaScript: What are Objects?

Introduction JavaScript is a computer language that is used all over the world for programming purposes. There are various components that constitute the language. In this tutorial, we will be covering objects which are a data type. Objects are standalone entities that may comprise names, keys, or values. Each of these collections is represented in name:value pairs. These pairs may …

JavaScript Date and Time featured image

Basics of JavaScript: How to Work with Date and Time

Introduction Date and time are not only critical components of routine life but also a part of computer programming. Whether you need them to book appointments or display a calendar, there are many reasons why you would require a date and time. The applications of date and time features are extensive and extremely versatile. The versatility comes from the fact …

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 …

Node.js app install on Ubuntu featured image

How to Deploy a Node.js (Express.js) App with Docker on Ubuntu 20.04

Introduction Docker is a container platform that is a lightweight, virtualized, portable, software-defined standardized environment. It allows the software to run in isolation from other software running on the physical host machine. Docker is a defining component of the Continuous Development and Integration aspect of Software Development. It offers a lightweight alternative to virtual machines and allows developers to enjoy …