~ / posts
find ./posts -type f -name "*.md"
found 123 entries, sorted by time, newest first.
## logs
Sharing technical insights, development experiences, and learning notes
Featured Post
API Design Best Practices: Building Elegant RESTful Interfaces
Master RESTful API design principles, versioning, error handling, and documentation standards
cat api-design-best-practices-en.md →
archive · 122 entries
2025 / 01 — 122
- 01 Browser APIs: Essential Skills for Modern Web Development Master Storage, Intersection Observer, Web Workers, Geolocation and other core browser APIs
- 02 Browser Storage Complete Guide: From Cookie to IndexedDB Master localStorage, sessionStorage, IndexedDB and Cookie usage scenarios and best practices
- 03 Canvas Graphics Programming: From Basics to Game Development Master Canvas 2D API, animation rendering, performance optimization and simple game development
- 04 CI/CD Continuous Integration and Deployment: Automated Delivery Pipelines Master GitHub Actions, GitLab CI, automated testing, deployment strategies and release management
- 05 Clean Code: Writing Maintainable High-Quality Code Master naming conventions, function design, error handling and refactoring best practices
- 06 Code Review Best Practices: Improving Code Quality and Team Collaboration Master code review techniques, PR standards, automation tools and constructive feedback methods
- 07 Containerization and Docker Practices: Complete Guide from Development to Production Master Docker basics, image optimization, multi-stage builds, Docker Compose and container orchestration
- 08 CSS Animation Complete Guide: From Transitions to Keyframe Animations Master transition, animation, transform and performance optimization techniques
- 09 CSS Container Queries: A Revolutionary Breakthrough in Responsive Design Discover how CSS Container Queries solve the limitations of media queries and enable true component-level responsive design
- 10 CSS Flexbox Layout Complete Guide Master flexbox container properties, item properties, and practical techniques
- 11 CSS Grid Layout Complete Guide: From Basics to Complex Layouts Master Grid container properties, grid line positioning, responsive layouts and practical examples
- 12 CSS Variables (Custom Properties) Complete Guide Master CSS variable declaration, usage, scoping, and dynamic modification techniques
- 13 Database Design and Optimization: From Modeling to Performance Tuning Master database design normalization, indexing strategies, query optimization, and high availability architecture
- 14 JavaScript Date & Time Handling: From Native API to Modern Libraries Master Date object, Intl API, timezone handling, date library selection and common pitfalls
- 15 Design Patterns: Building Maintainable Code Architecture Master creational, structural, and behavioral design patterns with modern applications
- 16 Docker Containerization Guide: From Development to Deployment Master Docker core concepts and practical techniques to build portable, scalable application deployment solutions
- 17 HTML5 Drag and Drop Complete Guide: From Native API to Practical Applications Master Drag and Drop API, file uploads, list sorting and cross-window dragging
- 18 Environment Variables & Configuration: Building Maintainable Applications Master environment variables, config files, secrets management and multi-environment deployment
- 19 Error Handling Best Practices: Building Robust Applications Master JavaScript/TypeScript error handling, async errors, global handling and UX optimization
- 20 ESLint and Prettier: Building Consistent Code Style Master code linting configuration, rule customization and team collaboration best practices
- 21 JavaScript Event Loop Explained: Understanding Async Execution Deep dive into call stack, task queues, microtasks and macrotasks execution order
- 22 Fetch API Complete Guide: Modern HTTP Requests Explained Master Fetch request configuration, response handling, interceptor patterns and error handling
- 23 Form Validation Best Practices: Building User-Friendly Input Experience Master HTML5 validation, JavaScript validation, form libraries and accessible validation techniques
- 24 Frontend Performance Optimization: Full-Stack Enhancement from Loading to Rendering Master Core Web Vitals, resource optimization, rendering performance, caching strategies and monitoring
- 25 Frontend Routing Complete Guide: From Principles to Best Practices Master SPA routing principles, React Router, dynamic routing and route guards
- 26 Frontend State Management: Evolution from Redux to Modern Solutions Master state management solutions including Redux, Zustand, Jotai, React Query - selection and practices
- 27 Frontend Testing Best Practices: From Unit Tests to E2E Master Jest, React Testing Library, Playwright and test-driven development
- 28 Complete Frontend Testing Guide: From Unit Tests to E2E Master modern frontend testing strategies using Vitest, Testing Library, and Playwright to build reliable test systems
- 29 Git Advanced Techniques: Level Up Your Version Control Master Git advanced commands and workflows to make version control your superpower
- 30 Git Workflow Complete Guide: From Branch Strategies to Team Collaboration Master Git Flow, GitHub Flow and other branch models plus team collaboration best practices
- 31 Complete GitHub Actions Guide: Automating CI/CD Pipelines Master GitHub Actions core concepts and build efficient continuous integration and deployment workflows
- 32 GraphQL API Design and Practices: Building Flexible and Efficient Data Interfaces Master GraphQL Schema design, query optimization, N+1 problem solutions and security practices
- 33 Complete GraphQL Guide: Building Flexible and Efficient APIs Master GraphQL core concepts and practical techniques with Apollo, Schema design, and performance optimization for modern APIs
- 34 HTTP Caching Strategies: Boosting Web Application Performance Master browser caching, CDN caching, and Service Worker caching best practices
- 35 Web Image Optimization: From Format Selection to Automation Master image formats, responsive images, lazy loading, CDN delivery and automation tools
- 36 Islands Architecture: A New Paradigm for Modern Web Development Explore how Islands Architecture is transforming frontend development, achieving the perfect balance between performance and interactivity
- 37 JavaScript Data Structures and Algorithms: Essential Knowledge for Frontend Developers Master arrays, linked lists, trees, graphs and common algorithm implementations in JavaScript
- 38 JavaScript Array Methods Complete Guide Master array iteration, transformation, filtering, searching, sorting and best practices
- 39 JavaScript Battery Status API Complete Guide Master battery monitoring: level detection, charging status, remaining time estimation, and power-saving mode development
- 40 JavaScript Broadcast Channel API Complete Guide Master cross-tab communication: message broadcasting, state synchronization, multi-window collaboration, and real-time data sharing
- 41 JavaScript Clipboard API Complete Guide Master clipboard operations: reading and writing text, copying images, handling rich text, and permission management
- 42 JavaScript Closures and Scope Deep Dive Understanding lexical scope, closure principles, hoisting and common patterns
- 43 JavaScript Debugging: From Console to Advanced DevTools Master Chrome DevTools, breakpoint debugging, performance profiling and troubleshooting methods
- 44 JavaScript Destructuring and Spread Operators Explained Master array destructuring, object destructuring, rest parameters, and spread operator techniques
- 45 JavaScript Device Orientation API Complete Guide Master device orientation detection: gyroscope data, 3D interactions, VR/AR applications, and motion-controlled games
- 46 JavaScript Drag and Drop API Complete Guide Master drag and drop interaction: draggable elements, data transfer, drag events, and file upload
- 47 JavaScript Fetch API Complete Guide Master modern network requests: basic usage, request configuration, response handling, error handling, and advanced techniques
- 48 JavaScript Fullscreen API Complete Guide Master fullscreen control: entering/exiting fullscreen, event handling, style control, and cross-browser compatibility
- 49 JavaScript Fullscreen and Screen API Complete Guide Master Fullscreen API, Page Visibility API, and Screen API techniques
- 50 JavaScript Functions Complete Guide Master function declarations, arrow functions, higher-order functions, currying and more
- 51 JavaScript Geolocation API Complete Guide Master location services: position retrieval, real-time tracking, permission handling, and location-based applications
- 52 JavaScript History API Complete Guide Master browser history management: pushState, replaceState, popstate events, and SPA routing implementation
- 53 JavaScript IndexedDB API Complete Guide Master client-side databases: storage structure, transactions, index queries, and performance optimization
- 54 JavaScript Intersection Observer API Complete Guide Master element visibility detection: lazy loading, infinite scroll, animation triggers, and performance optimization
- 55 JavaScript Intl Internationalization API Complete Guide Master localized formatting for numbers, dates, currencies, lists, and more
- 56 JavaScript Map and Set Complete Guide Master ES6 collection types Map, Set, WeakMap, WeakSet usage and best practices
- 57 JavaScript Module Systems: From CommonJS to ESM Deep dive into JavaScript modules: ESM, CommonJS, dynamic imports and bundling
- 58 JavaScript MutationObserver API Complete Guide Master DOM change monitoring: attribute observation, child node changes, performance optimization, and practical applications
- 59 JavaScript Network Information API Complete Guide Master network status detection: connection type identification, bandwidth estimation, adaptive loading, and offline handling strategies
- 60 JavaScript Notification API Complete Guide Master browser notifications: permission requests, message pushing, custom options, and Service Worker integration
- 61 JavaScript Numbers and Math Object Complete Guide Master number types, precision handling, Math methods, and formatting techniques
- 62 JavaScript Object Methods Complete Guide Master Object static methods, property operations, object traversal, and practical techniques
- 63 JavaScript Page Visibility API Complete Guide Master page visibility detection: tab switching, performance optimization, resource management, and user experience enhancement
- 64 JavaScript PerformanceObserver API Complete Guide Master performance monitoring: Core Web Vitals, resource loading, long task detection, and performance analysis
- 65 JavaScript Prototypes and Inheritance Explained Deep dive into prototype chain, constructors, class syntax and inheritance patterns
- 66 JavaScript Proxy and Reflect Complete Guide Master Proxy objects, Reflect API, metaprogramming techniques, and practical applications
- 67 JavaScript Regular Expressions Complete Guide Master regular expressions: syntax basics, pattern matching, capture groups, assertions, and practical applications
- 68 JavaScript ResizeObserver API Complete Guide Master element size monitoring: responsive components, adaptive layouts, performance optimization, and practical applications
- 69 JavaScript Screen Wake Lock API Complete Guide Master screen wake lock: prevent screen sleep, reading mode, video playback, and navigation applications
- 70 JavaScript String Methods Complete Guide Master string searching, slicing, transformation, formatting and template literal techniques
- 71 JavaScript Symbol and Iterator Complete Guide Master Symbol types, built-in symbols, iterator protocol, and generator functions
- 72 JavaScript TypedArray and Binary Data Complete Guide Master ArrayBuffer, TypedArray, DataView, and binary data processing techniques
- 73 JavaScript URL API Complete Guide Master URL parsing, URLSearchParams, URL construction, and encoding techniques
- 74 JavaScript Vibration API Complete Guide Master device vibration control: haptic feedback, gaming experience, notifications, and interaction enhancement
- 75 JavaScript Web Notifications API Complete Guide Master browser notifications: permission requests, notification creation, interaction handling, and Service Worker notifications
- 76 JavaScript Web Storage API Complete Guide Master browser storage: localStorage, sessionStorage, IndexedDB usage and best practices
- 77 JavaScript Web Workers API Complete Guide Master multi-threading: Dedicated Workers, Shared Workers, message passing, and performance optimization
- 78 JavaScript Web Workers API Complete Guide Master multi-threaded programming: Worker types, message communication, SharedArrayBuffer, and practical applications
- 79 JavaScript WebSocket API Complete Guide Master real-time communication: WebSocket connections, message handling, heartbeat detection, and reconnection mechanisms
- 80 JSON Complete Guide: Data Format and Advanced Processing Master JSON syntax, parsing methods, Schema validation and performance optimization
- 81 JWT Authentication Complete Guide: Principles and Best Practices Deep dive into JSON Web Token structure, signature verification, secure storage and attack prevention
- 82 Kubernetes Container Orchestration: From Beginner to Production Master Kubernetes core concepts, deployment strategies, and production best practices
- 83 Linux Command Line Practical Guide: Essential Developer Skills Master common Linux commands, file operations, process management, network tools and Shell scripting basics
- 84 Logging and Observability: Building Full-Stack Monitoring Systems Master structured logging, distributed tracing, metrics monitoring and alerting strategies
- 85 Message Queue in Practice: Async Processing and System Decoupling Master RabbitMQ, Kafka core concepts, messaging patterns, reliable delivery and distributed transactions
- 86 Microservices Architecture Design and Practices: From Monolith to Distributed Master microservices decomposition strategies, service communication, data consistency and operational governance
- 87 Microservices Architecture: From Monolith to Distributed Systems Master microservices core patterns, service decomposition strategies, and distributed system best practices
- 88 Modern CSS Features: 2025 Must-Know Guide Explore modern CSS features like :has(), Cascade Layers, and Subgrid to boost your styling productivity
- 89 Monorepo Engineering: Managing Code at Scale Master Monorepo architecture and practical techniques with pnpm workspace, Turborepo, and more
- 90 Node.js CLI Development: Building Command Line Apps from Scratch Master command argument parsing, interactive prompts, progress bars and npm package publishing
- 91 OAuth 2.0 Authentication: Modern Application Authorization Guide Master OAuth 2.0 flows, JWT tokens, third-party login and security best practices
- 92 JavaScript Package Managers: npm, pnpm, Yarn Deep Comparison Master features, internals and best practices of modern package managers
- 93 PWA Complete Guide: Building Web Apps That Feel Native Master the core technologies of Progressive Web Apps including Service Workers, caching strategies, and offline experiences
- 94 React Hooks Advanced Guide: Custom Hooks and Best Practices Deep dive into useState, useEffect, useCallback and other common Hooks plus custom Hook patterns
- 95 React Server Components: Redefining Full-Stack Development Deeply understand how React Server Components work and master the server-first React development paradigm
- 96 Complete React State Management Guide: From Redux to Zustand Deep dive into modern frontend state management solutions, mastering Redux Toolkit, Zustand, Jotai, and React Query best practices
- 97 Redis Practical Guide: Caching Strategies and Data Structures Master Redis core data structures, caching patterns, and high availability architecture
- 98 Regular Expressions Complete Guide: From Basics to Practice Master regex syntax, common patterns, performance optimization and practical applications
- 99 Secure Programming Practices: Comprehensive Protection from Code to Architecture Master OWASP Top 10 defense, input validation, authentication, encryption, and security architecture design
- 100 SEO Optimization Guide: Improve Your Search Rankings Master technical SEO, content optimization, structured data and Core Web Vitals
- 101 Serverless Architecture: Building Modern Applications Master AWS Lambda, Vercel, Cloudflare Workers and serverless best practices
- 102 Signals: The Future of Frontend Reactive Programming Deep dive into Signals reactive primitives and explore why major frameworks are embracing this paradigm
- 103 Software Testing Strategies: Complete System from Unit to E2E Testing Master testing pyramid, unit testing, integration testing, E2E testing and TDD practices
- 104 SQL Query Syntax Complete Guide Master SQL basics, join queries, subqueries, aggregate functions and optimization
- 105 Server-Side Rendering Guide: Deep Dive into SSR, SSG and ISR Master rendering mode selection and performance optimization in Next.js, Nuxt.js and other frameworks
- 106 Tailwind CSS Best Practices: From Basics to Advanced Master Tailwind CSS configuration, responsive design, custom components and performance
- 107 TypeScript Utility Types Complete Guide: From Built-in to Custom Master Partial, Pick, Record and other built-in utility types plus custom advanced types
- 108 TypeScript Advanced Types: From Beginner to Expert Master TypeScript advanced type techniques and turn the type system into your development superpower
- 109 TypeScript Advanced Types: From Beginner to Expert Master generics, conditional types, mapped types, type inference and utility types
- 110 TypeScript Basics Tutorial Learn TypeScript type system, interfaces, generics, and core concepts from scratch
- 111 View Transitions API: A New Era of Native Page Transitions Explore the browser-native View Transitions API—say goodbye to complex animation libraries and achieve silky-smooth page transitions
- 112 Vite Deep Dive: Why It Is So Fast Deeply understand Vite core principles and master the essence of modern frontend build tools
- 113 Web Accessibility Practical Guide: Making Your Site Usable for Everyone Master the core principles and practical techniques of web accessibility to build websites friendly to all users
- 114 Web Animation: From CSS to JavaScript Animation Libraries Master CSS animations, Web Animations API, Framer Motion and performance optimization
- 115 Web Components: Building Native Reusable Components Master Custom Elements, Shadow DOM, HTML Templates and cross-framework component development
- 116 Web Performance Optimization: 2025 Practical Guide From Core Web Vitals to modern optimization techniques, master the art of web performance optimization
- 117 Web Security Best Practices: From OWASP to Real-World Protection Master XSS, CSRF, SQL injection prevention, authentication, HTTPS, and security headers
- 118 Web Workers Complete Guide: Unleashing Browser Multithreading Master Web Workers, Service Workers and Shared Workers usage scenarios and best practices
- 119 WebAssembly Guide: Running High-Performance Code in the Browser Master the fundamentals of WebAssembly and learn to write high-performance web applications using Rust, C++, and more
- 120 Webpack Core Concepts and Configuration Guide Deep dive into Webpack bundling principles, core configuration, plugin system and optimization
- 121 WebSocket in Practice: Building Real-Time Communication Apps Master WebSocket protocol, Socket.IO, message pushing and real-time data sync
- 122 Getting Started with Astro Learn how to build fast, content-focused websites with Astro - the web framework for content-driven sites