Có thể bạn là Lập trình viên chuyên nghiệp, hoặc cũng có thể bạn chỉ là người mày mò tìm hiểu về web, về các mã nguồn. Tất nhiên, cũng như đa số nghề khác, bạn không thể “tay không bắt giặc” được (hiếm lắm, cả nghĩa đen lần nghĩa bóng). Vì vậy, muốn làm tốt, bạn phải trang bị cho mình một số “đồ nghề” hỗ trợ. Với một người làm IT chuyên thiết kế lập trình website, BienThuy.Com xin giới thiệu một số phần mềm, hoặc website tương đối hữu ích cho bạn để tham khảo. Đây là những phần mềm hoặc website mà Biên Thùy nghĩ là nó có ích. Có thể sở thích của một số bạn sẽ khác, các bạn có thể tham khảo thôi nhé.
1, Các công cụ Offline:
a, Text Editors:
– Edit Plus: Đây là shareware, nghĩa là bạn có thể tải bản chính thức về dùng thử trong 30 ngày, sau đó phải mua bản quyền. Giá của nó theo website chính thức là:
1-user license: US $35
5-user license: US $150 ($30 each)
10-user license: US $230 ($23 each)
20-user license: US $420 ($21 each)
30-user license: US $510 ($17 each)
50-user license: US $700 ($14 each)
100-user license: US $900 ($ 9 each)
Tính năng chính của Edit Plus:
| Document interface * Multiple document interface * Overlappable windows * Tabbed document interface * Window splitting Basic features * Spell checking * Regex-based find & replace * Encoding conversion * Newline conversion |
Programming features * Syntax highlighting * Multiple undo/redo * Rectangular block selection * Bracket matching * Auto indentation * Auto completion * Code folding (Text folding) * Compiler integration |
Extra features * Shell integration * Macro (Keystroke recording) * Multi-line regex support * Integrated web browser * Dynamically customizable key bindings Protocol support * FTP * sftp (SSH) * FTPS |
Encoding support * ASCII * UTF-8 * UTF-16 (Unicode, little/big endian) * Any encoding supported by the OS Newline support * DOS (CR/LF) * Unix (LF) * Mac (CR) |
Download: Edit Plus
– Sublime Text: một text editor mà ban đầu có vẻ như giống Notepad++, nhưng sau khi sử dụng thì sẽ thấy tiện lợi hơn với một số tính năng như:
File explorer: sublime text có thể mở cả thư mục và hiện thành menu dạng cây để di chuyển thuận tiện hơn.
Project: người dùng có thể tạo và lưu nhiều project khác nhau như một IDE.
Goto Definition: giúp người dùng di chuyển đến vị trí khai báo của một hàm nào đó trong project.
Auto save: khi tạo hoặc chỉnh sửa một file nhưng chưa save, người dùng có thể tắt Sublime text mà không lo những nội dung thay đổi bị mất đi. Sublime Text tự động giữ lại những chỗ thay đổi mà không hiện thông báo nhắc người dùng phải save file khi tắt chương trình và tự khôi phục những nội dung đó khi bật trở lại. Tính năng này giúp người dùng có thể tạo một file tạm mà không cần phải lưu lại mỗi khi tắt chương trình.
Ngoài những chức năng có sẵn, Sublime Text còn có một thư việc plugin phong phú giúp tăng cường hiệu năng cho người dùng. Một số plugin mà tôi đang sử dụng:
Package Control: hỗ trợ quản lý, cài đặt package (plugin)
BracketHighlighter: highlight các tag và các dấu đóng ngoặc trong code
SideBarEnhancements: bổ sung các lệnh vào context menu trên sidebar
Emmet: hỗ trợ Zen-coding
PHP-Twig: code highlighter cho các file twig
SublimeText tuy là phần mềm có phí nhưng không hạn chế chức năng và thời gian sử dụng. Người dùng nếu chưa mua phần mềm thì sẽ thỉnh thoảng gặp bảng thông báo nhắc nhở việc đăng ký phần mềm. Lúc này, người dùng chỉ việc nhấn Cance và… dùng tiếp.
Download: Sublime Text
2, Công cụ trực tuyến
a, Hỗ trợ tạo code CSS3: CSS3 hỗ trợ nhiều tính năng cho việc lập trình web, tuy nhiên không phải lúc nào người lập trình cũng nhớ hết các đoạn mã tạo hiệu ứng của css3 (bao gồm cả browser prefix) như gradient, radius, rotation… Những website dưới đây giúp tạo những đoạn mã css đó một cách nhanh chóng:
https://css3gen.com
https://apps.eky.hk/css-triangle-generator
https://gradients.glrzad.com
b,Kiểm tra mã hợp lệ: Hỗ trợ kiểm tra hợp lệ đối với các đoạn mã javascript, css, html
https://www.jslint.com
https://csslint.net
https://validator.w3.org
c, Định dạng code:
https://jsbeautifier.org: định dạng javascript cho dễ đọc (thường dùng khi định dạng lại những đoạn javascript đã được minified)
https://mini-web-tools.googlecode.com/svn/p/css-compressor-and-beautifier.html: định dạng lại css (đã minified) và ngược lại
https://closure-compiler.appspot.com/home chuyển javascript thành dạng minified
d, Online editor:
https://jsfiddle.net