TOP 10 Web Framework tốt nhất, đáng dùng nhất – Phần 1
Nguồn bài viết: TOP 10 Web Framework tốt nhất, đáng dùng nhất – Phần 1
Nếu bạn là một nhà phát triển web, đặc biệt là một nhà phát triển front-end, chắc hẳn bạn đã bị “ngộ độc” vì có quá nhiều web framework mới ra đời.
Điều đó dẫn đến hai câu hỏi: “Tại sao ngày càng có nhiều khuôn khổ web?” và “Trong số rất nhiều khuôn khổ web, chúng ta nên học cái nào?”
Với câu hỏi đầu tiên, tôi sẽ trả lời bạn tại sao. Đối với câu hỏi thứ hai, tôi sẽ không trả lời là chọn cái nào, mà chỉ gợi ý cho bạn một số phương án, vì bản chất rất khó chọn một cái.
I. Tại sao có rất nhiều web framework?
Bạn cứ tưởng tượng đơn giản như thế này, trước khi lắp ráp một chiếc ô tô, người ta đã làm thủ công theo từng giai đoạn.
Điều này có lợi ích gì? Nó giúp việc lắp ráp được can thiệp sâu hơn. Điều đó có nghĩa là bạn có thể đi sâu vào từng đường may, kiểm soát nó và hoàn thành nó theo cách bạn muốn. Sản phẩm thu được thường sẽ rất đặc biệt, rất hoàn chỉnh.
Nhưng nhược điểm là bạn sẽ không thể làm như vậy với một số lượng lớn phương tiện. Thực ra là có thể nhưng sẽ rất mất công và tốn kém.
Và thế là các dây chuyền sản xuất ra đời, chuyên môn hóa từng công đoạn bằng robot, tiết kiệm nhân công và thời gian sản xuất rất nhiều.
Điều tương tự cũng xảy ra đối với sự ra đời của các khuôn khổ web. Chúng ta phải giải quyết một vấn đề lặp đi lặp lại. Framework giúp chúng ta đơn giản hóa nó bằng cách gọi hàm truyền tham số chẳng hạn.
Chúng tôi bắt gặp một dự án có cấu trúc tương tự như các dự án trước đó, khung sẽ giúp chúng tôi tận dụng mã nguồn…
Tóm lại, framework ra đời nhằm mục đích giúp cho việc phát triển ứng dụng trở nên thuận tiện và dễ dàng hơn, chuẩn hóa các khâu trong phát triển phần mềm, hỗ trợ giải quyết các vấn đề lặp đi lặp lại.
II. Giữa rất nhiều web framework, chúng ta nên học cái nào?
Như tôi đã đề cập ở trên, bạn sẽ phải lựa chọn và linh hoạt trong các framework học tập nên tôi sẽ không thể giới thiệu bất kỳ framework nào. Nó phụ thuộc vào dự án và vị trí của bạn (nhà phát triển front-end hoặc back-end dev).
Dưới đây là 10 web framework (cả font-end và back-end) mà tôi nghĩ bạn có thể coi việc học như một bước khởi đầu.
Bất kỳ khuôn khổ nào cũng dựa trên một ngôn ngữ lập trình. Vì vậy, bạn chắc chắn nên học ngôn ngữ lập trình mà framework được xây dựng.
#Đầu tiên. ReactJS (giao diện người dùng)
Chính xác thì ReactJS là một thư viện (Library) không phải là một framework (framework khác với Library, mình sẽ chia sẻ ở một bài khác).
ReactJS được viết dựa trên JavaScript, được phát triển và duy trì bởi một trong những gã khổng lồ công nghệ, Facebook.
Ra đời từ năm 2013 và tất nhiên ReactJS cũng là mã nguồn mở – tức là bạn có thể sử dụng ReactJS miễn phí.
ReactJS sử dụng cấu trúc dựa trên thành phần – nghĩa là mọi thứ trong ReactJS đều thuộc về các thành phần. Sau đó, nhiều framework cũng ra đời và có các kiến trúc thành phần.
Để tìm hiểu về ReactJS bạn có thể tham khảo tài liệu trên trang ReactJS: https://reactjs.org/
Lợi thế:
- ReactJS được áp dụng trong
single-page applicationsđể tối ưu hóa trải nghiệm người dùng, bằng cách chỉ tải các thành phần cần thiết (không tải lại trang). - Các ứng dụng được viết bằng ReactJS rất dễ mở rộng vì ReactJS được viết theo kiến trúc Thành phần.
- Khi học ReactJS, bạn sẽ dễ dàng tiếp cận với ReactNative là một framework dùng để xây dựng các ứng dụng di động đa nền tảng, cũng do Facebook phát triển và đang rất “hot”.
- ReactJS được sử dụng bởi nhiều công ty lớn như: Netflix, Facebook, Airbnb, Reddit …
Khuyết điểm:
- Được viết bằng javascript, nếu bạn nhảy vào học ReactJS, bạn sẽ luôn gặp khó khăn vì JavaScript vốn đã rất “dị”.
- Tài liệu về ReactJS khi chia sẻ cộng đồng rất khó và có rất ít tài liệu tốt.
# 2. Góc (front-end)
Là một front-end web framework do Google phát triển và phát hành vào năm 2016 (đã “ngon” rồi).
Trước khi nhắc đến Angular, chúng ta phải nhắc đến AngularJS. Đây là tiền thân của Angular (ra đời năm 2010). Nhưng do hoạt động không tốt nên nó đã được cải tiến để trở thành các phiên bản Angular sau này.
Angular được viết dựa trên TypeScript (tương tự như JavaScript nhưng nghiêm ngặt hơn là hướng đối tượng).
Tất nhiên, Angular cũng là một framework mã nguồn mở, vì vậy bạn có thể sử dụng framework này miễn phí. Để tìm hiểu về framework này bạn có thể tham khảo tài liệu tại đây: https://ift.tt/Jy0FmNa
Lợi thế:
- Angular phù hợp với các ứng dụng lớn, tức là nếu bạn có ý tưởng về việc phát triển các ứng dụng web và di động, thì Angular là lựa chọn phù hợp.
- Angular hỗ trợ liên kết dữ liệu hai chiều – có nghĩa là dữ liệu được đồng bộ hóa giữa các lớp View và Model.
Khuyết điểm:
- Cộng đồng front-dev phải thừa nhận rằng việc học Angular khá khó khăn. So với ReactJS và VueJS, Angular khó học hơn.
- Bên cạnh đó, Angular không phù hợp với các ứng dụng nhỏ cần thời gian phát triển ngắn.
# 3. VueJS
Nếu vài năm trước, cộng đồng web front-end có ReactJS và Angular thì những năm gần đây, nhiều VueJS đã tham gia cuộc đua này.
VueJS ra đời năm 2014 bởi một kỹ sư người Trung Quốc. Có thể nói, VueJS kết hợp những tính năng tốt nhất của ReactJS và AngularJS.
Phong cách viết mẫu của VueJS khá giống với AngularJS, nhưng cách tổ chức tập tin lại khá giống với ReactJS.
VueJS cũng là một framework mã nguồn mở, được phát triển bởi cộng đồng người Hoa và mã nguồn mở. Bạn có thể đọc thêm về VueJS tại đây: https://vuejs.org/
Lợi thế:
- Có thể nói VueJS là một trong những framework nhẹ nhất hiện nay (chỉ khoảng 20KB).
- VueJS được đánh giá là dễ học, phù hợp cho cả người mới bắt đầu nhưng cũng linh hoạt cho người dùng nâng cao.
Khuyết điểm:
- Ở Việt Nam, VueJS còn khá mới nên số lượng việc làm chưa nhiều, các dự án lớn chưa phù hợp với VueJS.
- Cộng đồng người dùng hạn chế so với ReactJS và Angular.
#4. ExpressJS (back-end)
Trước khi nói về Express, chúng ta phải nói về NodeJS, vì đây là cơ sở của Express. Nói cách khác Express được viết bằng nodejs.
Node.js® là một trình chạy JavaScript được xây dựng trên công cụ JavaScript V8 của Chrome.
Chúng tôi biết rằng JavaScript chỉ có thể chạy ở phía máy khách (trên trình duyệt của người dùng), nhưng sau này, nodejs đã cho phép viết mã javascript trên back-end.
Express là một khung được viết trên nodejs. Nó cung cấp cho chúng ta rất nhiều tính năng mạnh mẽ trên nền tảng web cũng như trên các ứng dụng di động.
Một số tính năng của ExpressJS bao gồm:
- Thiết lập các lớp trung gian để trả về các yêu cầu HTTP
- Xác định một bộ định tuyến cho phép sử dụng với các hành động khác nhau dựa trên các phương thức HTTP và URL
- Cho phép trả lại các trang HTML dựa trên các tham số.
- Bạn có thể đọc thêm về ExpressJs tại đây: http://expressjs.com/
Tại Việt Nam, nodejs nói chung và express nói riêng ngày càng được sử dụng nhiều hơn, đặc biệt là trong các dự án có quy mô không quá lớn. Học nodejs và Express là một lựa chọn khá tốt ở thời điểm hiện tại.
Đọc thêm:
III. Phần kết
Như vậy ở phần 1 của bài viết này mình đã chia sẻ cho các bạn 4 web framework của các ông lớn công nghệ để các bạn có thể tham khảo, tìm hiểu và học hỏi thêm.
Tất cả chúng đều được xây dựng gián tiếp hoặc trực tiếp từ JavaScript. Vì vậy, nếu bạn chưa quen với điều này, tôi khuyên bạn nên bắt đầu học JavaScript cho chắc chắn trước. Hẹn gặp lại các bạn ở phần 2!
[ĐỌC TIẾP] Phần # 2 của bài viết này ở đây: TOP 10 Web Framework tốt nhất, đáng sử dụng nhất – Phần 2
CTV: Nguyễn Đức Cảnh – Blogchiasekienthuc.com
Ghi chú: Bài viết này có hữu ích cho bạn không? Đừng quên đánh giá bài viết, thích và chia sẻ nó với bạn bè và gia đình của bạn!
Bản quyền thuộc: tinthuthuat.com
from tinthuthuat.com https://ift.tt/hDHgzwa
via tinthuthuat.com
Nhận xét
Đăng nhận xét