jsFiddle, một công cụ trực tuyến giúp bạn test và nghiên cứu các đoạn javascript mới trước
khi đưa nó vào website. Điểm nổi trội mà công cụ trực tuyến này đem lại là tính tức thì, sau
khi soạn thảo xong bạn có thể cho run code bất cứ lúc nào. Công việc chỉnh sửa trở nên đơn
giản hơn bao giờ hết. Thay vì ta phải ngồi tạo một file .html và chạy nó thử bằng chương trình duyệt.
Tổng quan jsFiddle
Giao diện tương đối dễ sử dụng, bạn chỉ cần gõ code HTML, CSS, Javascript vào các ô tương ứng.
Sau đó ấn nút Run trên thanh công cụ. Kết quả sẽ hiển thị ngay ở khung result, đây là kết quả
khi code của bạn được thực thi.
Sau đó ấn nút Run trên thanh công cụ. Kết quả sẽ hiển thị ngay ở khung result, đây là kết quả
khi code của bạn được thực thi.
Ngoài Run bạn còn có thể save lại để chia sẽ với người khác (sau khi save, xem địa chỉ trên
thành url của trình duyệt)
thành url của trình duyệt)
Bên cạnh tính tức thì của jsFiddle, bạn còn thấy jsFiddle cung cấp cho ta rất nhiều
thư viện Javascript nổi tiếng hiện nay như Jquery, MooTools, YUI, … . Rất tiện lợi để
học Jquery nói riêng và Javascript nói chung.
thư viện Javascript nổi tiếng hiện nay như Jquery, MooTools, YUI, … . Rất tiện lợi để
học Jquery nói riêng và Javascript nói chung.
Ngoài dùng để test code, jsFiddle còn là một công cụ hữu hiệu để share code của bạn
với người khác, làm việc nhóm dễ dàng, hoặc show hàng bản demo, .. v..v.. . Tùy
vào cách sử dụng sẽ làm công cụ này trở nên có ích cho hành trình “vọc” code của bạn.
với người khác, làm việc nhóm dễ dàng, hoặc show hàng bản demo, .. v..v.. . Tùy
vào cách sử dụng sẽ làm công cụ này trở nên có ích cho hành trình “vọc” code của bạn.
Một số chức năng khác của jsFiddle
Ngoài một số chức năng cơ bản của jsFiddle là chỉnh
sửa và run, bạn có thể tạo cho mình một tài khoản
để lưu lại những đoạn code mình đã soạn và chia sẽ
nó với mọi người hoặc dễ dàng quản lí và phát triển lên sau này.
sửa và run, bạn có thể tạo cho mình một tài khoản
để lưu lại những đoạn code mình đã soạn và chia sẽ
nó với mọi người hoặc dễ dàng quản lí và phát triển lên sau này.
Quá trình đăng kí khá đơn giản, chỉ cần username
password và địa chỉ email để nhận những thông tin mới từ jsFiddle.
password và địa chỉ email để nhận những thông tin mới từ jsFiddle.
Sau khi đăng nhập bạn sẽ thấy các code mà bạn đã tạo ngay tại dashboard mới hiện ra.
Hãy tạo cho mình một tài khoản riêng để dễ dàng quản lí những code mình đã tạo nhé.
Khi bạn xem một đoạn code, jsFiddle cung cấp một số nút lệnh nâng cao khác như trong
hình dưới đây:
hình dưới đây:
Update: cập nhật code hiện tại (nó phải được save trước đó)
Fork: sao chép code hiện tại ra thành một tài liệu mới (địa chỉ mới, không ảnh hưởng
đến code hiện tại)
đến code hiện tại)
Set as base: Thiết lập code hiện tại là phiên bản đầu tiên, mặc định mỗi lần save
jsFiddle sẽ tăng version của code lên 1, set as base sẽ đưa con số đó về thành 0.
(Áp dụng được với code do bạn soạn)
jsFiddle sẽ tăng version của code lên 1, set as base sẽ đưa con số đó về thành 0.
(Áp dụng được với code do bạn soạn)
TidyUp: Tự sắp xếp, làm cho code trong dễ nhìn hơn
JSLint: Kiểm tra cú pháp của Javascript, nếu nó nói là vaid tức code của bạn không có lỗi.
Chú ý: chỉ kiểm tra cú pháp thôi nhé, lỗi phát sinh trong quá trình code thực thi thì chức năng này bó tay.
Chú ý: chỉ kiểm tra cú pháp thôi nhé, lỗi phát sinh trong quá trình code thực thi thì chức năng này bó tay.
Nhìn tổng quát, jsFiddle thật sự là một công cụ tuyệt vời để chỉnh sửa javascript và
chia sẽ code với mọi người.
chia sẽ code với mọi người.
Sưu tầm
No comments:
Post a Comment