Yonatan Kra

Yonatan Kra

Family, Code, Run

  • Blog
  • Planned Talks
  • About Me
  • Free Tech Blogging eBook!

Tag: javascript

Home / javascript
An Orderly Nx Workspace Will Help You Accomplish More

How to create a workspace generator as a library in Nx workspace?

May 19, 2022May 19, 2022 Yonatan KraLeave a Comment on How to create a workspace generator as a library in Nx workspace?

How to create an Nx generator? How to use it in your Nx workspace? How we converted a workspace generator into a publishable library? And how can boring be good for you?

Nx is a powerful monorepo management tool. It …

Read More

6 Lessons Learned from Using Playwright for UI Tests

April 27, 2022April 27, 2022 Yonatan KraLeave a Comment on 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 on of our component doesn’t …

Read More

How to Remote Debug and Profile Node.js Apps?

December 28, 2021December 28, 2021 Yonatan KraLeave a Comment on How to Remote Debug and Profile Node.js Apps?

Debugging is an important skill for every developer. Here’s how to quickly setup debugging for nodejs with free tools everyone has.

Introduction

There are many fancy tools for debugging your application.  Data dog, rookout, aspecto and sentry to …

Read More

How to find a unique number in a list containing pairs?

October 3, 2021October 7, 2021 Yonatan Kra3 Comments on 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 …

Read More

Simple Collision Detection with Path2D

September 27, 2021November 30, 2021 Yonatan KraLeave a Comment on 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 …

Read More

Custom JSON.stringify to Classes with the toJSON method

September 21, 2021September 21, 2021 Yonatan Kra1 Comment on Custom JSON.stringify to Classes with the toJSON method

The toJSON method allows you to tell JSON.stringify how to print out your Class. This can be pretty useful…

Why Stringify Objects?

The answer for that is as usual – there are many reasons. The most obvious one is …

Read More

Deep dive into an interview question: Array Nesting

September 2, 2021December 9, 2021 Yonatan KraLeave a Comment on 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 …

Read More

How to write a simple collision detector in HTML5 canvas and JavaScript?

August 12, 2021August 16, 2021 Yonatan KraLeave a Comment on 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 …

Read More
A woman looking at Jest on Canvas picture

How to test HTML5 canvas with jest?

August 4, 2021December 12, 2021 Yonatan KraLeave a Comment on How to test HTML5 canvas with jest?

In this short article you will learn what you need to install in order to prepare a test environment for canvas operations with jest. After finishing the article, you will be ready for some canvas testing action!

In the past …

Read More
A maze made on an HTML5 canvas

How to generate a maze using JavaScript and HTML5 canvas and a Cellular Automaton algorithm?

July 31, 2021August 10, 2021 Yonatan KraLeave a Comment on 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 …

Read More

Posts navigation

1 2 3 Next

I’m an instructor at:

Egghead.io

Follow me on

Sign up for my newsletter

Recent Posts

  • How to create a workspace generator as a library in Nx workspace?
  • How we employed the new ECMAScript Module Support in typescript
  • 6 Lessons Learned from Using Playwright for UI Tests
  • How to use webpack and HTML Webpack Plugin to generate HTML pages for multiple entries in 2 steps?
  • A good case for Eval in JavaScript

Categories

  • Algorithms
  • Architecture
  • AskQL
  • Blogging
  • canvas
  • CodeTalks 2019
  • Coding
  • Conferences
  • ConfrontJS 2019
  • debugging
  • Design Patterns
  • devops
  • Gaming
  • Github
  • github actions
  • GraphQL
  • Interview Questions
  • Javascript
  • javascript engine
  • Javascript Israel
  • jest
  • Memory
  • Meta Programming
  • Musings
  • nodejs
  • NPM
  • nx
  • Open Source
  • Performance
  • Playwright
  • Skills
  • Testing
  • typescript
  • Uncategorized
  • WarsawJS
  • Web Component
  • webpack
| beetech by Buzthemes.