- Cung cấp tổng quan về các kỹ thuật chủ chốt để xây dựng website và ứng dụng web chỉ với trình soạn thảo, trình duyệt và các tiêu chuẩn web (HTML/CSS/Javascript thuần), không dùng công cụ build hay framework
- Các chủ đề được đề cập gồm:
- Components: sử dụng Web Components làm các khối xây dựng cơ bản để tạo ra những primitive ở cấp cao hơn bằng HTML, JavaScript và CSS thuần, thay thế cách tiếp cận component của các framework như React hay Vue
- Styling: tận dụng tối đa khả năng của CSS hiện đại để thay thế sự tiện lợi của CSS Modules, PostCSS và SASS
- Sites: xây dựng dự án web dựa trên web components và triển khai lên production mà không cần công cụ build, framework hay logic phía máy chủ
- Applications: cách xây dựng ứng dụng web single-page bằng công nghệ vanilla, cách định tuyến và cách quản lý trạng thái
- Hướng dẫn này dành cho những người đã biết HTML, CSS và JavaScript. Nếu bạn mới bắt đầu học phát triển web thì trang này vẫn chưa phù hợp
Tại sao nên làm vậy?
- Các framework phát triển web hiện đại cho phép nhanh chóng xây dựng những ứng dụng web phong phú và có cấu trúc tốt, nhưng những tính năng phong phú đó đi kèm cái giá là sự phức tạp của framework và công cụ, khiến dự án cuối cùng cần được bảo trì định kỳ để giữ an toàn và luôn cập nhật
- Phát triển web theo phong cách Plain Vanilla đưa ra lựa chọn khác: hy sinh sự tiện lợi ngắn hạn để đổi lấy các lợi ích dài hạn như tính đơn giản và gần như không cần bảo trì. Cách tiếp cận này khả thi trong môi trường trình duyệt hiện đại vốn hỗ trợ rất tốt các tiêu chuẩn web
- Đừng dùng cách tiếp cận Plain Vanilla cho đến khi bạn đã thử một số framework phát triển web phổ biến, hiểu vì sao mình muốn làm mà không cần chúng, và cảm thấy tự tin về cách cấu trúc codebase mà không có sự trợ giúp của framework
- Hãy dùng cách tiếp cận này nếu bạn muốn hiểu rõ hơn về các công cụ mà trình duyệt cung cấp, hoặc muốn xây dựng các website hay ứng dụng hầu như không cần bảo trì, rất ổn định và được thiết kế để tồn tại lâu dài. Xét cho cùng, các kỹ thuật được mô tả ở đây chỉ dựa vào các tiêu chuẩn web, mà tiêu chuẩn web thì tồn tại qua hàng thập kỷ
9 bình luận
Ngay cả việc làm một ứng dụng bản đồ đơn giản bằng vanilla mà file cũng dài dòng quá mức.
Nếu bạn đang muốn xây dựng một trang web hoặc ứng dụng hầu như không cần bảo trì, rất ổn định và được xây dựng để vận hành lâu dài, thì hãy dùng cách tiếp cận này --> vậy thì có vẻ như đã có câu trả lời rồi nhỉ. Sao lại không làm cái này..?
Ai cũng bảo là phiền phức quá haha
Hồi xưa thật là xa xưa.... người ta viết thế này...
int main(int argc, char *argv) {
...
char url = getenv("QUERY_STRING");
...
printf("HTTP/1.0 200 OK");
..
blahblah...
...
}
Nhớ lại hồi trước từng tự triển khai SPA bằng vanilla.. Lúc đó còn là người mới hoàn toàn nên không biết
fetch, thành ra phải làm từng cái một bằng xhr..Người ta vẫn bảo, đỉnh cao của việc tinh chỉnh là đồ nguyên bản...
Thông số tinh chỉnh cũng có thể được hấp thụ vào thông số gốc..
Tập 800 của Syntax.fm có sự xuất hiện của John Resig! ^^