Star Rating : Frontend Coding Exercises

Gleam doesn't compile to Erlang source anymore

Gleam phiên bản 1.19.0 đã thay đổi cách biên dịch, không còn tạo ra code nguồn Erlang truyền thống mà chuyển sang sử dụng Erlang/OTP BEAM files trực tiếp. Thay đổi này giúp tăng tốc độ biên dịch đáng kể, giảm thời gian từ 5-10 giây xuống còn dưới 1 giây cho các dự án trung bình. Việc bỏ qua bước tạo code nguồn Erlang giúp giảm thiểu sự phức tạp trong quá trình build và tránh những vấn đề về đồng nhất giữa code nguồn và BEAM file. Đối với lập trình viên, đây là sự cải tiến quan trọng giúp tăng hiệu suất làm việc đáng kể khi sử dụng Gleam trong môi trường production.

Bài viết này giải thích thay đổi quan trọng trong cách Gleam biên dịch chương trình, ảnh hưởng đến cách bạn tương tác với Erlang runtime.

Example.com Just Launched The Biggest Redesign In Decades

Website example.com vừa thực hiện thiết kế lại lớn nhất trong thập kỷ qua. …

This is a modern motherfucking website

Bối cảnh là sự phức tạp ngày càng tăng của các website hiện đại với nhiều thành phần phụ thuộc. Nguyên nhân kỹ thuật là việc sử dụng quá nhiều frameworks như React, Vue.js, và libraries làm cho trang web trở nên nặng nề, đôi khi chỉ để hiển thị nội dung đơn giản. Hệ quả là thời gian tải trang chậm hơn đáng kể (từ 2-5 lần so với một trang HTML thuần), sử dụng nhiều bandwidth hơn và gây khó khăn cho người dùng có kết nối internet yếu. Điều đáng học là một trang web hiện đại không nhất thiết phải phức tạp - đôi khi việc sử dụng HTML, CSS thuần túy có thể tạo ra hiệu suất tốt hơn nhiều so với việc áp dụng công nghệ phức tạp không cần thiết.

Bài viết này cung cấp giải pháp toàn diện để xây dựng website hiện đại với tất cả các tính năng tiên tiến trong một tệp HTML duy nhất.

SvelteKit 3 Reaches Release Candidate, Moving Config to Vite and Retiring the $lib Alias

SvelteKit 3 đang ở giai đoạn release candidate, tập trung vào tinh chỉnh code và chuẩn bị …

Optimizing objects with null prototypes

V8 engine gặp vấn đề khi đối tượng với __proto__: null bị mắc kẹt ở dictionary mode. Nguyên nhân kỹ thuật nằm ở cách V8 xử lý prototype chain khi prototype được đặt thành null. Hệ quả là hiệu năng giảm đáng kể, như test case cho thấy WebStreams throughput chỉ đạt 500MB/s. Điều đáng học là thay thế literal object bằng classes hoặc Object.setPrototypeOf giúp tăng hiệu năng lên 2x, đạt 1GB/s throughput trong Node core.

Tìm hiểu cách tối ưu hiệu suất bằng cách loại bỏ nguyên mẫu null để tăng gấp đôi throughput trong Node.js.

CSS does your tooltip positioning now

CSS giờ có thể xử lý vị trí tooltip và dropdown không cần JavaScript. Anchor positioning, popovers, và hàm anchor-size() giúp xác định vị trí các yếu tố UI một cách chính xác. Công nghệ này giảm thiểu đáng kể code JavaScript cần thiết cho việc định vị. Anchor positioning cho phép đặt elements tương đối với một element khác mà không cần JavaScript. Điều này đặc biệt hữu ích khi xử lý responsive layout mà không cần phức tạp hóa logic JavaScript.

CSS có thể xử lý vị trí tooltip và dropdown mà không cần JavaScript, giúp đơn giản hóa UI và tăng hiệu suất.

The Node.js and Express.js Handbook for Beginners – Servers, Routes, Routers, and Views Explained

Node.js là runtime environment cho việc thực thi JavaScript ngoài trình duyệt web. Bài viết giải thích cách xây dựng server, routes, routers và views trong Express.js framework cho các ứng dụng back-end. Node.js cung cấp APIs và công cụ cần thiết để phát triển từ các script nhỏ đến ứng dụng quy mô lớn. Bài hướng dẫn này sẽ giúp lập trình viên nắm vững các khái niệm cơ bản về xây dựng ứng dụng web server với Node.js và Express.js.

Bài viết này cung cấp kiến thức nền tảng cần thiết để xây dựng ứng dụng back-end với Node.js và Express.js từ cơ bản đến nâng cao.