MaheshPawaar

# Backend Engineering Fundamentals: The Master Checklist

## Pillar 1: The Internet & Communication
The foundational rules of how data moves across the web.

* **HTTP/HTTPS Lifecycle**
  * **DNS Resolution:** How a domain name (like `google.com`) is translated into an IP address.
  * **TCP Handshake:** The 3-way handshake (SYN, SYN-ACK, ACK) that establishes a reliable connection.
  * **TLS/SSL Handshake:** How HTTPS encrypts data in transit to prevent packet sniffing.
  * **The Request/Response Cycle:** The anatomy of an HTTP request (Method, Headers, Body) and response (Status Code, Headers, Body).

th3hunt

Agent Legibility

AGENTS.md

• Give Agents concise maps, not encyclopedias
• Keep [AGENTS.md] short (< 100 lines) and progressively disclose through references.

# CLAUDE.md

manugill

// My Zed settings for a minimial dark transaprent glass-like theme.
// Modify the colors in experimental.theme_overrides to suit yourself.
{
	"theme": {
		"mode": "dark",
		"light": "Nightfox - blurred",
		"dark": "Nightfox - blurred"
	},
	"icon_theme": "Zed (Default)",

avesus

Mobile Safari does not support position: fixed when an input focused and virtual keyboard displayed.

To force it work the same way as Mobile Chrome, you have to use position: absolute, height: 100% for the whole page or a container for your pseudo-fixed elements, intercept scroll, touchend, focus, and blur events.

The trick is to put the tapped input control to the bottom of screen before it activates focus. In that case iOS Safari always scrolls viewport predictably and window.innerHeight becomes exactly visible height.

Open https://avesus.github.io/docs/ios-keep-fixed-on-input-focus.html in Mobile Safari to see how it works.

Please avoid forms where you have several focusable elements because more tricks to fix position will be necessary, those were added just for demonstration purposes.

paulirish

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

• elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

benoitboucart

/**
 * For more information see this tutorial: http://blog.webbb.be/use-jekyll-with-gulp/
 * 
 * Libs import
 * --> How to install? npm install --save-dev gulp-minify-html
 * @type {[type]}
 */
var gulp = require('gulp'),
    path = require('path'),

colllin

What this does:

Within an <ion-scroll>, this directive creates sticky item headers that get bumped out of the way by the next item.

Demo: http://cl.ly/2u2X390s0H1a

Requirements:

• Needs UnderscoreJS for its _.throttle utility.
• Must be used within an or

owlsky

.logo a {
	display: block;
	width: 52px;
	height: 52px;
	background: url(../img/logo.jpg) 0 0 no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

antonydenyer

class Array
  def skip_first?(accumulator)
    return 1 if accumulator.nil?
    return 0 unless accumulator.nil?
  end

  def my_inject(accumulator = nil)
    start = skip_first? accumulator
    accumulator ||= self.first

ScreamingDev

Semantic commits

Writing commits is a fast and simple process which we do all day. Imagine them becoming powerful for us which finally give them some attention. The following semantic commits will do so and have the aim to:

• Generate a changelog with commits for end-user
• Generate a speaking summary for customer
• Generate a easy to read list of changes for developer
• In general: Make commits parseable by some script