Kiến thức nền tảng frontend, backend, các framework và thực hành tốt nhất.
Khởi tạo một dự án Next.js từ đầu và hiểu về App Router.
Bản đồ dễ hiểu về cách website hoạt động, nên học gì trước và cách thực hành bằng một sản phẩm nhỏ.
Browser resolve domain qua DNS, mở kết nối bảo vệ bằng HTTPS, gửi HTTP request, nhận resource từ server/CDN rồi render; JavaScript có thể request thêm data.
Thuật ngữ web dễ hiểu hơn khi nhóm theo hành trình: client resolve domain qua DNS, mở network connection, gửi HTTP request, nhận response và render resource được xác định bằng URL.
HTML mô tả ý nghĩa và cấu trúc: heading tạo outline, landmark chia vùng, link dùng để điều hướng, button thực hiện action và label nối control với hướng dẫn. Semantic markup cung cấp thông tin hữu ích cho browser và assistive technology trước cả CSS.
CSS dễ đọc tạo type scale rõ, line length thoải mái, contrast đủ, spacing nhất quán và layout thích nghi từ màn hình hẹp tới rộng. Responsive design đi theo nhu cầu content, không theo danh sách tên thiết bị.
JavaScript phản hồi event, biến đổi data, cập nhật state và phản chiếu state trở lại UI. Giữ một single source of truth giúp màn hình không lệch với dữ liệu bên dưới.
Backend thực thi business rule, phối hợp data và external service, xác thực request rồi trả kết quả qua interface như API. Nó bảo vệ invariant không thể giao cho browser code.
Hãy chọn server-side language theo constraint: kỹ năng team, ecosystem, runtime, library, vận hành và tuyển dụng—không chỉ dựa vào headline benchmark. Nhiều lựa chọn phổ biến đều có thể giải cùng một bài toán tốt.
HTTP server lắng nghe trên một port, parse request, route theo cặp method-path, chạy application logic rồi trả status, header và body. Hãy bắt đầu với một health route trước khi thêm framework hay database.
Authentication chứng minh người dùng là ai; session ghi nhớ bằng chứng đó qua nhiều request. Session an toàn cần identifier khó đoán, expiry phía server, cookie được bảo vệ và cơ chế logout hoặc revoke rõ ràng.
API là contract để yêu cầu hệ thống khác làm việc hoặc trả dữ liệu. Trong ví dụ nhà hàng, menu định nghĩa request hợp lệ, phục vụ bàn chuyển request và bếp xử lý implementation ẩn phía sau.
JSON biểu diễn object và array bằng syntax nhỏ gọn cho application data phổ biến; XML biểu diễn element và attribute lồng nhau với namespace cùng tooling thiên về document. Hãy chọn theo contract bên nhận, không theo sở thích.
REST-style API mô hình resource bằng URL ổn định, dùng HTTP method để thể hiện ý định, trả status code có nghĩa và giữ request self-contained. Tính nhất quán quan trọng hơn việc chạy theo sự thuần khiết kiến trúc.
API client bền vững cần phân loại error, giới hạn retry, paginate đến stopping signal đã document và tôn trọng rate-limit header. Retry mọi thứ mù quáng có thể làm outage nặng hơn.
Git ghi snapshot và branch ở local; GitHub host repository và bổ sung collaboration, review, automation cùng access control. Dự án nhỏ cần history rõ hơn là branching model phức tạp.
Git-based deployment nối một commit đã review với build có thể tái hiện và một environment. Host checkout commit, cài dependency đã lock, chạy validation, publish artifact và giữ log để rollback.
Canvas vẽ pixel lên một bề mặt giống bitmap; SVG giữ từng shape thành DOM element. Canvas phù hợp scene dày và redraw liên tục, còn SVG phù hợp diagram co giãn và object tương tác riêng.