Những kỹ năng Frontend thực sự đang "qua đời" (Không phải những gì bạn nghĩ)

Mở bất kỳ diễn đàn lập trình viên nào hiện nay, bạn sẽ thấy ai đó đang tuyên bố một công nghệ nào đó đã "chết". jQuery đã chết. PHP đã chết. CSS đã chết. Đa số những nhận định này đều sai, hoặc chỉ là sự lặp lại cũ rích.

Bài viết này không phải như vậy.

Hãy tưởng tượng hai lập trình viên, cùng số năm kinh nghiệm. Một người liên tục nhận được lời mời phỏng vấn, trong khi người kia lại bị phớt lờ.

Sự khác biệt không nằm ở tài năng, mà nằm ở những kỹ năng họ vẫn còn đang cố bám lấy.

Trước hết, những kỹ năng mà người ta bảo là chết — nhưng thực ra không

jQuery vẫn đang vận hành trên hơn 75% tổng số trang web. W3Techs đã theo dõi con số này trong nhiều năm và nó hầu như không đổi.

WordPress đang vận hành 43% của toàn bộ internet. Nó chạy trên PHP.

Những công nghệ này không hề chết. Đừng lo lắng về chúng.

Danh sách thực tế thì khác biệt hoàn toàn. Và nó ảnh hưởng trực tiếp đến công việc của bạn ngay lúc này.

Kỹ năng lập trình

#5 — Viết CSS hoàn toàn từ đầu (từ con số 0)

Đây từng là một kỹ năng thực thụ. Hiểu về tính kế thừa (cascade), độ đặc hiệu (specificity) và các chế độ bố cục. Các lập trình viên đã dành nhiều năm để mài giũa kỹ năng này.

Nhưng quy trình làm việc (workflow) đã thay đổi.

Tailwind giờ đã trở thành xu hướng chính, không còn gây tranh cãi. CSS Modules xử lý kiến trúc. Design tokens quản lý các giá trị. Và AI xử lý phần lớn các đoạn mã mẫu (boilerplate).

Một lập trình viên chỉ biết viết CSS thuần mà không hề tiếp xúc với bất kỳ công cụ nào trong số này đang dần trở nên hiếm hoi trong các bảng tin tuyển dụng.

Kỹ năng đó vẫn hoạt động tốt, nhưng quy trình làm việc xung quanh nó đã chuyển mình.

#4 — Các thủ thuật CSS đa trình duyệt (Cross-browser hacks)

Nếu bạn học Frontend trước năm 2016, bạn sẽ hiểu nỗi đau này. Các tiền tố nhà cung cấp (vendor prefixes), các nhận xét điều kiện, và các lỗi bố cục đặc thù của IE. Đó từng là một chuyên môn hóa thực sự.

Internet Explorer đã chính thức ngừng hỗ trợ (End of Life) vào tháng 6 năm 2022.

Tất cả các trình duyệt lớn hiện nay đều là "evergreen" (tự động cập nhật). Sáng kiến Interop, nỗ lực chung giữa Apple, Google, Microsoft và Mozilla, đã liên tục thu hẹp các khoảng cách về khả năng tương thích mỗi năm kể từ năm 2021.

Trình duyệt web

Các công cụ như Browserslist và autoprefixer xử lý tự động những gì còn lại.

Những giờ đồng hồ dành để sửa lỗi layout sụp đổ trên IE giờ đã biến mất như một danh mục công việc. Chuyên môn đó không còn đất dụng võ nữa.

#3 — Xây dựng thành phần UI hoàn toàn từ đầu

Viết một modal (hộp thoại) từ con số 0 từng có ý nghĩa rất lớn. Bẫy tiêu điểm (focus trapping), thuộc tính ARIA, điều hướng bàn phím và khóa cuộn. Nó thực sự rất khó.

Giờ đây, shadcn/ui, Radix UI và Headless UI đã tồn tại và giải quyết vấn đề này tốt hơn phần lớn những gì lập trình viên có thể làm từ đầu, bao gồm cả các phần về khả năng truy cập (accessibility).

Ở hầu hết các đội ngũ hiện đại, việc xây dựng một modal hay date picker từ con số 0 mà không có thư viện cơ bản cần một lý do chính đáng để biện minh.

