Published in DailyJS·Mar 6, 2020Using Import aliases in JavaScriptRenaming module Imports like a Pro, now with added use-case! — If you’ve come to JavaScript in recent years and are a user of the newer front-end frameworks or libraries like React, import and export will be familiar to you. For those of us who weren't watching the new module syntax being introduced in ES6, you may have just got to…Software Development4 min readSoftware Development4 min read
Published in Level Up Coding·Feb 26, 2020Converting a video to a GIF on a local machineWhen you work for a company that enforces strict privacy and secrecy around products, it can be difficult to demonstrate functionality on an internal organisation Github repository using locally recorded videos and keeping within the file size limits. …GIF4 min readGIF4 min read
Apr 29, 2019Creating a visual regression tool for your web appAutomating “spot the difference” using TestCafe and ResembleJS Visual regression effectively tests the “display” of the page. This is different to other types of tests, like functional or snapshot tests, which test the actual code. …JavaScript6 min readJavaScript6 min read
Published in Level Up Coding·Apr 11, 2019“Require” an ES Module exported file at runtime using BabelHow to quickly de-frustrate an “Unexpected token export” woe 😞 There are times when you’re writing a CommonJS program that you execute with Node, you will need to use CommonJS’s require on a file that is exported using ES Modules export { … }or export default .... …JavaScript3 min readJavaScript3 min read
Published in We’ve moved to freeCodeCamp.org/news·Mar 8, 2019A bluffer’s guide to JavaScript proficiencySo you’re trying to learn JavaScript but are inundated with all the different syntax and ways to program that have evolved over time? Why is that code littered with backticks? What in the world are these mysterious arrows, they look like someones introduced emoji’s? 3 dots, what the what? Our…JavaScript17 min readJavaScript17 min read
Mar 8, 2019A development story in creating a digital advocate with Watson AssistantA personal story in the development of GIPA, my personal advocate. As a person who delights in creating new software pet projects, I wanted a project to demonstrate chatbot technology whilst also learning new skills. For this I formulated the idea of building my very own digital advocate. An advocate…JavaScript11 min readJavaScript11 min read
Mar 8, 2019Transitioning from Java to JavaScript — Quick guide on the basics you need to immediately knowI’ve always considered myself primarily as back-end or Java developer. Recently I’ve taken steps to up-skill, all in a mission to make myself a more-rounded engineer with full-stack experience. One of the new skills I wanted to learn was in front-end technologies, and as is widely known, the “language of…JavaScript12 min readJavaScript12 min read
Mar 8, 2019The bare minimum on Closures and Global Scope in JavaScriptThis article is a bare minimum description of JavaScript’s Closures and Global Scope. This article strives not to go too deep in any particular area and is more of an appetizer into some of the quirkier aspects of JavaScript. Closures Closures are essentially returned functions that remember their scope information. This…JavaScript4 min readJavaScript4 min read
Mar 8, 2019OOP Digest in JavaScriptIn this article, I give a brief overview of OOP implementation within JavaScript, specifically Objects, Prototypes, and Classes. Basics — Refreshed Objects in JavaScript are free-form and mostly don’t follow any structure. Their structure can be best compared to being similar to Map objects in Java, consisting of key-value pairs. JavaScript objects do…JavaScript7 min readJavaScript7 min read
Published in We’ve moved to freeCodeCamp.org/news·Mar 8, 2019A bluffer’s guide to React Router v4The important things you can quickly learn to be informed and confident with using and conversing on React Router v4 — What is React Router? React Router is a client-side router (CSR) for use with React projects (I know, duh right?). It provides routing which is the fancy term for the rendering of different components depending on URL paths within a React web application. How does one install and use?React8 min readReact8 min read
