Front-end Developer là gì?

Front-end (lập trình giao diện) là mảng phát triển phần "nhìn thấy được" của website/ứng dụng: bố cục, màu sắc, nút bấm, hiệu ứng và tương tác. Lập trình viên front-end làm việc chủ yếu với HTML, CSS, JavaScript và các thư viện/framework như React, Vue, Angular.

Front-end phối hợp chặt với thiết kế (UX/UI) và back-end (xử lý dữ liệu phía máy chủ). Người làm cả hai mảng gọi là full-stack.

Front-end làm gì trong một ngày

Công việc thường bắt đầu từ bản thiết kế và một danh sách yêu cầu. Lập trình viên front-end dựng giao diện đó thành mã chạy được, nối với dữ liệu do back-end cung cấp qua API, rồi xử lý những tình huống bản thiết kế không vẽ: dữ liệu đang tải, danh sách rỗng, mạng lỗi, người dùng bấm hai lần, màn hình hẹp.

Phần lớn thời gian thực tế không dành cho việc "làm cho giống thiết kế" mà cho các trạng thái trung gian và khác biệt giữa thiết bị. Một nút bấm mất ba phút để dựng, nhưng để nó không bị bấm trùng, hiển thị đúng lúc chờ phản hồi, đọc được bằng trình đọc màn hình và không vỡ trên điện thoại cũ thì tốn nhiều hơn thế. Người mới hay đánh giá thấp phần này.

Bộ kỹ năng lõi và bộ kỹ năng theo mùa

Có hai lớp kỹ năng cần phân biệt rõ khi học. Lớp lõi gần như không đổi theo năm tháng: HTML ngữ nghĩa, CSS và cách bố cục, JavaScript nền tảng, cách trình duyệt tải và dựng trang, công cụ phát triển của trình duyệt, Git. Lớp theo mùa là các framework và thư viện — React, Vue, Angular, Next.js — thay đổi nhanh hơn nhiều.

Sai lầm phổ biến là học framework trước rồi bỏ qua lớp lõi. Hậu quả lộ ra khi gặp lỗi mà tài liệu framework không nói tới, hoặc khi công ty dùng framework khác. Ngược lại, người vững lớp lõi chuyển giữa các framework trong vài tuần. Ngoài ra, ngày càng nhiều tin tuyển dụng nhắc tới TypeScript, kiểm thử giao diện và khả năng truy cập — ba thứ trước đây thuộc nhóm "biết thì tốt", nay dần thành yêu cầu.

Hiệu năng và trải nghiệm: phần việc dễ bị bỏ quên

Giao diện đúng thiết kế nhưng tải chậm vẫn là giao diện hỏng, đặc biệt với người dùng Việt Nam truy cập chủ yếu bằng điện thoại. Front-end vì thế chịu trách nhiệm phần lớn các chỉ số tốc độ mà công cụ đo trải nghiệm trang đánh giá: thời gian hiển thị nội dung chính, độ ổn định bố cục khi trang đang tải, độ trễ khi người dùng chạm.

Những việc tạo khác biệt lớn nhất thường đơn giản: nén và chọn đúng kích thước ảnh, không tải những đoạn mã chưa cần tới, khai kích thước cho ảnh và quảng cáo để trang không nhảy, hạn chế phông chữ ngoài. Đây cũng là điểm giao giữa front-end và SEO — trang tải nhanh và ổn định được đánh giá tốt hơn trong tìm kiếm.

Ví dụ: một yêu cầu nhỏ và những gì thật sự phải làm

Yêu cầu: "thêm nút Lưu tin vào thẻ việc làm". Nghe như nửa buổi. Thực tế cần trả lời: người chưa đăng nhập bấm thì sao — mở hộp đăng nhập hay báo lỗi? Bấm xong mà máy chủ chưa trả lời thì nút hiển thị thế nào để người dùng không bấm tiếp? Nếu lưu thất bại thì có hoàn lại trạng thái và báo gì? Cùng một tin xuất hiện ở hai chỗ trên trang thì bấm ở chỗ này chỗ kia có tự cập nhật theo không? Trên điện thoại, nút có đủ lớn để chạm bằng ngón tay và có nằm đè lên phần khác không?

Khi làm đủ những nhánh đó, một tính năng "nhỏ" thành một ngày công thật. Đây là lý do ước lượng thời gian của front-end hay bị đánh giá là lâu — và cũng là chỗ phân biệt người làm xong với người làm chắc.