Hi, I'm Bolaji.

I write articles on web and frontend development.

About Me →

Introducing JAMstack: The Modern Web Architecture

I’m sure you’ve come across the word JAMstack before but you probably didn’t understand what it really meant. I’ve seen this word before also but didn’t care to check it out until Egwuenu Gift organized JAMstack Lagos, then I realised that I’ve been building JAMstack applications already. JAMstack is a Modern web development architecture, it is not a programming language or any form of tool. It is more of a web development practice aimed towards enforcing better performance, higher security, lower cost of scaling, and better developer experience.

Object.freeze() vs Const

ES6 has brought several new features and methods into JavaScript since its release. These features have better improved our workflow and productivity as JavaScript developers. Amongst these new features are Object.freeze() method and const . It is argued among a few developers especially newbies that these two feature works the same way, but NO it doesn’t. Object.freeze() and const work differently. Let me show you how! const and Object.freeze() are totally different.

Building & Deploying your first Progressive Web App

Progressive Web Apps are very much in use by some of the biggest companies like Twitter, Forbes, Alibaba, Instagram, Flipkart e.t.c and have gained popularity. Building a PWA is quite easy and simple. In this tutorial, we’re going to build a simple Progressive web app (A weight converter app). Let’s roll :) TABLE OF CONTENTS Introduction Starter files App description Building the UI Add JavaScript Functionality Build the Progressive Web App Deploy to Netlify Conclusion INTRODUCTION I’m sure by now you must have heard or read about Progressive Web Applications.

Iterating through JavaScript Objects  -  5 Techniques and Performance Tests.

Developers tend to know how to iterate through JavaScript Arrays easily but most times they tend to get confused while working with JavaScript Objects especially beginners and intermediates. In this article, I’d show you Five (5) different ways of iterating through JavaScript Objects and some performance comparison tests to show you which is faster and more efficient. * Useful tips :) Property flags Object properties, besides a value, have three special attributes (also known as “flags”):

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 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 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.