- vừa được xem lúc

Hơn 100 tài nguyên miễn phí dành cho kỹ sư phát triển web để cải thiện năng suất

0 0 6

Người đăng: Violet Alexander

Theo Viblo Asia

1728894905346.jpg Đối với các nhà phát triển web, việc theo kịp với những công nghệ web đang phát triển nhanh chóng là rất quan trọng và cũng đầy thách thức. Là một nhà phát triển web, bạn cần luôn học hỏi và thích nghi. Dưới đây là danh sách các công cụ và tài nguyên quý giá mà tác giả đã gặp trong quá trình phát triển và học hỏi, và muốn chia sẻ với bạn.

Thư Viện JavaScript

  • jQuery: Thư viện JavaScript nổi tiếng nhất.
  • Backbone.js: Cung cấp cấu trúc MVP cho các ứng dụng web phức tạp.
  • D3.js: Một trong những thư viện trực quan hóa JavaScript phổ biến nhất.
  • React: Thư viện JavaScript do Facebook phát triển.
  • jQuery UI: Thư viện mã nguồn mở cho giao diện người dùng dựa trên jQuery.
  • jQuery Mobile: Một bộ công cụ UI di động thống nhất dựa trên jQuery.
  • Underscore.js: Thư viện tiện ích cung cấp các hàm lập trình chức năng mà không cần mở rộng các đối tượng JavaScript tích hợp.
  • Moment.js: Thư viện JavaScript để phân tích, xác thực, thao tác và hiển thị ngày tháng.
  • Lodash: Thư viện tiện ích JavaScript với giao diện nhất quán và thiết kế mô-đun.

Khung Fron-End

  • Bootstrap: Bộ công cụ front-end nổi tiếng để phát triển ứng dụng web phản hồi nhanh.
  • Foundation: Khung front-end mạnh mẽ và linh hoạt.
  • Semantic UI: Khung phát triển front-end hoàn toàn ngữ nghĩa.
  • UIkit: Khung front-end nhẹ và mô-đun.

Cơ Sở Dữ Liệu

  • MySQL: Hệ quản trị cơ sở dữ liệu quan hệ phổ biến nhất.
  • MariaDB: Nhánh của MySQL được phát triển bởi các nhà phát triển ban đầu của MySQL.
  • MongoDB: Cơ sở dữ liệu lưu trữ tệp phân tán.
  • Redis: Cơ sở dữ liệu lưu trữ giá trị khóa trong bộ nhớ mã nguồn mở.
  • PostgreSQL: Hệ quản trị cơ sở dữ liệu quan hệ đối tượng mã nguồn mở.

Trình Chạy Nhiệm Vụ / Trình Quản Lý Gói

  • Grunt: Trình chạy nhiệm vụ JavaScript.
  • Gulp: Hệ thống xây dựng luồng.
  • Bower: Trình quản lý gói cho HTML, CSS, JavaScript, phông chữ và hình ảnh.
  • NPM: Trình quản lý gói Node.

Tiền Xử Lý CSS

  • Sass: Tiền xử lý CSS mạnh mẽ và trưởng thành.
  • Less: Tiền xử lý CSS với khả năng tương thích tốt và đường cong học tập thấp.
  • Stylus: Cung cấp phương pháp tạo CSS hiệu quả và thanh lịch hơn.

Trình Soạn Thảo Markdown

  • StackEdit: Trình soạn thảo Markdown miễn phí mã nguồn mở dựa trên PageDown.
  • Dillinger: Trình soạn thảo trực tuyến hỗ trợ lưu trữ đám mây và xuất ra nhiều định dạng khác nhau như HTML5 và PDF.
  • Mou: Trình soạn thảo Markdown tuyệt vời cho Mac OS X.
  • Texts: Hỗ trợ cả Windows và Mac OS X.

Tài Nguyên Biểu Tượng

Khách Hàng / Dịch Vụ Git

  • SourceTree: Khách hàng Git miễn phí cho Windows và Mac.
  • GitKraken: Khách hàng Git đẹp và trực quan miễn phí (beta).
  • Tower 2: Ứng dụng trả phí đẹp mắt.
  • GitHub Client: Khách hàng chính thức của GitHub.
  • Gogs: Dịch vụ Git tự lưu trữ dễ thiết lập.
  • GitLab: Dịch vụ miễn phí cho các dự án cá nhân.

Môi Trường Phát Triển Địa Phương

  • Servbay: Công cụ mới được khuyên dùng cho năm 2024, cho phép thiết lập môi trường dễ dàng hơn với giao diện đồ họa, vượt qua Docker, XAMPP, MAMP.
  • XAMPP: Bản phân phối Apache miễn phí dễ cài đặt bao gồm MariaDB, PHP và Perl.
  • MAMP: Apache + MySQL + PHP + Python + Perl.
  • WampServer: Môi trường phát triển web cho Windows dựa trên Apache 2, PHP, MySQL.
  • Laragon: Môi trường phát triển địa phương nhanh chóng và dễ dàng cho Windows với MySQL, PHP, Redis và Apache.

So Sánh Tệp

  • Diffchecker: Công cụ so sánh tệp trực tuyến.
  • Beyond Compare: Phần mềm mạnh mẽ để so sánh tệp và thư mục một cách nhanh chóng.

