Hi, I'm Bolaji.

I create contents around web and frontend development.

About Me →

Become a Patron!
Follow @bolajiayodeji

Building a SlackBot with Node.js and SlackBots.js

Slack is an American cloud-based set of proprietary team collaboration software tools and online services, developed by Slack Technologies. Slack is a workspace where teams can communicate and collaborate. Teamwork in Slack happens in channels — a single place for messaging, tools and files — helping everyone save time and collaborate. One of the awesome features of Slack is Slack Apps, integrations and Slack Bots. A Slack bot is a type of Slack App designed to interact with users via conversation.

I'm joining Hashnode 🎉🎉

Hello, Awesome, Super excited to announce that I’ll be joining the awesome team at Hashnode 🎉🎉 I’ll be handling Developer Relations and my main priority would be building relationships with the super awesome developers using our platform(s) and creating a thriving ecosystem for our own community of developers. At Hashnode, we focus more on inclusion, compassion and collaboration and our mission is to build a community of software developers, collaborating together to build an open and inclusive environment.

How to fix Git always asking for user credentials

Have you ever encountered Git asking you for your username and password every time you try to interact with GitHub even after configuring it? Well, this is a very common problem among users who use the HTTPS clone URL for their repository. In this article, I’ll show you how to fix this. The https:// clone URLs are available on all public and private repositories. These URLs work everywhere, even if you are behind a firewall or proxy.

Git first time setup

Git is a Free and Open Source Distributed Version Control System. By far, Git is the most widely used modern version control system in the world today. Git is a distributed and actively maintained open source project originally developed in 2005 by Linus Torvalds, the famous creator of the Linux operating system kernel. Unlike older centralized version control systems such as SVN and CVS, Git is distributed: every developer has the full history of their code repository locally.

How to compile your C++ code in Visual Studio Code

C++ is a statically-typed, free-form, (usually) compiled, multi-paradigm, intermediate-level general-purpose middle-level programming language.” In simple terms, C++ is a sophisticated, efficient and general-purpose programming language based on C. It was developed by Bjarne Stroustrup in 1979. One of C++’s main feature is the compiler. This is used to compile and run C++ code. A compiler is a special program that processes statements written in a particular programming language like C++ and turns them into machine language or “code” that a computer’s processor uses.

Handling Static Forms - The Client-side Way

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.

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.

Introducing Google Season of Docs

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.

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.

Introduction to Web Accessibility

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.

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.

Introducing CSS Custom Properties (Variables)

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.

Getting Started With Hugo and Deploying to Netlify

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.

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

GitHub Student Developer Pack Demystified

There’s no substitute for hands-on experience, but for most students, real-world tools can be quite expensive. That’s why GitHub created the GitHub Student Developer Pack to give students free access to the best developer tools in one place so they can learn by doing. In this article, I’d take you through: What is GitHub Student Developer Pack Contents of the pack Terms and Conditions How to apply for the pack Expiration and renewals Let’s roll :)