Code. Eat. Sleep. Loop

In Tutorials front end on

How to Use Chrome Dev Tools to Find Performance Bottlenecks

As one advances through a Software Development career, concerns beyond simply writing code that works arise. In the world of web development, it becomes pertinent to not only build functional software but to also make them highly performant such that they are able to seamlessly deliver the desire...

Read more

In Tutorials react on

Build a To-Do application Using Django and React

Web development has grown rapidly over the last decade, and there's a long list of frameworks to choose from when building your projects. A developer’s decision on what framework(s) to use for a project is usually influenced by a number of specific factors; one of which is the complexity of th...

Read more

In Tutorials django on

Django Authentication With Facebook, Instagram and LinkedIn

Introduction For users of internet services, there are only a few things worse than having to manually sign in (and sign-up) with different websites. The ordeal of the manual sign-in process can be associated with the difficulty that the user may experience in having to remember multiple...

Read more

In Tutorials django on

Building a Universal Application with Nuxt.js and Django

Introduction The advent of modern JavaScript libraries such as React.js and Vue.js has transmogrified Front-end web development for the better. These libraries ship with wonderful features including SPA (Single Page Applications) which is basically the dynamic loading of the content in w...

Read more

In Tutorials node.js on

Build Light-Weight REST and Realtime Apps with FeathersJS

In the barest of definitions, Feathers is a simple minimalistic realtime framework for web applications built over Express. What this means is that with Feathers, you can keep using middlewares but in addition, you get realtime, RESTful services and ORM support out of the box. In this post, we’...

Read more

In Tutorials react on

Add Animations to React Apps with React-Lottie

So your designer just came up with an amazing new animation on Adobe After Effects for your web application, fantastic! Just one problem, how do you convert this to a format usable within your web app? No worries, the awesome folks at Airbnb Design have your back. Introducing, ...

Read more

In Tutorials python on

Getting Started with Python in Visual Studio Code

Python is one of the most popular and easy to learn languages, which is why it is often one of the first languages you learn. Let's see how to work with and run Python inside of Visual Studio Code! TLDR Install the Python extension to get intellisense and shortcuts for running Pyt...

Read more

In Bar Talk on

3 Tools to Keep npm Packages Updated

Keeping npm packages up to date is a chore. Sometimes it can turn into a disastrous chore since updating packages to a new major number could potentially break your apps. Even with the potential for breaking my entire application, I do like staying on the latest version numbers. Dang...

Read more

In Bar Talk vs code on

console.log() Faster with Turbo Console Log

I've recently been live-coding on Twitch and the thing that I've loved about it is all the users in the chat that are helping me out by giving me their own tips and tricks. In our most recent stream, we started talking about my VS Code exten...

Read more

In Bar Talk vue on

VS Code 1.32: Autocomplete in Vue Templates

The VS Code 1.32 February update is out now and with it comes some great new features for Vue users. Let's run through the list of features that are in the new 1.32 update: Color themes without reloading...

Read more

In Tutorials javascript on

Understanding Memoization In JavaScript

As our applications grow and begin to carry out heavier computations, there comes an increasing need for speed ( ?️ ) and the optimization of processes becomes a necessity. When we ignore this concern, we end up with programs that take a lot of time and consume a monstrous chu...

Read more

In Tutorials vue.js on

Getting Started with Gridsome

The era of Static Site Generators is changing over time, a lot of cool tools are being created to help foster the JAMStack evolution and developers are embracing these tools. One of the tools ...

Read more

In Tutorials angular on

Integrating Google Analytics With Angular 2+

Requirements For this tutorial, knowledge of HTML, CSS and JavaScript as well as some familiarity with Angular 2 development is expected. An understanding of Google analytics would be beneficial but is not absolutely necessary as it will be explained in the article. Introduction...

Read more

In Tutorials javascript on

Create Your First Visual Studio Code Extension

When Visual Studio Code doesn't do what you want it to, you install an extension. When you can't find an extension that does exactly what you need, you create your own! In this article, we will look at creating your first Visual Studio Code extension. TLDR - Install the tools, generate a ...

Read more

In Tutorials react on

Build an Infinite Scroll Image Gallery with React, CSS Grid and Unsplash (Solution to Code Challenge #16)

Last week on the code challenge we set out to build an image gallery with Infinte Scroll and consuming the Unsplash API. You can complete the challenge here if you haven't. In this post, we shall solve this challenge using React.js, a popular Frontend JavaScript library. Also, ...

Read more