TLDR Web Dev

TLDR WEB DEV 2023-09-12

5 sections12 entriesinline urlcomplete parse

Parse notes

  • Subscription/account footer truncated before parsefooter_truncated

01ARTICLES & TUTORIALS

A SYSTEMATIC APPROACH TO DEBUGGING

This article presents a systematic approach to debugging that focuses on understanding first. The process it lays out for debugging starts with figuring out the symptoms and reproducing the bug. Then, by understanding the system, you can form and test a hypothesis about where the bug is. After fixing the bug, make sure to add checks to make sure similar bugs don’t occur again.

ntietz.com7 min read

THE COMPLEXITY OF WRITING AN EFFICIENT NODEJS DOCKER IMAGE

Understanding Docker optimization can be crucial to reduced image sizes and faster build times for your Node web applications. This guide is a step-by-step guide to Docker image optimization techniques that can result in an 80% reduction in image size and a 70% reduction in build time. The author provides code examples and metrics along the way.

specfy.io14 min read

02OPINIONS & ADVICE

THE JOURNEY TO STAFF ENGINEER: MAIN TAKEAWAYS

A recent event with staff engineers at multiple companies, including Meta, Google, and Activision, provided viewers with advice on how to get promoted to a staff engineer role at their own companies. This article summarizes the event with actionable takeaways, such as making sure to communicate your work. Some other unique tips include being able to put a dollar amount on the work you did and seeking opportunities by working with non-technical decision-makers.

open.substack.com10 min read

RULES

Engineers often have the feeling that managers are pushing back and fighting for deadlines. The reason these conflicts start is because engineers and managers have different concerns. Managers are concerned with building the right thing, while engineers are concerned with building the thing right. Once you understand where the conflict is, a healthier way to look at deadlines is to view them as constraints. Great engineering is often about finding clever solutions against constraints.

refactoring.fm5 min read

03LAUNCHES & TOOLS

Sponsored

The API dependencies in your code are growing exponentially: Microservices, 3rd party APIs, internal tooling… But when these APIs are inaccessible, incomplete, or flaky, everything slows down ☹️

wiremock.ioSponsor

TRAVERSY JS CHALLENGES: DATA STRUCTURES & ALGORITHMS

This repository contains JavaScript challenges that test your data structures and algorithms knowledge. It goes over everything from basic loop challenges and high-order array methods, to recursion, time & space complexity, and sorting algorithms like bubble sort, insertion, and merge sort. You should already know the basics of JavaScript before doing any of the challenges or taking the course.

github.comGitHub repository

CODE INDEXER LOOP

Code Indexer Loop is a Python library for indexing and retrieving source code files through an integrated vector database that's continuously and efficiently updated.

github.comGitHub repository

RIVET

Rivet is an open-source visual AI programming environment and TypeScript library.

github.comGitHub repository

04MISCELLANEOUS

UK AIR TRAFFIC CONTROL MELTDOWN

On August 28, 2023, NATS, the UK's air traffic control operator, suffered a major technical incident. The BBC reports that more than 2,000 flights were canceled and the cost has been estimated at over £100 million GBP. The incident probably affected hundreds of thousands of people. This article dives deep into what happened technically. The software that processes flight plans was not properly tested and had bugs and bad failure modes.

jameshaydon.github.io33 min read

GRADIENTS, BLEND MODES, AND A REALLY COOL HOVER EFFECT

Gradients are a powerful CSS feature. We use them for texture, depth, and even to hide parts of elements with CSS masking. This article covers some interesting ways to use gradients. It teaches how to create a hover effect where hovering on one item triggers visual changes to other items using only CSS gradients.

smashingmagazine.com7 min read