Hi, I'm Bolaji.

I create contents around web and frontend development.

About Me →

Become a Patron!
Follow @bolajiayodeji

Introducing GitHub Linguist

The files and directories within a repository determine the languages that make up the repository. With GitHub, you can view a repository’s languages to get a quick overview of the repository. But how does this happen? What powers this repository language overview? In this article I would: Introduce you to GitHub Linguist How it works How to fix common Linguist issues How to use gitattributesto override Linguist :) How to use Emacs or Vim modelines to override Linguist How to contribute to GitHub Linguist Let’s Roll!

Git Cheat Sheet

Git cheat sheet saves you time when you just can’t remember a specific command. It is hard to memorize all the important Git commands as a newbie, most times Senior Developers forget too. This is why you need a reference you can come back to when you get stuck. In this article, I’d show you the basic Git commands to help you learn Git, and more advanced concepts around Git branches, remote repositories, reverting changes, and more.

Introduction to Babel and JavaScript Bundlers

As earlier stated in my previous article ES6 modules is a very powerful concept. Although support is not available everywhere yet, a common way of using it is to transpile into ES5. You can use Grunt, Gulp, Webpack, Babel or some other transpiler to compile the modules during a build process. In this article, I’d guide through an introduction to transpiling ES6 with babel and bundling your modules with Browserify.

Introduction to ES6 modules

An essential aspect of software engineering is efficiency. Every successful app needs a solid architectural structure that allows it to scale at all levels without breaking. In respect to this, several techniques and patterns are engaged to ensure code efficiency. In this article, I would introduce you to ES6 modules, what they are, how to use them and why you should care {0[]0} What exactly is a module? In JavaScript, the word “modules” refers to small units of independent, reusable code.

Manipulating Arrays in JavaScript

Arrays have become an important part of any programming language. Most times we need to do several operations on arrays, hence this article. In this article, I would show you various methods of manipulating arrays in JavaScript [^^] What are Arrays in JavaScript? Before we proceed, you need to understand what arrays really mean. In JavaScript, an array is a variable that is used to store different data types.

Introduction to Chrome Lighthouse

Chrome Lighthouse has been around for a while now, but what if I ask you to explain what it does can you explain vividly? I discovered that a lot of web developers, including beginners, have not heard about this tool and those who have, have not tried it yet, that’s not cool :(. In this article, I would introduce you Chrome Lighthouse, what it does and how to start using it.

The GROWTH MINDSET demystified

I can’t do it, I can’t learn this, it’s too hard, Come on, I’m just a Junior Developer, WebPack is not my thing, I tried it and failed. Those are the words of a developer drenched and soaked with imposter syndrome. Over time we keep fighting ourselves, trying to run away from our shadows, trying to find shortcuts, yes I did also, I really did :( At a point in my life, I just felt some things were not meant for me, I felt maths was too complex for me, JavaScript was not my thing!

Introduction to JavaScript Switch Cases

In this short article, I will introduce you to JavaScript switch cases and how to use them with practical examples. PS: This article is not for those without any JavaScript knowledge, it is expected that you’re taking some tutorial or course and you just got to the switch cases section. This article will explain better with more practical examples to help you understand switch cases in depth. Prerequisites. Basic JavaScript knowledge Code editor Web Browser Your brain :) A switch statement can basically replace multiple if checks in JavaScript.

How to redirect HTTP to HTTPS Using .htaccess

Chrome and Firefox have started showing insecure warnings on sites without SSL certificates. Without SSL, your website will show insecure to the visitors. Therefore, using an SSL-encrypted connection for safety, accessibility or PCI compliance reasons is necessary. It becomes very important to redirect from HTTP to HTTPS. What is SSL? SSL (Secure Sockets Layer) is a standard security protocol for establishing encrypted links between a web server and a browser in an online communication.

How to build a simple Progressive Web App with PWAFire and Deploy to GitHub Pages and Firebase.

Recently I discovered a new trend, a powerful web technology, one that every Web Developer should know, yeah I said every! I first heard about PWA’s few months back, and at first it was weird trying to understand the concept and then trying to learn it. I stumbled on a link that led me to PWAFire an Open Sourced framework that helps you to Build Scalable Progressive Web Apps/First Experiences.

HTTP status codes and their meanings

Often time, we come across several errors while surfing through some websites which displays with a status code, as developers we need to be familiar with this status codes. In this article, I’d be explaining what each HTTP status code stand for. What is an HTTP status code? For every request from a web browser the server responds with a status code. If there was a error, you can get additional information about the error.

How to test a Pull Request locally before Merging.

In this tutorial, I would show you how to check, test and make changes to a pull request before merging. So your repository got a new Pull Request?, You don’t want to merge it before testing it out yourself locally on your machine. How do you go about it ? The pull request is available on this git ref pull/{ID}/head which you can fetch using this, where ID is the pull request id.

How to convert GitHub Markdown files to a simple website

Easy Markdown to GitHub Pages Introduction This little guide demonstrates how to turn any Github repository with a bunch of Markdown files into a simple website using Github Pages and Jekyll. You don’t need to use the command line or anything other than your browser. It doesn’t require any knowledge in Jekyll. It’s completely compatible with any bunch of markdown files you already have in any existing repository without any modification to those files.

How to Connect Mysql with PHP

When many developers refer to a database, they are usually referring to MySQL, a very popular DBMS that powers projects of all sizes. The USP of MySQL is its ability to handle huge volumes of data without breaking a sweat. In this article I will discuss how to connect MySQL Database using Localhost Server. Create MySQL Database at the Localhost First, let me tell you what PHPMyAdmin is. It is a control panel from where you can manage your database that you have created.