Frontend Performance Optimization: A Practical Guide
Master frontend performance โ Core Web Vitals, bundle optimization, image loading, caching, and measuring what matters.
Web
DOM: Document Object Model Basics
Master the DOM for manipulating HTML elements and interacting with web pages.
Fetch API: Making HTTP Requests
Master the Fetch API for making HTTP requests and handling responses in JavaScript.
Form Handling and Validation
Master form handling and validation in JavaScript for creating interactive web applications.
Modifying DOM: Creating, Updating, Deleting Elements
Master DOM manipulation for creating, updating, and deleting HTML elements dynamically.
Mastering HTML Fundamentals: Semantic HTML5, Accessibility, Forms, and SEO Metadata
A practical guide for beginner to intermediate developers covering semantic HTML5, WCAG accessibility, accessible forms, and SEO metadata with code examples.
Fixing Chinese Characters Displaying as Squares on Non-Chinese Systems
How to fix Chinese characters displaying as empty squares on English/non-Chinese operating systems โ using Google Fonts, font subsetting, and JavaScript-based font loading.
Caddy Server: Complete Static Website Configuration Guide
A complete guide to configuring Caddy server for static websites โ HTTPS, compression, logging, caching, redirects, and reverse proxy examples.
Web Security Fundamentals: A Developer's Guide
A practical web security guide covering OWASP Top 10, common vulnerabilities, security headers, and best practices every developer should know.
Web Form Validation: HTML5 Constraint API, JavaScript, and React
A practical guide to web form validation โ HTML5 constraint API, custom JavaScript validation, React patterns, and accessibility best practices.
Caching - Progressive Web Apps
ๅจPWAๅบ็จไธญ๏ผๆไธบ้่ฆๅ่ฝไนไธๅฐฑๆฏ็ผๅญไบใไนๅณๅฐไธไบ้ๆ่ตๆบ็ผๅญๅจๆฌๅฐ๏ผไพฟไบไธๆฌกๅฟซ้่ทๅๅฐ๏ผ่ไธ็จไป็ฝ็ป้ๆฐ่ทๅใ่ฟๅฏไปฅๆนๅๅ ่ฝฝ้ๅบฆๅ่็็ฝ้กตๆต่งใๆไปฅ๏ผ่ฟไธชๅ่ฝๅบ่ฏฅๅฑไบๆๆ็ฝ็ซ็ไธ้กนๅฟ ๅค่ฝๅใ
Storage Options
้ฆๅ ๆฅๆป็ปไธไธๅญๅจ็ญ็ฅใไธป่ฆๆไธ้ข่ฟไนๅค็ง๏ผ
- IndexedDB(ๅ โฆ
Progressive Web Apps: Web App Manifest and Native App Features
Introduction
Progressive Web Apps (PWAs) bridge the gap between websites and native apps. With a Web App Manifest and Service Worker, your website can โฆ
PWA Push Notifications: Complete Implementation Guide
A complete guide to implementing push notifications in Progressive Web Apps โ service worker setup, VAPID keys, subscription management, and server-side sending.
Service Workers: Lifecycle, Caching Strategies, and Offline Support
A complete guide to Service Workers โ lifecycle, caching strategies, offline support, background sync, and using Workbox for production.
Bootstrap Grid System: Complete Guide to Responsive Layouts
A complete guide to Bootstrap's grid system โ containers, rows, columns, breakpoints, nesting, and practical layout patterns.
MVC vs MVVM: Traditional Rails vs Modern Frontend Frameworks
A deep comparison of MVC and MVVM patterns โ how traditional server-side MVC (Rails) differs from modern frontend frameworks (Vue.js, React), and the trade-offs of each approach.
HTML Nesting Rules: Forms in Tables and Other Common Mistakes
Common HTML nesting mistakes โ why forms can't span table rows, which elements can't be nested, and how to fix invalid HTML structure.
HTTP 301 Moved Permanently: How Redirects Work
A complete guide to HTTP 301 redirects โ how browsers handle them, caching behavior, SEO implications, and when to use 301 vs 302.
Web Storage API: localStorage, sessionStorage, and Cookies
A complete guide to browser storage โ localStorage, sessionStorage, and cookies โ with examples, size limits, security considerations, and when to use each.
JWT (JSON Web Tokens): A Complete Guide
A complete guide to JSON Web Tokens โ structure, signing algorithms, use cases, security best practices, and implementation in Ruby and Go.
X-Frame-Optionsๅๆฐ่ฏฆ่งฃ
X-Frame-Optionsๅๆฐ่ฏฆ่งฃ
Nginx as a Reverse Proxy for Rails: Local Dev and Production Config
How to configure Nginx as a reverse proxy for a Rails application โ local development setup, production config, and fixing Turbolinks redirect issues.
Avoiding Duplicate HTML IDs in Rails Forms
How to avoid duplicate HTML element IDs in Rails when rendering multiple forms on the same page โ using the namespace option and modern form helpers.
same-origin(ๅๆบ) and cross-origin๏ผ่ทจๆบ๏ผ
same-origin(ๅๆบ) and cross-origin๏ผ่ทจๆบ๏ผ
Cross-Site Scripting (XSS): How It Works and How to Prevent It
A complete guide to Cross-Site Scripting (XSS) โ attack types, real-world examples, and practical defenses including CSP, output encoding, and framework protections.
Sessions in Rails: How They Work and Best Practices
A complete guide to sessions in Rails โ how they work, storage options, security considerations, and best practices for authentication.