Bài viết giải thích

Hướng dẫn sử dụng công cụ, giải thích kỹ thuật và các mẹo phát triển — Tôi tóm tắt những điều tôi thấy hữu ích trong các bài viết này.

Giải thích theo từ khóa kèm bài tập (74 bài)

Học các kiến thức cơ bản về HTML, CSS, JavaScript thông qua bài viết giải thích và bài tập thực hành ngay tại chỗ.

Kỹ thuật & Mẹo (Blog)

Nên dùng px hay rem trong CSS? | Lý do lấy 16px làm chuẩn và cách phân chia

Giải thích sự khác biệt giữa px và rem, tiêu chuẩn để lựa chọn. Tại sao hầu hết thiết kế Web lấy 16px làm chuẩn. Tác động đến khả năng truy cập (accessibility).

CSS Frontend Accessibility Người mới bắt đầu

Sự khác biệt giữa Băm (Hashing) và Mật mã hóa (Encryption) | Tại sao SHA-256 được khuyến nghị

"Băm" và "Mật mã hóa" nhìn có vẻ giống nhau nhưng thực tế hoàn toàn khác biệt. Tìm hiểu công dụng của từng loại và lý do tại sao cần băm khi lưu trữ mật khẩu.

Bảo mật Lập trình Kiến thức cơ bản

Cách quản lý màu sắc hệ thống thiết kế trong Tailwind CSS

Cách định nghĩa màu sắc tùy chỉnh bằng tailwind.config.ts. Cách tạo không gian tên màu sắc và hỗ trợ độ trong suốt (Opacity).

TailwindCSS CSS Hệ thống thiết kế Cài đặt

Cách kiểm tra nội dung JWT | Cơ chế phát hiện thay đổi

JWT chỉ được mã hóa Base64 nên nội dung bên trong có thể thấy rõ. Giải thích cách giải mã để kiểm tra và cơ chế phát hiện thay đổi thông qua chữ ký.

JWT Bảo mật Xác thực

Nguyên nhân và cách xử lý lỗi JSON "Unexpected token"

Giải thích nguyên nhân và cách khắc phục lỗi SyntaxError Unexpected token khi sử dụng JSON.parse(). Tìm hiểu các lỗi vi phạm quy tắc cú pháp JSON như dấu phẩy thừa, dấu nháy đơn, hoặc ghi chú (comment).

JSON Sửa lỗi Frontend

Cách khắc phục lỗi CORS | Giải quyết bằng "Access-Control-Allow-Origin"

Cách xử lý khi gặp lỗi CORS. Tại sao việc gọi API từ một origin khác lại bị chặn. Cách thiết lập Access-Control-Allow-Origin phía server. Các giải pháp tạm thời khi phát triển.

CORS API Lỗi Frontend

Cách sử dụng công cụ định dạng JSON | Định dạng & Nén an toàn trực tuyến

Hướng dẫn cách sử dụng công cụ trực tuyến miễn phí để định dạng và nén JSON. Điều chỉnh thụt đầu dòng, kiểm tra cú pháp và sao chép. An toàn, không gửi dữ liệu.

JSON Công cụ lập trình API Hướng dẫn

Nén ảnh và chuyển đổi WebP | Cơ bản về cải thiện PageSpeed

Cách chuyển đổi hình ảnh sang WebP để giảm kích thước tệp. Cân bằng giữa chất lượng và dung lượng, tính an toàn của xử lý local. Cải thiện điểm số PageSpeed.

Hình ảnh WebP PageSpeed Tối ưu hóa

Base64 là gì? Giải thích từ cơ chế hoạt động đến cách sử dụng

Giải thích cơ chế, công dụng và cách giải mã Base64. Ví dụ sử dụng trong Data URI của ảnh, xác thực Basic Auth và API. Lưu ý Base64 không phải là mật mã hóa.

Base64 Mã hóa Phát triển Web Cơ bản

10 mẫu biểu thức chính quy (Regex) thường dùng | Hữu ích cho lập trình viên

Giới thiệu 10 mẫu biểu thức chính quy (Regex) hay dùng nhất. Email, URL, số, khoảng trắng, xuống dòng, v.v. Các mẫu Regex thực tế có thể sao chép và sử dụng ngay kèm giải thích chi tiết.

Biểu thức chính quy Regex Phát triển Mẫu

Danh sách các lệnh Git thường dùng | Tham khảo nhanh cho người mới bắt đầu

Tổng hợp các lệnh Git hay dùng nhất. init, add, commit, push, pull, branch, checkout, merge, stash, restore. Các câu lệnh hàng ngày dưới dạng có thể sao chép và sử dụng ngay.

Git Phát triển Người mới bắt đầu Câu lệnh

Danh sách mã trạng thái HTTP | Ý nghĩa của 200, 404, 500 và cách xử lý

Giải thích ý nghĩa các mã trạng thái HTTP phổ biến. 200 thành công, 201 tạo mới, 400 yêu cầu sai, 401 chưa xác thực, 403 bị cấm, 404 không tìm thấy, 500 lỗi máy chủ. Các mã thường gặp khi debug API và cách khắc phục.

HTTP API Debug Web

Markdown Cheat Sheet | Danh sách các quy tắc có thể sao chép và sử dụng ngay

Tổng hợp các quy tắc cơ bản của Markdown. Tiêu đề, danh sách, liên kết, khối mã, bảng, nhấn mạnh. Tham khảo nhanh các quy tắc thường dùng cho README hoặc tài liệu kỹ thuật.

Markdown Cheat Sheet Tài liệu Phát triển
Lộ trình học Web Dev ← Quay lại trang chủ