Measuring soft navigation web vitals

GTA.js, a reimplementation of the 1997 Grand Theft Auto engine in JavaScript and WebGL

Dự án GTA.js tái tạo lại engine của game Grand Theft Auto năm 1997 bằng JavaScript và WebGL, có thể chơi tại gtajs.wtf. Đây là bản reimplement chứ không phải emulator, nên một số vật lý và animation khác với bản gốc, nhưng engine nhiệm vụ chính xác dựa trên tài liệu mtd.doc. Tác giả sử dụng Gemini AI để triển khai hầu hết các tính năng, tham khảo tài liệu mở, ghi chú cộng đồng và trí nhớ cá nhân về game. Hiện tại game đã chơi được nhưng cảnh sát (cops) vẫn chưa được implement.

Lập trình viên nên đọc bài này để khám phá cách tái tạo lại engine game cổ bằng JavaScript và WebGL từ con số không.

Frontend Performance Optimization: A Practical Guide to Faster Web Pages

Frontend Performance Optimization: A Practical Guide to Faster Web Pages Most frontend performance work isn’t about making everything load faster. It’s about making sure the browser spends its …

Learn How to Design Software Systems Like a Senior Engineer in Our New Course

Bối cảnh: Thiết kế hệ thống là kỹ năng quan trọng đối với các kỹ sư phần mềm hiện nay, đặc biệt khi ứng tuyển vào vị trí senior hoặc staff-level. Nguyên nhân kỹ thuật: Khóa học mới này tập trung vào các nguyên tắc thiết kế architecture và giải quyết bài toán scale cho hệ thống thực tế. Hệ quả: Học viên sẽ nắm vững cách thiết kế hệ thống như một senior engineer, tăng khả năng ứng tuyển vào các vị trí cao cấp. Điều đáng học: Khóa học bao gồm các case study thực tế với công nghệ như microservices, load balancing và database sharding.

Khóa học này giúp bạn nâng cao kỹ năng thiết kế hệ thống phần mềm như một kỹ sư senior.

Build with Gemini 4 Argon – Fast-Track API Crash Course

Google just released Gemini 4 Argon which is its most capable model designed specifically for complex reasoning, advanced coding, math, and science. To help you get building right away, we just publis

How to use TinyFish

Learn TinyFish with JavaScript: search the web, extract data, automate browser tasks, reuse logins, research topics, and monitor websites.

LittleJS is 2D and 3D now

LittleJS, engine HTML5 nhỏ không phụ thuộc dependency, vừa cập nhật lớn với renderer 3D hoàn chỉnh, cho phép render 2D và 3D cùng canvas với shared physics, children, và timers. Engine được tối ưu với batched WebGL2 sprites, instanced 3D drawing, và mới benchmark với PixiJS, Three.js, PlayCanvas, Phaser, Babylon.js cho thấy hiệu năng vượt trội. Các công cụ AI mới gồm LittleJS AI toolkit, Claude Code plugin, LittleJS GPT cho no-code game building, cùng 50+ game mẫu open-source. Trang littlejsengine.com demo tất cả tính năng, và game jam thứ 3 diễn ra từ 2/10 đến 2/11.

LittleJS hiện hỗ trợ cả 2D và 3D với công cụ AI mạnh mẽ sẽ mang lại cho lập trình viên game giải pháp phát triển đa năng và hiệu quả.

HTTP1 vs HTTP2 vs HTTP3

HTTP1 đến HTTP3 đại diện cho quá trình tiến hóa của giao thức truyền tải web với những cải tiến đáng kể về hiệu suất. HTTP2 giới thiệu binary framing và multiplexing giúp giảm head-of-line blocking cho phép nhiều request đồng thời trên cùng một connection. HTTP3 tiếp tục phát triển với QUIC protocol thay thế TCP loại bỏ các handshake delay và cải thiện performance đặc biệt trên các mạng không ổn định. Hiểu rõ 11 khái niệm HTTP cơ bản từ TCP handshakes đến caching giúp tối ưu hóa ứng dụng web trong môi trường mạng hiện đại.

Bài này giúp lập trình viên hiểu rõ các phiên bản HTTP khác nhau và tối ưu hiệu suất ứng dụng web.

JavaScript Microtasks vs Tasks: What Runs First?

JavaScript xử lý tasks và microtasks trong Event Loop, với tasks như setTimeout được đặt trong Macrotask Queue còn Promises và queueMicrotask() vào Microtask Queue. Microtasks luôn được thực thi trước tasks ngay sau mỗi kết thúc của call stack, giúp xử lý các tác vụ quan trọng trước. Ví dụ: Promise.resolve().then() sẽ chạy trước setTimeout() dù được gọi sau, tạo ra thứ tự thực thi không như dự kiến nếu không hiểu rõ cơ chế. Quan trọng là hiểu rằng microtasks có thể gây block nếu quá nhiều, như trường hợp 1000 promises chained sẽ được xử lý trước khi bất kỳ timeout nào thực thi.

Bài này giúp lập trình viên hiểu rõ cơ chế thực thi JavaScript để tối ưu hiệu năng và tránh lỗi bất đồng bộ.