Chuyện kể rằng, có anh chàng tên Nam, vốn “gà mờ” về code, nhưng lại ôm mộng làm “lập trình viên web xịn”. Một hôm, Nam được giao nhiệm vụ viết một trang web đơn giản bằng Javascript. Anh chàng hì hục cả tuần trời, code ra được một mớ “bòng bong”, rối như canh hẹ. Đến lúc đưa sếp xem, sếp chỉ biết lắc đầu ngao ngán.
Câu chuyện của Nam có lẽ không còn xa lạ với nhiều bạn mới “chân ướt chân ráo” bước vào thế giới lập trình Javascript. Việc code chạy được đã khó, việc trình bày code sao cho đẹp, dễ đọc, dễ hiểu còn khó hơn. Vậy bí kíp nào giúp bạn “lột xác” từ “gà mờ” thành “cao thủ” trong việc trình bày code Javascript? Cùng “HỌC LÀM” khám phá ngay nhé!
## Javascript – Ngôn Ngữ “Muôn Hình Vạn Trạng”
Như chúng ta đã biết, Javascript là một ngôn ngữ lập trình “linh hoạt” và “dễ dãi”, cho phép lập trình viên viết code theo nhiều cách khác nhau. Chính vì thế, code Javascript có thể rất đẹp và dễ hiểu, nhưng cũng có thể trở nên “rối ren” như “mớ bòng bong” của anh chàng Nam trong câu chuyện trên.
Học nhanh một ngôn ngữ lập trình là điều không hề dễ dàng, đặc biệt là khi bạn chưa nắm vững cách trình bày code sao cho chuyên nghiệp. Vậy đâu là những tiêu chí “vàng” để đánh giá một đoạn code Javascript “đẹp” và “chất”?
### 1. Indentation – “Thụt Đầu Dòng” Cho Code “Vào Form”
Bạn có thể hình dung indentation như việc “thụt đầu dòng” trong văn bản vậy. Một đoạn code với indentation hợp lý sẽ giúp bạn dễ dàng theo dõi luồng code, phân biệt rõ ràng các khối lệnh và các cấp độ khác nhau trong chương trình.
Ví dụ, hãy cùng so sánh hai đoạn code sau:
// Đoạn code không indentation
function sum(a, b) {
if (a === undefined) {
a = 0;
}
if (b === undefined) {
b = 0;
}
return a + b;
}
// Đoạn code có indentation
function sum(a, b) {
if (a === undefined) {
a = 0;
}
if (b === undefined) {
b = 0;
}
return a + b;
}Rõ ràng, đoạn code có indentation dễ đọc và dễ hiểu hơn hẳn phải không nào?
### 2. Naming – Đặt Tên “Chuẩn Không Cần Chỉnh”
“Biết mặt đặt tên” là một kỹ năng quan trọng trong lập trình. Một cái tên biến, hàm hay lớp “đắt giá” sẽ giúp bạn và những người khác dễ dàng hiểu được mục đích và chức năng của chúng. Ngược lại, một cái tên “vô nghĩa” chỉ khiến code của bạn thêm phần “khó nhằn”.
Hãy cùng xem qua ví dụ sau:
// Tên biến không rõ ràng
let a = 10;
let b = 20;
// Tên biến rõ ràng
let width = 10;
let height = 20;Chắc chắn bạn sẽ dễ dàng đoán ra ý nghĩa của width và height hơn là a và b đúng không nào?
## Bí Kíp Trình Bày Code Javascript “Chuẩn Không Cần Chỉnh”
Để giúp bạn “nâng tầm” kỹ năng trình bày code Javascript, “HỌC LÀM” xin gửi tặng bạn những bí kíp “vàng” sau đây:
### 1. Sử dụng IDE/Text Editor “Xịn Xò”
Một IDE/Text Editor “xịn xò” sẽ là “trợ thủ đắc lực” giúp bạn format code tự động, highlight syntax, gợi ý code và debug lỗi hiệu quả. Một số cái tên nổi bật trong làng IDE/Text Editor Javascript có thể kể đến như: Visual Studio Code, Sublime Text, Atom…
### 2. “Tâm Pháp” Clean Code – “Lối Sống” Của Lập Trình Viên Chuyên Nghiệp
Clean Code là một “tâm pháp” lập trình hướng đến việc tạo ra những dòng code “sạch sẽ”, “gọn gàng” và “dễ hiểu”. Áp dụng triệt để các nguyên tắc của Clean Code sẽ giúp code của bạn trở nên “sang – xịn – mịn” hơn bao giờ hết.
Bạn có thể tham khảo thêm về AngularJS và các kiến thức tin học khác tại website “HỌC LÀM” để nâng cao trình độ lập trình của mình.
### 3. Tham Khảo Code “Chuẩn”
“Học hỏi không bao giờ thừa”, đặc biệt là trong lĩnh vực công nghệ thông tin. Hãy dành thời gian “nghía” qua những đoạn code “xịn xò” trên Github, Stack Overflow hay các blog lập trình uy tín. “Học mót” kinh nghiệm từ những “cao thủ” đi trước sẽ giúp bạn tiến bộ “vù vù” đấy.
Kết Luận:
Trình bày code Javascript đẹp và chuyên nghiệp là một yếu tố quan trọng để tạo ra những sản phẩm chất lượng. Hy vọng rằng với những chia sẻ bổ ích từ “HỌC LÀM”, bạn đã có thêm những kiến thức bổ ích để “nâng tầm” kỹ năng code Javascript của mình. Hãy nhớ rằng, “đường dài mới biết ngựa hay”, “luyện tập thường xuyên” chính là chìa khóa để bạn trở thành một lập trình viên “cao thủ” thực thụ.
Nếu bạn muốn tìm hiểu thêm về lập trình IT hoặc cách học IT hiệu quả, hãy liên hệ với chúng tôi theo số điện thoại: 0372888889, hoặc đến địa chỉ: 335 Nguyễn Trãi, Thanh Xuân, Hà Nội. Chúng tôi có đội ngũ chăm sóc khách hàng 24/7.