Nếu CV của bạn ghi rõ "xây dựng các thành phần UI tùy chỉnh" mà không có ngữ cảnh đi kèm, nó hiện nay được đọc như một tín hiệu của công nghệ cũ (legacy). Không phải điểm khác biệt.

Thành phần UI

#2 — Các mẫu hình đặc thù của jQuery

Không phải bản thân jQuery. Mà là các mẫu hình (patterns) xung quanh nó.

$.ajax(). Chuỗi Deferred. Kiến trúc Plugin. Mô hình tư duy bao bọc mọi thứ trong đối tượng jQuery.

Fetch API đã thay thế $.ajax() một cách native. querySelector đã thay thế bộ chọn của jQuery. Ủy quyền sự kiện (event delegation) giờ hoạt động sẵn có.

Một lập trình viên bắt đầu tại một công ty mới ngày nay nhiều khả năng sẽ gặp một codebase React hoặc Vue hơn là một codebase đặt ưu tiên jQuery lên hàng đầu.

Biết jQuery không sao cả. Nhưng liệt kê nó là kỹ năng chính trong CV nhắm vào các công ty sản phẩm là một câu chuyện khác biệt.

#1 — Cấu hình Webpack và Babel thủ công

Trong nhiều năm, việc biết cách cấu hình Webpack từ đầu thực sự có thể kiếm được thu nhập tốt. Các điểm đầu vào (entry points), loaders, plugins, code splitting và tree shaking. Các lập trình viên Frontend cấp cao được kỳ vọng phải hiểu rõ điều này.

Sau đó, Vite xuất hiện. Và Create React App chính thức bị ngừng hỗ trợ.

Cấu hình công cụ

Vite giờ là mặc định cho các dự án React, Vue và Svelte mới. Các cài đặt mặc định của nó xử lý những thứ từng yêu cầu hàng giờ tinh chỉnh Webpack.

Kiến thức Webpack sâu vẫn quan trọng nếu bạn bảo trì một codebase lớn cũ. Nhưng đó không phải là điều một lập trình viên mới bắt đầu cần ưu tiên.

Cơ hội đó đã khép lại.

Điều gì đã thay thế chúng?

Kỹ năng nào đang phai nhạt và cái gì đã thay thế nó?

1. CSS thủ công: Được thay thế bởi Tailwind, design tokens và styling hỗ trợ bởi AI.
2. Thủ thuật đa trình duyệt: Được thay thế bởi các trình duyệt evergreen và sáng kiến Interop.
3. Thành phần tùy chỉnh từ con số 0: Được thay thế bởi shadcn/ui, Radix, Headless UI.
4. Mẫu hình jQuery: Được thay thế bởi Fetch API, DOM native, JavaScript hiện đại.
5. Cấu hình Webpack thủ công: Được thay thế bởi Vite, Turbopack và các cài đặt mặc định (zero-config).

Tại sao điều này khiến ta thấy khó chịu?

Đây không phải là những đường tắt. Chúng từng là cách đúng đắn để xây dựng mọi thứ tại thời điểm đó.

Ngành công nghiệp này không "nghỉ hưu" các kỹ năng với bất kỳ thông báo nào. Một năm, một kỹ thuật là tiêu chuẩn. Vài năm sau, các tin tuyển dụng âm thầm ngừng nhắc đến nó.

Đó là bản chất của việc làm việc gần gũi với trình duyệt. Nền tảng này luôn di chuyển.

Điều duy nhất quan trọng

Lĩnh vực Frontend không ngày càng khó gia nhập hơn.

Nhưng ngày càng khó hơn để duy trì tính phù hợp (relevant) nếu không chú ý.

Những lập trình viên ổn định không phải là người chạy theo mọi framework mới. Họ là những người nhận ra khi một danh mục công việc bị hấp thụ bởi công cụ và điều chỉnh tương ứng.

Những kỹ năng đang chết không phải là những gì mọi người tranh cãi.

Chúng là những kỹ năng đã âm thầm không còn xuất hiện trong các dự án mới trong khi mọi người bận rộn cãi nhau về jQuery.

Hành trình của Lập trình viên