Useful Resources For Software Engineers

Useful Software Engineering Resources

It’s hard to remember everything you learn over the years especially if you don’t use it very often. That’s why I think it’s good to have a compilation of cheatsheets, reference books or other types of resources like blog posts/videos/PDFs. So in this post, I will “bookmark” some useful software engineering resources and cheatsheets for myself(or anyone else who stumbles upon this post).

chrome dev tools performance

Chrome Dev Tools

In this post, we’ll take a look at some of the very useful developer tools available in Google Chrome. If you press F12 Chrome Dev Tools will open up. Here you will be able to see the source files of the webpage you are on, the console with erros, warnings and messages, memory usage, networking, …

Code Snippets JS 2D Library Konva.js

Javascript 2D Library Konva.js

In this post, we’ll take a look at the Konva.js. Konva is a pretty nice 2D javascript graphics library for the browser. I discovered it when I needed a 2D library for a project at work. It supports both Vue and React frameworks. The reason a library is useful compared to just drawing objects on a canvas is that it provides you with an easy way to draw, style, find, manipulate and attach events to objects.

PHP Code Snippets ReCaptcha V3 Implementation

ReCaptcha V3 Implementation

In this post, we’ll learn how to implement reCAPTCHA on a website. Recaptcha is used to confirm that the user interaction on your site was made by a human and not by some script. For example, if you have a contact form on your website you would want to implement some human verification to prevent getting spammed by bots.

Code Snippets Uploading Files

File Uploads With JS And C# Azure Functions

In this code snippet, we’ll learn how to upload files with Javascript. We will use the input HTML element and set its type to “file”. Then javascript can be used to retrieve the selected file from the input element and send it to the backend. You can use whatever you want for your backend: nodejs, PHP,  Java or in this case I will use a C# Azure function.

Code Snippets Downloads

Javascript Downloads

In this code snippet, we’ll learn how to perform downloads with Javascript. File downloads can be programmatically started with javascript by creating a temporary link element that points to your file. Then you add it to the DOM and call its click function to initiate the download. Finally, you can remove the link.

Code Snippets Web Workers

Javascript Web Workers

In this code snippet, we’ll look at web workers in Javascript. A web worker is a script that can run in the background separate from the main page javascript. This can be used to prevent blocking code. It could be considered like “multithreading” in javascript … kind of.

Code Snippets Fetch

Javascript Fetch

In this code snippet, we’ll learn how to make HTTP requests with fetch in Javascript. The first example will demonstrate how to fetch a get request with the minimum amount of code required. In the second one, we’ll make a function that can make any generic HTTP request, can send headers and checks for a seccesfull response before calling the provided calback function.

Code Snippets Browser Local Storage

Javascript Browser Local Storage

In this code snippet, we’ll learn how to access the browser local storage with Javascript. If you have the need to store the users data locally on their browser you can utilize session or local storage. Session storage will store data until the window is closed meanwhile local storage will keep the data even after the browser is closed. Other than that they are the same.

Advertisment ad adsense adlogger