Trong bài viết này tôi sẽ giới thiệu cho bạn các công cụ soạn thảo code trực tuyến mà bạn cần biết. Các công cụ này sẽ giúp những người mới học về code như HTML sẽ dễ dàng làm các bài tập về nó. Tuy rằng bài này không liên quan gì đến việc học HTML nhưng tôi phải viết bài này để chuẩn bị cho các bài sau của tôi vì các bài sau của tôi vừa có phần lý thuyết vừa có phần bài tập về HTML. Vì vậy để cho các người mới bắt đầu học code dễ dàng làm các bài tập đó nên tôi đã viết bài này. Tuy rằng bạn có thể dùng phần mềm Notepad để làm các bài tập đó nhưng nó không tiện dụng vì bạn phải lưu tập tin lại dưới dạng .html sau đó lại phải mở trình duyệt lên xem kết quả. Còn những công cụ soạn thảo code trực tuyến mà tôi sắp giới thiệu đây thì nó đã có sẵn một cửa sổ soạn thảo song song với một cửa sổ hiển thị kết quả.
1. Codepen.io
Codepen.io là công cụ soạn thảo code HTML, CSS và JavaScript ngay trên chính trình duyệt web, cho phép bạn xem trước những gì bạn viết ra.
Đây là công cụ soạn thảo code tôi khuyên bạn nên dùng. Vì vậy tôi sẽ hướng dẫn chi tiết về công cụ này.
Đầu tiên bạn truy cập vào http://ift.tt/2vianDQ bạn sẽ thấy như hình dưới
Như hình trên bạn bấm vào nút JoinCodePenFree và bạn sẽ được như hình dưới
Sau khi điền đầy đủ thông tin như hình trên bạn bấm vào nút Submit sau đó bạn điền vào Location là Vietnam và bấm Save & Continue.
Cuối cùng nó sẽ hiện ra một trang như hình dưới để bạn viết code và xem kết quả ngay.
2. Jsbin.com
Đây cũng là công cụ có công dụng như công cụ Codepen.io nhưng nó không cần bạn phải đăng ký. Bạn chỉ cần truy cập vào trang web http://jsbin.com và bắt đầu viết code, nó sẽ cho phép bạn xem trước kết quả ngay bên cạnh như hình dưới:
3. JSfiddle.net
JSfiddle.net là một công cụ soạn thảo code trực tuyến, hỗ trợ HTML, CSS và JavaScript. Bạn có thể lưu dự án trực tuyến và chia sẻ code cho bạn bè mình thông qua URL được tạo ra.
Đây cũng là soạn thảo code trực tuyến mà bạn không cần đăng ký vẫn có thể sử dụng ngay. Bạn chỉ cần truy cập vào https://jsfiddle.net sẽ thấy như hình dưới
4. Các công cụ soạn thảo code trực tuyến khác
Ngoài 03 công cụ soạn thảo code trực tuyến tiêu biểu mà tôi đã giới thiệu cho các bạn ở trên còn có các công cụ soạn thảo code trực tuyến khác mà tôi không đề cập ở đây vì tôi thấy rằng chỉ cần 01 trong 03 công cụ đó cũng đủ để bạn làm các bài tập về HTML, CSS và JavaScript mà tôi chuẩn bị viết ở các bài sau.
5. Lời cuối bài
Có thể sau này bạn chuyên viết về code thì các công cụ soạn thảo code trực tuyến mà tôi đã giới thiệu không còn đáp ứng được nhu cầu của bạn khi đó bạn cần những phần mềm mạnh hơn chuyên hơn để viết code. Nhưng ngay tại thời điểm bạn mới bắt đầu học về code thì các công cụ soạn thảo code trực tuyến đó sẽ giúp các bạn dễ dàng hơn trong việc làm bài tập về HTML, CSS và JavaScript.
The post [HTML bài 5] Các công cụ soạn thảo code trực tuyến appeared first on Học online.
from WordPress http://ift.tt/2irdVlb
via IFTTT
Không có nhận xét nào:
Đăng nhận xét