Category: “Tooling
  • How to Automatically Take Screenshots Of Your Site With TLapse
    Javascript | When you’re building a front end project, unless you’re committing very often, you probably want to see your progress for historical reasons.  Like the famous saying, there’s a tool for that.  TLapse is a NPM module that allows you...
  • Zero Configuration Live Reload Server
    Tips & Techniques | This tutorial will go over how we can set up a live reload server to serve a static HTML project directory.  If you ever come across a situation where you need to rapidly prototype something but didn’t want to...
  • How To Create A Build System With NPM Scripts
    Intermediate | In this three part live coding series, we will create a simple build system that compiles our SCSS files down to a single CSS output.  We will also leverage the power of Browserify to recursively bundle all our Javascript...
  • My Visual Studio Code Setup
    PentaCode Exclusive | I’ve been asked by many people about the look of my code editor – Visual Studio Code.  If you never heard/tried it, I suggest you take a look at my Visual Studio Code article: 7 reasons why I switched...
  • Getting started with React with Create React App
    Beginner | If you’re a Javascript developer, you probably heard of ReactJS by Facebook, there’s also a large chance of you experiencing javascript fatigue.  To combat this disease, Facebook released the “Create React App” tool to create a simplified “boilerplate” to...
  • Creating a LEMP stack with Docker Compose
    Advanced | In this tutorial, we’ll set up a LEMP stack via Docker and Docker Compose.  If you need a refresher on what Docker is capable of, I recommend you to checkout the following first: First Look: Docker for MAC / OSX...
  • Improve code quality with JsHint
    Beginner | What is JsHint? JsHint is a code quality tool that helps detect errors and potential problems in your javascript code.  It can be used as a standalone command line tool, or a node module to use along side your Node...
  • Getting started with WebPack Dev Server (with ES6)
    Intermediate | Lately, Webpack is making noise around the web, especially in the React community.  In this tutorial, we’ll go over what Webpack is and how we can use it to create a super light weight, yet powerful Javascript boilerplate. What...
  • Prevent bad git commits and pushes with Husky
    Javascript | When you’re working in a team environment, you always want to do your best to make sure your code is clean and error free before you push to a source control, but how often do you pull latest changes...
Loading...