Ước gì có ai giới thiệu cho tôi những tool này trước khi code.
Những bài viết hữu ích từ Quora
Jordan Trần
Danh sách bài học
Ước gì có ai giới thiệu cho tôi những tool này trước khi code.
Nội dung bài viết Học nhanh
Dẫn Nhập
Hi mọi người! Đây là bài dịch trong chuỗi bài NHỮNG BÀI VIẾT HỮU ÍCH TỪ QUORA của website Howkteam.com & các Kter tâm huyết, Mong muốn mang lại thêm nhiều kiến thức hữu ích từ các nguồn kiến thức nước ngoài đến với cộng đồng. Bạn có thể tham gia đóng góp bài dịch bằng cách đăng ký cùng Kteam qua: Fanpage How Kteam
Hy vọng các bạn sẽ thích những kiến thức được đề cập trong các bài dịch hữu ích này! Cảm ơn các bạn!
Nội Dung
Photo by energepic.com from Pexels
Bài được dịch từ freeCodeCamp, tác giả bài viết là Mario Hoyos.
Trong thế giới công nghệ, người ta có thể giới thiệu cho bạn hơn 1000 tools để sử dụng cho công việc. Vậy thì làm sao để biết tools nào phù hợp hay cần thiết thực sự với bản thân?
Với những người mới bắt đầu code, phải biết cách sàng lọc “cơn mưa thông tin” này. Có những dụng cụ không thực sự giúp ích cho bạn trong việc lập trình, nó còn có thể làm bạn chậm hơn trong công việc.
Tôi không tự nhận bản thân mình là 1 chuyên gia, nhưng tôi đã dùng hầu hết thời gian để lên danh sách những tools nào thực sự hữu ích. Nếu bạn mới bắt đầu học lập trình, tôi hi vọng có thể cung cấp cho bạn 1 số hướng đi; còn nếu bạn là một chuyên gia thì tôi vẫn hi vọng bạn sẽ học được điều gì mới.
Tôi sẽ chia bài viết thành 2 phần mở rộng của Chrome và VS Code. Tôi biết có nhiều trình duyệt và trình soạn thảo văn bản khác, nhưng ở đây tôi đang chia sẻ những thứ TỐT NHẤT TÔI BIẾT cho các bạn nên nếu bạn biết gì hay nên chia sẻ cho mọi người, không nên cãi lộn chỉ để chứng minh cái gì tốt hơn nhé.
Chrome Extensions
Tôi là 1 người lập trình web tự xưng ( giống tui ), tôi đã phải dành khá nhiều thơi gian- gần như sống trong Chrome console. Dưới đây là 1 số công cụ cho phép tôi dùng ít thời gian hơn để làm việc:
- WhatFont: Cái tên nói lên tất cả. Bạn sẽ dễ dàng để tìm được font chữ của trang web bạn yêu thích, để bạn có thể sử dụng chúng cho projects của bạn.
- Colorzilla: Hữu dụng để sao chép chính xác màu sắc của trang web. Thao tác này sẽ nhanh chóng sao chép thẳng vào khay nhớ tạm của bạn để không phải mất thời gian cố gắng chỉnh sửa RGBA cho phù hợp.
- CSS Peeper: Hữu dụng trong việc tìm kiếm màu sắc và nội dung được sử dụng trên trang web. Bạn có thể sao chép những thứ mình thấy thật bắt mắt ở các trang web. Nó còn cung cấp cho bạn cách phối màu và những nội dung khác trên trang web của họ.
- Wappalyzer: Hữu ích để tìm ra công nghệ đang được sử dụng trên trang web. Những loại framework hay cả những service trên host mà họ đang sử dụng.
- React Dev Tools: Hữu ích cho việc sửa BUG trong app React. App này chỉ hữu ích cho lập trình viên React.
VS Code Extensions
Visual Studio Code là sự lựa chọn của tôi.
Mọi người đều có 1 trình biên soạn riêng cho họ, tôi cũng không ngoại lệ. Tuy nhiên, tôi chắc chắn rằng phần mở rộng dưới đây thực sự hữu ích cho các bạn.
- Auto Rename Tag: Bạn tạo ra thẻ <p>. Giờ bạn cần phải thay đổi nó thành 1 thẻ khác. Chỉ cần thay đổi 1 thẻ thì các thẻ còn lại sẽ tự động đổi theo. Về mặt lý thuyết thì việc này sẽ cải thiện hiệu năng làm việc của bạn gấp đôi nhé.
- HTML CSS support: CSS sẽ “làm màu” cho dữ liệu HTML. Nó hữu dụng trong viết rút gọn câu lệnh và gợi ý cho bạn các lệnh tiếp theo, chính vì vậy bạn sẽ đỡ mất thời gian hơn cho việc code.
- HTML snippets: Dùng để trích dẫn code. Một cách tiết kiệm thời gian tuyệt vời. Cùng với Emmet bạn sẽ không phải gõ lại code cũ thêm lần nào nữa ( đoạn này không chắc ).
- Babel ES6/ES7: Thêm màu vào trong cú pháp của bạn. Nếu bạn đang sử dụng Babel, điều này sẽ rất dễ dàng để phân biệt những gì đang diễn ra trong code của bạn. Càng rõ ràng hơn nếu bạn thích sử dụng những tính năng hiện đại của JavaScript.
- Bracket Pair Colorizer: Thêm màu sắc vào các dấu ngoặc để hiện thị khối dễ hơn, thuận tiện cho việc phát hiện chỗ nào bạn quên không đóng dấu ngoặc nhé.
- ESLint: Kết hợp ESLint vào VS Code. Nó sẽ giúp bạn biết được lỗi code của bạn đang nằm ở đâu, và đôi khi nó sẽ giúp bạn sửa luôn lỗi đó, điều này còn tuỳ thuộc vào cấu hình của bạn.
- Guides: Thêm guides vào trong code của bạn. Kiểu như nó sẽ giúp bạn chắc chắn bạn đã đóng ngoặc đúng, không thừa. ( đoạn này không chắc chắn)
- JavaScript Console Utils: Giúp cho việc mở console dễ dàng hơn. Giống hầu hết các lập trình viên, bạn sẽ vào đó để chỉnh sửa code ( Tôi biết rằng chúng ta được hỗ trợ để chỉnh sửa lỗi ) Tiện ích này giúp cho bạn dễ dàng tạo ra các câu lệnh console.log () hữu ích.
- Code Spell Checker: Chương trình kiểm tra chính tả, đây cũng là 1 trong những bug khó chịu nhất của coder. Như cái tên của nó, chức năng của nó là vậy.
- Git Lens: Công cụ dùng để xem khi nào, và ai đã thay đổi, lấy cắp code ngay khi code có vấn đề .
- Path Intellisense: Đường dẫn đến file sẽ tự động có. Thật là tiện lợi cho việc nhập dữ liệu từ tập tin khác. Nó giúp bạn điều hướng cột tập tin của bạn dễ dàng hơn.
- Prettier: Tự động định dạng code. Hãy quên đi việc bạn phải mất cả ngày chỉ để điều chỉnh định dạng code của bạn 1 cách thủ công. Prettier sẽ giúp bạn làm nó 1 cách nhanh hơn, tốt hơn, ngon hơn nhiều so với nỗ lực thủ công của bạn trước kia. Không lời lẽ nào để miêu tả nó tốt cỡ nào, nói chung là tôi thích tool này lắm.
- VSCode-Icons: Thêm icon vào trong cột file. Nếu như cặp mắt của bạn cảm thấy tổn thương bởi sự sơ sài bạc bẽo của cột file, công cụ này coi bộ hữu ích cho bạn đây. Nó có khá nhiều icon cho các loại file, hữu dụng để phân biệt tài liệu của bạn nhỉ.
In Conclusion
Bạn không thể thiếu 1 bộ tools để phục vụ công việc lập trình. Tôi hi vọng những gì tôi liệt kê ở trên hữu ích cho bạn.
Tuy nhiên cũng đừng quá phụ thuộc hay ỷ y vào tools, như việc bạn cài tất cả các tools dù chưa học qua cách sử dụng cái nào cả.
Tôi khuyến khích các bạn hay comment tools nào mình yêu thích nhất, để mọi người có thể cùng học với nhau nhé.
Kết Luận
Qua bài dịch này, bạn đã biết những tool trước khi code
Cảm ơn các bạn đã theo dõi bài viết. Hãy để lại bình luận hoặc góp ý của mình để phát triển bài viết tốt hơn. Đừng quên “Luyện tập – Thử thách – Không ngại khó”.
Tải xuống
Tài liệu
Nhằm phục vụ mục đích học tập Offline của cộng đồng, Kteam hỗ trợ tính năng lưu trữ nội dung bài học Ước gì có ai giới thiệu cho tôi những tool này trước khi code. dưới dạng file PDF trong link bên dưới.
Ngoài ra, bạn cũng có thể tìm thấy các tài liệu được đóng góp từ cộng đồng ở mục TÀI LIỆU trên thư viện Howkteam.com
Đừng quên like và share để ủng hộ Kteam và tác giả nhé!
Thảo luận
Nếu bạn có bất kỳ khó khăn hay thắc mắc gì về khóa học, đừng ngần ngại đặt câu hỏi trong phần bên dưới hoặc trong mục HỎI & ĐÁP trên thư viện Howkteam.com để nhận được sự hỗ trợ từ cộng đồng.
