Tired of console.log() to debug all the time? Use DevTools and these strategies to be a more efficient debugger!

Are you still typing console.log() in your projects to debug? In this article, let's learn how to be a more efficient debugger using Chrome DevTools.

What is Chrome DevTools?

The Google Chrome browser offers a built-in developer tools (aka DevTools) that help developers edit their code directly on the browser, add breakpoints to detect issues and debug their code quicker.

Introduction to DevTools Panels

The DevTools UI has a total of 8 panels. This article will mostly cover the Sources panel, as that’s where we will debug.

A quick and simple overview of React for beginners to get started

It might seem overwhelming for a beginner to learn the React framework. After all, it has gone through a lot of changes since it was first released around 2013. Here’s a cheat sheet, not a full tutorial but a simple-to-understand and concise overview on what it takes to learn React.

What is React?

It is a JavaScript library designed to create single-page applications with reusable UI components.

How does it work?

React stores the information DOM by creating a virtual DOM in its memory. Before it renders the DOM nodes onto the browser, it checks for changes between its past and present virtual DOM. If there’s a…

Step-by-step tutorial on how to build your very first Discord bot!

Hello everyone! In this article, let’s build a simple Discord bot with Node.js. This tutorial aims at beginners with zero knowledge on how to build a Discord bot.

To follow along, you need to have the following prerequisites:

• Code editor (i.e. VS Code)
• Basic knowledge in JavaScript
• Node and npm installed in your machine
• A Discord account and server set up

Step 1: Create an App in Discord

First, we need to create our bot as an app in Discord. Go to discord.com/developers and sign in or create a developer account.

Once you’re logged in, click on ‘New Application’ at the top right of the window.

Building a simple authentication has never been easier with the help of AWS Amplify. In this step-by-step tutorial, let’s authenticate users by integrating AWS Amplify (and Cognito) in a React app.

Prerequisites

• Node.js and npm installed on the machine
• Basic JavaScript and React knowledge
• Any code editor (i.e. Visual Studio Code)
• AWS Console Account

If you don’t have an AWS account, you can sign up at: aws.amazon.com/console.

Step 1: Install Amplify CLI

First thing you need to do is to install the Amplify CLI by running the code below:

npm install -g @aws-amplify/cli

Then, create a new React app with this command:

npx create-react-app <app-name>

Step 2: Configure Amplify

Now…

Hello everyone! Let’s learn about Amazon Relational Database Services (RDS). An amazing product that lets you set up, scale and operate a relational database in the cloud. In this step-by-step tutorial, we will take a look at how to set up a MySQL connection in an RDS database.

Prerequisites

• Understanding of relational databases. To learn more, read this article
• An AWS account. If you don’t have one, sign up here
• MySQL Workbench installed in your machine. If not, install here

Step 1: Create Database in AWS RDS

Sign in and go to console.aws.amazon.com/rds. On the left-hand panel, make sure you are on Dashboard, then click Create Database.

Let’s build a simple React app with HarperDB! A step-by-step tutorial for beginners!

In this article, let’s learn about HarperDB, a very simple yet powerful database management solution that you can easily integrate with any app.

To showcase some of its great features, let’s build a React app together in this step-by-step tutorial. In this app, we will have a database on HarperDB that stores information on top programming blogs. Our React app will then fetch data from HarperDB and display it as a table.

Prerequisites

In order to follow along, you will need the following:

• Basic React & React Hooks knowledge
• Basic knowledge on JSON
• Code editor (i.e. Visual Studio Code)
• Node.js and…

There’s no such thing as the “perfect” resume, but there is a perfect audience for your resume.

Recently, many of my readers have asked me to review their resumes so I thought I should just write an article on it. In this article, I’d like to share some tips on how to craft a resume for your targeted industry, how to make it from good to great and highlight some common mistakes that should be avoided. I hope this article will help a lot of you who are currently looking for jobs so let’s get started.

First, let’s learn about…

Developers commonly use SQL or NoSQL databases to store and organize data. But do you know that there’s a more lightweight, flexible and intuitive alternative? It’s called a spreadsheet, a very familiar type of document for most people.

In this beginner-friendly tutorial, we shall build a simple quote gallery app. The app can do the following:

• Fetch quote data from “database”
• Display fetched data in app
• Add new quote and update the “database”

The “database” that we are using in this app is Google Sheets! That’s right, no fancy SQL or NoSQL databases, just the simple spreadsheet we all know…