Live Coding an Open Source Feature
How do I approach a new feature in an open source project? How do I TDD a frontend feature? What do we use for cross-browser testing? All this and more in this live coding session recording
This is the recording …
6 Lessons Learned from Using Playwright for UI Tests
Here are 6 practical lessons learned from a production incident, ui-test coverage (using playwright) and code review.
Today we had a small incident in production – one of my teammates found out a feature in one of our component doesn’t …
5 lessons learned when I TDD an algorithm in JavaScript
How to develop an algorithm using TDD? In this article we will implement the Diamond-Square algorithm using TDD. This article was inspired by Uncle Bob’s blog post TDD Lesson – Terrain Generation.
Well, one of the things I did during …
Yet another interview question deep dive: Intersection of Two Arrays
Can we learn something practical from a pure computer science interview question? In this article we will solve an interview question and optimize it – but we will also look at a practical way to handle data in real life.…
How to find a unique number in a list containing pairs?
Finding a single unique number in a list containing pairs might sound pretty simple, right?
Because a one-sentence description might be misleading, let’s start with an example of an input array:
[1,3,17,3,1]
Given such an array, the unique number is …
Simple Collision Detection with Path2D
How to create a simple and efficient collision detection between paths in your HTML5 Canvas app or game? In this article we will create a maze, allow a player to navigate through the maze and detect when the player collides …
Deep dive into an interview question: Array Nesting
The Array Nesting interview question might seem complex at first and very simple after you solve it. But sometimes, a deeper dive into it can expose some more performance optimizations that can be interesting. After this article, you’ll be able …
How to Create Terrain and Heightmaps using the Diamond-Square Algorithm in JavaScript?
The diamond-square algorithm is a procedural terrain generation algorithm. It makes it easy to generate Heightmaps and Terrain for games. In this article we will implement the diamond-square algorithm in JavaScript, plot our terrain on a canvas and see how …
How to write a simple collision detector in HTML5 canvas and JavaScript?
Collision detection is the basics of entities interaction on canvas. Imagine you have a Player Character (PC) that’s walking through a maze and you’d like to know if this PC bumps into a wall or can keep on going. One …
How to generate a maze using JavaScript and HTML5 canvas and a Cellular Automaton algorithm?
Generating a random map on a canvas is fun. In this article you will learn how to generate a random map or maze on an HTML5 canvas. We will use a model called Cellular Automaton.
While there are many ways …