Forms are interactive elements used to get input from the user for further processing. Most times, forms are just used to receive input that requires no processing but rather just receiving data, this might be a contact form, RSVP, get a quote e.t.c

Traditionally, forms are managed with the help of a server (also known as server side), but this is more efficient when you’re processing the data from the form, maybe a user registration form where the form data is validated, authenticated and saved in a database.

When you’re building a simple form where you’re only receiving data from…


<img src=”Google”>

I’m sure you’ve come across the word JAMstack before but you might not have understood 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. I then realized 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.

In this article, I’ll introduce you to what JAMstack means…


ICA-FULOKOJA is a platform for growth and development of future world-class developers, designers, CTOs, founders and CEOs, to learn from industry subject matter experts, share knowledge, network, build the community and gain from the many great opportunities attached to the program.
“Our aim is to create an active environment for tech enthusiasts to learn, share knowledge, network, build their technical skills and equip everyone, regardless of their major, to become world class developers.”

On Thursday, May 9th 2019, we held the first ever Ingressive Campus meetup in Federal University Lokoja from 10:00 AM till 3:00 PM. …


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 they don’t. Object.freeze() and const work differently. Let me show you how!

Overview

const and Object.freeze() are totally different.

  • const behaves like let. The only difference is, it defines a variable that cannot be reassigned. …


Google believes that open source is good for everyone. By being open and freely available, it enables and encourages collaboration, development of technology and solving real-world problems.

Over the years, Google has created a healthy ecosystem for the sustainability of open source for all via its several communities

Beyond the open source software we directly use and release at Google, we also work to support the sustainability of open source organizations and communities. Many of these efforts are focused on introducing new people to open source. — Google

Some of these communities include:


As developers, it’s easy to assume that all users can see and use a keyboard, mouse or screen, you feel everyone can interact with your web page the same way you do. This can lead to a user experience that works well for some people but creates issues for others :(

Many developers have only a little or blurred understanding of what accessibility means, of course, accessibility can be a complex and difficult topic but understanding it, its scope and its impact can make you a better and inclusive web developer.

In this article, I’ll introduce you to accessibility, what…


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 :)

PS: This article was first published on my blog here

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. Progressive Web Applications are…


In the past years, maintaining CSS was a very big problem for bigger projects or complex apps as a result, building reusable components and cleaner styles were hard to achieve.

CSS Preprocessors came to solve this problem and have been around for years now (SASS, LESS, e.t.c). They extend CSS with key features like variables, operators, interpolations, functions, imports, mixins e.t.c.

However, in Modern CSS, we now have a new powerful feature called Custom properties, otherwise known as CSS variables or cascading variables. Now you can declare variables directly in your CSS without having to use CSS Preprocessors.

In this…


Hugo is a fast and modern static site generator written in Go, and designed to make website creation fun again. It builds pages when you create or update your content. Websites built with Hugo are extremely fast and secure like https://bolajiayodeji.com. In technical terms, Hugo takes a source directory of files and templates and uses these as input to create a complete website.

Hugo sites can be hosted anywhere, including Netlify, Heroku, GoDaddy, DreamHost, GitHub Pages, GitLab Pages, Surge, Aerobatic, Firebase, Google Cloud Storage, Amazon S3, Rackspace, Azure, and CloudFront and work well with CDNs. …


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.

PS: This article was published first on my blog here

* Useful tips :)

Property flags

Object properties, besides a value, have three special attributes (also known as “flags”):

  • writable – if true, can be edited, else it's read-only.
  • enumerable – if true, then listed in loops.
  • configurable –…

Bolaji Ayodeji

Developer Advocate at Commerce Layer

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store