Với sự phát triển nhanh chóng của internet thì ngày nay càng có nhiều ứng dụng web ra đời với nhiệm vụ giúp bạn không cần phải cài đặt chương trình cho máy tính mà có thể sử dụng trực tiếp trên trang web đó. hôm nay mình sẽ giới thiệu đến các bạn những website giúp chúng ta có thể viết code test hay online một cách dễ dàng. Nào bây giờ bạn hãy cùng mình vào khám phá nhé
Các Website Viết Code Online
Thùng rác
Trang web JS Bin là công cụ giúp bạn lập trình trực tuyến với các ngôn ngữ web thông dụng như HTML, CSS, Javascript. Ô Đầu ra là nơi hiển thị kết quả khi chúng ta thêm đoạn mã thiết lập chương trình vào cho nó và khi bạn chỉnh sửa HTML, CSS thì trang web sẽ tự động chạy kết quả ra màn hình mà chúng ta không cần phải nhấn nút chạy lại .
Nó còn có một điểm thú vị là bạn có thể chia sẽ đường dẫn của chương trình với các lập trình viên khác và cùng viết mã với chương trình được cập nhật theo thời gian thực.
Tuy vậy khi chúng ta mới tiếp xúc với trang web, có thể sẽ gặp một số vấn đề khi sử dụng. Do đó trang web cung cấp cho bạn một diễn đàn nơi tập hợp các khóa hướng dẫn dành cho người mới hay những câu hỏi thường gặp khi sử dụng chương trình, bạn có thể tìm hiểu thêm ở đây nhé.
Nguồn JSBin
JSFiddle
Trang web JSFiddle ngoài hỗ trợ các tính năng cơ bản thì nó còn cung cấp thêm một số tính năng phức tạp hơn giúp chúng ta linh hoạt trong việc sử dụng và tổ chức mã. Ví dụ, ứng dụng XHR Ajax giúp thiết lập trình thành viên và người dùng có thể chuyển dữ liệu trực tuyến qua lại giữa máy chủ [máy chủ] và cửa sổ trình duyệt của người dùng mà bạn hay thấy trên trang.
Ngạc ra nó cũng hỗ trợ nhiều framework thông dụng như Jquery, Bootstrap, Vue, React. và bạn cũng có thể sử dụng thêm các thư viện bên ngoài cho chương trình của chúng tôi.
Nó cũng cung cấp một đoạn URL cho phép chúng ta chia sẻ dự án của mình lên các mạng xã hội như Facebook, Twitter, Stack.
Nguồn JSFiddle
MãSandbox
Trang web CodeSandbox chủ yếu dành cho những bạn lập trình chuyên sâu về Javascript. Ngoài việc cho phép bạn chạy mã thuần javascript thì nó còn cung cấp môi trường dành cho các framework phổ biến ngày nay như React, Vue, Angular. Bạn cũng có thể tạo một ứng dụng web hoàn chỉnh ngay trên trang web với phía back-end là NodeJs. Và bạn có thể thêm bất kỳ ứng dụng nào từ npm thông qua thiết bị đầu cuối được cung cấp sẵn trên trang web
Mã nguồnSandbox
MãBút
Trang web CodePen là một mạng xã hội dành cho các lập trình viên để giao lưu, trao đổi, học hỏi kỹ năng thông qua việc làm chia sẻ các chương trình thú vị mà họ viết ra. Nó cho phép bạn lập trình trực tuyến với các ngôn ngữ thông dụng của trình duyệt web như HTML, CSS, Javascript. và bạn có thể thêm các thư viện bên ngoài thông qua CDN cho chương trình của mình. Theo mình thấy đây là nơi rất hay để chúng ta cùng học hỏi thông qua các chương trình được chia sẻ và cập nhật liên tục. Bạn có thể theo dõi những lập trình viên mà mình yêu thích ở trên trang web này cũng như gửi bình luận hay thích cho những chương trình nào mà chúng ta cảm thấy thú vị
Mã nguồnBút
Trình tạo web
Trang web Web Maker đúng như tên gọi thì nó sẽ hỗ trợ bạn các ngôn ngữ lập trình cho web như CSS, HTML, Javascript. và các bộ tiền xử lý như LESS, Sass, JSX, TypeScript. Ngoài việc hỗ trợ sử dụng trực tiếp trên trang web thì nó còn có thêm tiện ích mở rộng trong Goole Chorme giúp bạn có thể lập trình ngay cả khi không có kết nối mạng. Nó cũng cho phép bạn tải chương trình của mình xuống máy tính khi đã hoàn thành hoặc chia sẻ chương trình lên trang Codepen
Nguồn Web Maker
ý tưởng
Trang web Ideone cung cấp trình soạn thảo và sửa lỗi vô cùng mạnh mẽ với việc hỗ trợ hơn 60 ngôn ngữ lập trình. Bạn chỉ đơn giản chọn ngôn ngữ mình mong muốn và trang web sẽ tự động bổ sung thêm môi trường làm việc tương thích. Nó cho phép chúng tôi lưu trữ mã nguồn thông qua một URL xác định để bạn có thể chia sẻ chương trình lên các mạng xã hội phổ biến như Facebook, Twitter
Nguồn ý tưởng
CSSDESK
Trang web CSSDESK là một ứng dụng web tuyệt vời giúp ta có thể kiểm tra các thuộc tính của CSS một cách nhanh chóng hoặc lập trình các đối tượng trong trang web bằng ngôn ngữ HTML và CSS mà không cần cài đặt bất kỳ công cụ soạn thảo nào. Ngoài ra nó còn cho phép chúng ta có thể tải xuống khi chương trình hoàn thành hoặc chia sẻ lên các mạng xã hội bằng một đường dẫn được cung cấp bởi trang web
Nguồn CSSDESK
Chia sẻ mã
Chia sẻ mã trang web cũng giống như các trang web trên là lập trình trực tuyến. Nhưng điểm mạnh của website này là bạn có thể chia sẻ mã của mình cho đồng nghiệp hay các lập trình viên khác mà mình mong muốn. Ngoài ra, nó còn cung cấp thêm chức năng trò chuyện video trực tuyến giúp chúng ta có thể cùng với việc thiết lập các chương trình khác nhau, sửa lỗi cho chương trình, dạy học về lập trình hoặc phỏng vấn các ứng viên lập trình một cách dễ dàng. Hiện tại thì Code Share cũng hỗ trợ hơn 50 ngôn ngữ lập trình thông tin ứng dụng
Nguồn Mã Chia Sẻ
StackBlitz
Trang web StackBlitz chủ yếu dành phần lớn cho các lập trình viên sử dụng React, Angular, Ionic, TypeScript. Nó có nhiều tính năng hữu ích mà các ứng dụng web lập trình trực tuyến hiện nay không hỗ trợ được. Bạn có thể dễ dàng tạo một dự án Angular hoặc React trực tuyến chỉ bằng một cú nhấp chuột. Và theo mình thấy điểm thích nhất của StackBlitz là nó sẽ tự động triển khai chương trình của họ lên máy chủ của họ mà hoàn toàn miễn phí
Nguồn StackBlitz
câu đố SQL
Trang web SQL Fiddle giúp bạn có thể kiểm tra độ chính xác của các câu truy vấn, so sánh đối chiều các câu lệnh SQL trong backend hoặc bạn muốn tìm hiểu về SQL nhưng chưa biết cách cài đặt thì SQL Fiddle là nơi giúp bạn chỉ cần . Nó hỗ trợ các hệ thống quản trị cơ sở dữ liệu phổ biến hiện nay như MySQl, Oracle , SQLite, PostgreSQL
Nguồn SQL Fiddle
Tổng kết
Qua đây mình mong bài viết sẽ cung cấp thêm cho các bạn những trang lập trình web trực tuyến mà chúng ta có thể sử dụng và nếu có thắc mắc gì cứ gửi email mình sẽ phản hồi sớm nhất có thể. Rất mong bạn tiếp tục ủng hộ trang web để mình có thể viết nhiều bài hay hơn nữa nhé. Chúc bạn có một ngày vui vẻ