Documentation

Comprehensive guides and references for AI engineering, web development, and modern development practices. Built with a blueprint engineering philosophy.

HTML

◆Getting Started ◆Document Structure ◆Head Elements & Meta ◆Elements ◆Paragraphs & Headings ◆Text Formatting ◆Lists ◆Links & Anchors ◆Images & Figures ◆Tables ◆Forms ◆Input Types ◆Form Validation ◆Buttons ◆Media (Audio/Video)◆Iframes & Embeds ◆Canvas ◆SVG ◆Semantic HTML ◆Data Attributes ◆Custom Elements ◆Shadow DOM ◆Template & Slot ◆Web Components ◆Microdata & Schema ◆Open Graph & SEO ◆Internationalization ◆Web Storage API ◆History API ◆Geolocation API ◆Drag & Drop API ◆Web Workers ◆Accessibility ◆HTML Performance ◆Security (CSP/XSS)◆Spec & DOCTYPE

CSS

◆Getting Started ◆Selectors & Combinators ◆Cascade & Specificity ◆Inheritance ◆Box Model ◆Display Types ◆Sizing (width/height)◆Margins & Padding ◆Borders & Outlines ◆Colors ◆Backgrounds ◆Gradients ◆Shadows & Glows ◆Typography ◆Text Styling ◆@font-face & Fonts ◆CSS Variables ◆Flexbox ◆Grid ◆Positioning ◆Z-Index & Stacking ◆Transforms ◆Transitions ◆Animations ◆Filters & Blend Modes ◆Clip & Masking ◆Media Queries ◆Container Queries ◆Responsive Design ◆CSS Functions ◆Scroll Snap ◆Architecture (BEM/SMACSS)◆CSS Modules ◆Print Styles ◆Critical CSS

JavaScript

◆Getting Started ◆Variables & Scoping ◆Data Types & Coercion ◆Operators & Expressions ◆Control Flow ◆Loops & Iteration ◆Functions Deep Dive ◆Arrow Functions ◆Closures ◆Higher-Order Functions ◆Objects & Prototypes ◆The `this` Keyword ◆Classes & OOP ◆DOM ◆Events ◆Event Loop ◆Error Handling ◆Promises ◆Async/Await ◆Modules ◆Generators ◆Iterators & Iterables ◆Maps, Sets & WeakRefs ◆Proxies & Reflect ◆Symbols ◆TypedArrays & Buffers ◆Fetch API ◆WebSockets ◆Web Workers ◆Service Workers ◆Design Patterns ◆Functional Programming ◆Performance ◆TypeScript ◆Testing & Debugging ◆Security

AI Engineering

◆Getting Started ◆LLM Fundamentals ◆Tokenization & Embeddings ◆Model Architecture ◆Prompts ◆Prompt Patterns ◆Chain-of-Thought ◆Few-Shot Learning ◆Structured Outputs ◆RAG ◆Chunking Strategies ◆Vector Databases ◆Embedding Models ◆Hybrid Search ◆MCP ◆Function Calling ◆Tool Use & Agents ◆Agent Orchestration ◆Multi-Agent Systems ◆OpenAI ◆Anthropic Claude ◆Open Source Models ◆Model Deployment ◆Cost Optimization ◆Fine-tuning ◆SFT / DPO / RLHF ◆Dataset Curation ◆Evaluation & Benchmarks ◆Distillation ◆Guardrails & Safety ◆Monitoring & Observability ◆Caching & Latency ◆Rate Limiting ◆Multimodal ◆Reasoning & Planning ◆Code Generation ◆AI Security ◆Ethics & Alignment

Git & Version Control

◆Git Basics ◆Branching & Merging ◆Remote Repositories ◆Pull Requests & Code Review ◆GitHub Actions

npm & Packages

◆npm — Package Management ◆Yarn & pnpm ◆Task Runners & Scripts ◆Environment Variables

Build Tools

◆Vite ◆Webpack ◆esbuild & SWC ◆Babel & TypeScript Compiler ◆CSS Preprocessors ◆Code Splitting

Testing

◆Unit Testing (Vitest/Jest)◆React Testing Library ◆Integration Testing ◆E2E Testing (Playwright)◆Linting & Formatting

CI/CD & Deployment

◆Continuous Integration ◆Continuous Deployment ◆Docker & Containers ◆Vercel Deployment ◆Netlify Deployment ◆Static Hosting (S3/Cloudflare)◆Server Deployment (Nginx)◆Environment Management

Operations & Security

◆Monitoring & Observability ◆Error Tracking ◆Performance Monitoring ◆SEO & Analytics ◆Security Hardening

Roadmaps

◆HTML Roadmap ◆CSS Roadmap ◆JS Roadmap ◆AI Roadmap ◆Web Development Roadmap

X GitHub YouTube Instagram Facebook Buy me a coffee Sponsor