Chia Sẻ / Thử Nghiệm Mã

  • codeshare: Chia sẻ mã với các nhà phát triển khác trong thời gian thực.
  • JS Bin: Lưu mã đã chỉnh sửa cục bộ hoặc chia sẻ URL để cùng gỡ lỗi. Hỗ trợ HTML, CSS, JavaScript, Markdown, Jade, Sass.
  • JSFiddle: Môi trường tùy chỉnh để kiểm tra mã HTML, CSS, JavaScript.
  • Dabblet: Nền tảng chơi web tương tác.

Hợp Tác Nhóm

  • Slack: Ứng dụng giao tiếp thiết kế cho nhóm. Rất được khuyên dùng.
  • Trello: Công cụ quản lý hoàn toàn miễn phí, linh hoạt cao và dễ nhìn.
  • Glip: Hỗ trợ nhắn tin thời gian thực, video, hội nghị video và chia sẻ lịch.
  • Asana: Giúp theo dõi và ghi lại công việc của các thành viên trong nhóm.
  • Jira: Ứng dụng hợp tác nhóm nổi tiếng.

Cảm Hứng

  • CodePen: Chia sẻ thiết kế tuyệt vời và nhận phản hồi từ các nhà phát triển khác.
  • Dribbble: Cộng đồng nơi các nhà thiết kế chia sẻ tác phẩm của họ.

Kiểm Tra Hiệu Suất Trang Web

  • Website Speed Test: Công cụ gỡ lỗi trang web miễn phí do KeyCDN cung cấp.
  • Google PageSpeed Insights: Kiểm tra trang web và cung cấp đề xuất tối ưu hóa.
  • WebPageTest: Hỗ trợ kiểm tra tốc độ từ nhiều địa điểm và trình duyệt khác nhau.
  • Pingdom: Kiểm tra tốc độ tải trang và xác định các điểm nghẽn trong hiệu suất.
  • GTmetrix: Không chỉ kiểm tra tốc độ mà còn phân tích các rủi ro pháp lý tiềm ẩn và cung cấp đề xuất tối ưu hóa.

Cộng Đồng Nhà Phát Triển Web

Tin Tức Phát Triển Web

  • wdrl.info: Bài viết tổng hợp hàng tuần về phát triển web.
  • Web Tools Weekly: Chia sẻ chủ yếu về công cụ phát triển web.
  • WebOps Weekly: Bài viết hàng tuần về vận hành và triển khai web.
  • /dev tips: Chia sẻ mẹo phát triển hàng tuần.
  • Friday Front-end: Cung cấp tin tức phát triển hàng ngày qua Twitter và gửi tóm tắt qua email hàng tuần.
  • Front-end Dev Weekly: Gửi tin tức phát triển web, công cụ, và tin tức sáng tạo được chọn lọc hàng tuần.
  • Smashing Magazine: Tạp chí trực tuyến dành cho nhà thiết kế và phát triển web, nổi tiếng với nội dung chất lượng cao, phát hành vào thứ Ba thứ hai hàng tháng.

Bình luận

Bài viết tương tự

- vừa được xem lúc

Cài đặt WSL / WSL2 trên Windows 10 để code như trên Ubuntu

Sau vài ba năm mình chuyển qua code trên Ubuntu thì thật không thể phủ nhận rằng mình đã yêu em nó. Cá nhân mình sử dụng Ubuntu để code web thì thật là tuyệt vời.

0 0 404

- vừa được xem lúc

Phân quyền đơn giản với package Laravel permission

Như các bạn đã biết, phân quyền trong một ứng dụng là một phần không thể thiếu trong việc phát triển phần mềm, dù đó là ứng dụng web hay là mobile. Vậy nên, hôm nay mình sẽ giới thiệu một package có thể giúp các bạn phân quyền nhanh và đơn giản trong một website được viết bằng PHP với framework là L

0 0 458

- vừa được xem lúc

Sử dụng Swagger để xây dựng API documentation

Giới thiệu về Swagger. RESTful API là một tiêu chuẩn dùng trong việc thiết kế API cho các ứng dụng web (thiết kế Web services) để tiện cho việc quản lý các resource.

0 0 1k

- vừa được xem lúc

So sánh Interface và Abstract trong lập trình hướng đối tượng.

Tổng quan. Interface và Abstract class là 2 khái niệm cơ bản trong lập trình OOP.

0 0 63

- vừa được xem lúc

CURL và cách sử dụng trong PHP

Giới Thiệu. CURL là bộ thư viện được sử dụng để giúp thực hiện việc chuyển dữ liệu thông qua nhiều giao thức khác nhau (như HTTP, FPT...). Với giao thức HTTP, cURL hỗ trợ việc gửi dữ liệu sử dụng tất cả các phương thức hiện có như GET, POST, PUT, DELETE... cURL cũng hỗ trợ việc chuyền dữ liệu sử dụn

0 0 93

- vừa được xem lúc

Thêm dòng dữ liệu mới (MySQL) trong Laravel

Chào các bạn, Laravel hiện đang là hot trend trong "thế giới PHP". 1. Cấu hình cơ bản ban đầu. .

0 0 51