Adding a GoogleFont to your CSS file is not only very easy but also a great way to spruce up your website or web application.
In this short tutorial, I’ll cover how to import a GoogleFont in a few, easy steps.
Step 1: GoogleFonts
Head over to the GoogleFonts site and browse the fonts. Choose a font that matches the personality and feel of your website.
Step 2: Choose a Font
Once you’ve found a font you like, be sure to select a few styles, so that you have variety of font styles to choose from when designing the typography…
In this quick tutorial, we will walk through setting up a very simple Flexbox layout. Flexbox is an incredibly powerful module that allows you to set your layout in CSS in an intuitive and simple. It is particularly useful for building dimension layouts.
The main idea behind Flexbox is that empty space inside a container element can be automatically divided by its child element. Therefore Flexbox makes it easy to automatically align items to another inside a parent container, both horizontally and vertically.
Prior to Flexbox and CSS grid, web developers relied on floats (and manually setting widths, heights, margins…
Sorting algorithms are one of the foundational concepts that you’ll first encounter in the field of computer science. For junior developers or coding bootcamp grads who lack a background in CS, sorting algorithms are an integral part of having a well-rounded understanding of programming.
If you’ve complete any easy LeetCode challenges, then chances are you have already written iterative functions. For example, a simple loop that iterates through an array.
You may be wondering why if we already have one way of writing functions in an iterative way, then…
In this quick tutorial, I’ll show you how to set up your local environment for Python development as well as get you started on coding your first Python program.
Before we jump in, let’s briefly talk a…
When I first heard the term Big O Notation, I’ll admit that I was a bit intimidated by what seemed at first glance a nebulous and complex topic.
However, after completing the Big O section in Colt Steel’s Algorithms and Data Structures course on Udemy, I can confidently say that this topic is less scary and cryptic than I originally thought!
In essence, Big O Notation is a way by which we analyze the performance both in terms of time and space of an algorithm. While algorithms themselves can be complex, unique, and vary widely from one to another, Big…
For a while, I’ve been bookmarking some cool tutorials from FreeCodeCamp that teach you how to develop games. I felt like I needed some more experience with my stack, before I shifted gears into creating games. Thankfully, I found that tutorials and the Kaboom.JS library to be extremely accessible, easy to use, and fun when it came to building my first game: a clone…
It goes without saying that as a developer having a solid grasp of CSS is not only essential but also leads to much better designed applications.
Though I felt like I had a good handle on CSS, I recently decided to brush up on an aspect of CSS that has always proved tricky for me: grids. While I’ve managed to create grids before in several applications either in CSS or with bootstrap, I’ve had to rely on a lot of googling to come up with my desired layouts.
These one-off questions while able to give me a quick answer did…
I recently discovered Koa JS which is a minimal interface for developing apps and APIs. It is a modern framework from the creators of Express.
There are many benefits to using Koa JS. The framework is extremely light with a smaller footprint than any other Node.js. It also has thin middleware and the option to extend the framework with added modules.
The main focus of speed and creating a better user experience that is fast and can handle many API requests. Koa is build with ES6+ and modern JS syntax.
When it comes to handling requests and responses, Koa encapsulates…
For one of my projects, I recently learned how to create a carousel of images in a react application. Incorporating carousels into your application is a great way to make certain content stand out, keep your application looking organized, and also helps to give the site more interactivity.
In this blog post, I’ll walk you through how to set up a carousel of images in react using the react-responsive-carousel package.
Let’s get started!
Step 1: Create your functional component
Assuming that you’ve already created your react app, let’s begin by creating a basic functional component that will be responsible for…