Yonatan Kra

Yonatan Kra

Family, Code, Run

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

Author: Yonatan Kra

Home / Yonatan Kra

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 Kra2 Comments 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

How to Setup CI/CD with Github Actions?

March 4, 2021January 16, 2022 Yonatan KraLeave a Comment on How to Setup CI/CD with Github Actions?

Continuous integration and continuous deployment are must-haves for organizations that wish to scale and deliver high quality software at a high velocity. I had the pleasure to speak about this topic in WarsawJS. In this talk, I walk through the …

Read More

How to create a workspace coverage report in nrwl/nx monorepo?

February 6, 2021August 10, 2021 Yonatan Kra3 Comments on How to create a workspace coverage report in nrwl/nx monorepo?

This is going to be a short one. I’m using nrwl/nx a LOT. I’m also testing a LOT. Lately I needed to add a coverage report to one of my nrwl/nx repositories. The coverage tool I was using needed the …

Read More

Musings about tests as documentation

January 16, 2021August 10, 2021 Yonatan KraLeave a Comment on Musings about tests as documentation

This post originated from a non-english post on Linkedin. Here’s a translation of the original post:

Yes, it’s very important to me that the systems I develop are covered by tests.

In this approach I trust that external libraries that

…
Read More

How to use custom webpack configuration in an Nx project?

January 2, 2021August 10, 2021 Yonatan Kra2 Comments on How to use custom webpack configuration in an Nx project?

Customizing webpack for your own needs is a powerful functionality. It allows you full control of your app’s development and deployment process. In this article we will go over how to do that in an NX monorepo.


TL;DR.

  • The steps
…
Read More
Github actions and docker

How to test github actions locally using Act?

November 29, 2020August 10, 2021 Yonatan KraLeave a Comment on How to test github actions locally using Act?

Github actions are taking a considerable part of the devops world. Developers find them super friendly for most use cases. Developing your flow can be much faster if you can run them locally. This article will show you how.

In …

Read More

This is how I helped YouTube improve performance with a simple JavaScript trick

November 17, 2020August 10, 2021 Yonatan KraLeave a Comment on This is how I helped YouTube improve performance with a simple JavaScript trick

Google’s Material Web Components had a performance issue and I thought I could help. The results: 90% performance improvement in big lists removal. Here’s how I did it, and how you can duplicate it in your application.

“Look Ma! My
…
Read More

How does the JavaScript event loop work and how to help it run your code faster?

November 9, 2020August 10, 2021 Yonatan KraLeave a Comment on How does the JavaScript event loop work and how to help it run your code faster?
The event loop and your code talk from WarsawJS

On august 2020 I spoke at WarsawJS, explaining about the event loop and how it works. I hope you will enjoy this talk.

If you prefer to read – here’s …

Read More

Posts navigation

1 2 … 4 Next

I’m an instructor at:

Egghead.io

Follow me on

Sign up for my newsletter

Recent Posts

  • Live Coding an Open Source Feature
  • How to Use Github Actions Self-Hosted Runners?
  • How to Build a Vivid Birthday Quiz in 20 minutes?
  • The One Trick to Writing Effective Tests
  • 3 Simple Habits to Improve Your Tests

Categories

  • Algorithms
  • Architecture
  • AskQL
  • Blogging
  • canvas
  • chrome extensions
  • CodeTalks 2019
  • Coding
  • Conferences
  • ConfrontJS
  • ConfrontJS 2019
  • Cypress
  • debugging
  • Design Patterns
  • devops
  • docker
  • 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
  • vivid
  • WarsawJS
  • Web Component
  • webpack
| beetech by Buzthemes.