From 5fcd387c7bd87f95cb20361c040cf9c40568f5e4 Mon Sep 17 00:00:00 2001 From: linhlt311 Date: Sun, 21 Jan 2018 22:47:12 +0700 Subject: [PATCH 1/8] Try 1 --- html-css/convention.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/html-css/convention.md b/html-css/convention.md index edd4925..2c9e04d 100644 --- a/html-css/convention.md +++ b/html-css/convention.md @@ -5,9 +5,11 @@ * Không dùng ID làm selector ### Không tốt +``` #some-body { // ... } +``` ### Tốt .some-body { From 031dbd1eea5b9a3a936ff2dd59d3264ab409476f Mon Sep 17 00:00:00 2001 From: linhlt311 Date: Sun, 21 Jan 2018 23:03:18 +0700 Subject: [PATCH 2/8] Fix Try 1 --- coding-standard/html-css.md | 4 ++-- html-css/convention.md | 6 +++--- html.md | 4 ++-- 3 files changed, 7 insertions(+), 7 deletions(-) diff --git a/coding-standard/html-css.md b/coding-standard/html-css.md index bdc98d8..bc75f2c 100644 --- a/coding-standard/html-css.md +++ b/coding-standard/html-css.md @@ -36,10 +36,10 @@ Hạn chế sử dụng nó càng ít càng tốt, điều này có những lợ - Có thể dễ dàng chỉnh sửa giao diện cho mã HTML - Có thể kế thừa CSS nếu bạn muốn sử dụng lại nó ở 1 nơi khác. ``` - +<-- INSTEAD OF -->
- +<-- USE -->
``` diff --git a/html-css/convention.md b/html-css/convention.md index 2c9e04d..6c17277 100644 --- a/html-css/convention.md +++ b/html-css/convention.md @@ -6,9 +6,9 @@ ### Không tốt ``` - #some-body { - // ... - } +#some-body { + // ... + } ``` ### Tốt diff --git a/html.md b/html.md index 9be9978..573e92a 100644 --- a/html.md +++ b/html.md @@ -35,10 +35,10 @@ Hạn chế sử dụng nó càng ít càng tốt, điều này có những lợ - Có thể dễ dàng chỉnh sửa giao diện cho mã HTML - Có thể kế thừa CSS nếu bạn muốn sử dụng lại nó ở 1 nơi khác. ``` - +<-- INSTEAD OF -->
- +<-- USE -->
``` From 8b381f615d3adf52f993bde119913a01a0792916 Mon Sep 17 00:00:00 2001 From: linhlt311 Date: Sun, 21 Jan 2018 23:08:34 +0700 Subject: [PATCH 3/8] Try fix 2 --- html.md | 1 + 1 file changed, 1 insertion(+) diff --git a/html.md b/html.md index 573e92a..0139536 100644 --- a/html.md +++ b/html.md @@ -34,6 +34,7 @@ text1, text2 Hạn chế sử dụng nó càng ít càng tốt, điều này có những lợi thế sau: - Có thể dễ dàng chỉnh sửa giao diện cho mã HTML - Có thể kế thừa CSS nếu bạn muốn sử dụng lại nó ở 1 nơi khác. +###Ví dụ ``` <-- INSTEAD OF -->
From 9195942e2624ca0fbe0cc964c8fffafb31861613 Mon Sep 17 00:00:00 2001 From: linhlt311 Date: Sun, 21 Jan 2018 23:10:53 +0700 Subject: [PATCH 4/8] Try fix 3 --- coding-standard/html-css.md | 1 + html-css/html.md | 1 + html.md | 2 +- 3 files changed, 3 insertions(+), 1 deletion(-) diff --git a/coding-standard/html-css.md b/coding-standard/html-css.md index bc75f2c..2697d05 100644 --- a/coding-standard/html-css.md +++ b/coding-standard/html-css.md @@ -35,6 +35,7 @@ text1, text2 Hạn chế sử dụng nó càng ít càng tốt, điều này có những lợi thế sau: - Có thể dễ dàng chỉnh sửa giao diện cho mã HTML - Có thể kế thừa CSS nếu bạn muốn sử dụng lại nó ở 1 nơi khác. +###Example ``` <-- INSTEAD OF -->
diff --git a/html-css/html.md b/html-css/html.md index 9be9978..bced016 100644 --- a/html-css/html.md +++ b/html-css/html.md @@ -34,6 +34,7 @@ text1, text2 Hạn chế sử dụng nó càng ít càng tốt, điều này có những lợi thế sau: - Có thể dễ dàng chỉnh sửa giao diện cho mã HTML - Có thể kế thừa CSS nếu bạn muốn sử dụng lại nó ở 1 nơi khác. +###Example ```
diff --git a/html.md b/html.md index 0139536..52f8ba7 100644 --- a/html.md +++ b/html.md @@ -34,7 +34,7 @@ text1, text2 Hạn chế sử dụng nó càng ít càng tốt, điều này có những lợi thế sau: - Có thể dễ dàng chỉnh sửa giao diện cho mã HTML - Có thể kế thừa CSS nếu bạn muốn sử dụng lại nó ở 1 nơi khác. -###Ví dụ +###Example ``` <-- INSTEAD OF -->
From 3829de1fc42f7de7c6098586a84e8b0f8c4ab58e Mon Sep 17 00:00:00 2001 From: linhlt311 Date: Sun, 21 Jan 2018 23:13:28 +0700 Subject: [PATCH 5/8] Try fix 4 --- coding-standard/html-css.md | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/coding-standard/html-css.md b/coding-standard/html-css.md index 2697d05..782af58 100644 --- a/coding-standard/html-css.md +++ b/coding-standard/html-css.md @@ -32,9 +32,7 @@ text1, text2 ``` ###Không sử dụng inline style attributes -Hạn chế sử dụng nó càng ít càng tốt, điều này có những lợi thế sau: -- Có thể dễ dàng chỉnh sửa giao diện cho mã HTML -- Có thể kế thừa CSS nếu bạn muốn sử dụng lại nó ở 1 nơi khác. +Hạn chế sử dụng nó càng ít càng tốt, điều này có những lợi thế sau: có thể dễ dàng chỉnh sửa giao diện cho mã HTML, có thể kế thừa CSS nếu bạn muốn sử dụng lại nó ở 1 nơi khác. ###Example ``` <-- INSTEAD OF --> From f0ea84dbcbfce8378a9625d4daf319b0f35cd8b4 Mon Sep 17 00:00:00 2001 From: linhlt311 Date: Sun, 21 Jan 2018 23:15:15 +0700 Subject: [PATCH 6/8] Try fix 5 --- coding-standard/html-css.md | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/coding-standard/html-css.md b/coding-standard/html-css.md index 782af58..97293fe 100644 --- a/coding-standard/html-css.md +++ b/coding-standard/html-css.md @@ -32,13 +32,15 @@ text1, text2 ``` ###Không sử dụng inline style attributes -Hạn chế sử dụng nó càng ít càng tốt, điều này có những lợi thế sau: có thể dễ dàng chỉnh sửa giao diện cho mã HTML, có thể kế thừa CSS nếu bạn muốn sử dụng lại nó ở 1 nơi khác. -###Example +Hạn chế sử dụng nó càng ít càng tốt, điều này có những lợi thế sau: +- Có thể dễ dàng chỉnh sửa giao diện cho mã HTML +- Có thể kế thừa CSS nếu bạn muốn sử dụng lại nó ở 1 nơi khác. + ``` -<-- INSTEAD OF --> +
-<-- USE --> +
``` From 8d375586872bc1bc4f6427696ff177a0d2cbb8dd Mon Sep 17 00:00:00 2001 From: linhlt311 Date: Sun, 21 Jan 2018 23:17:15 +0700 Subject: [PATCH 7/8] Try fix 5 --- html-css/html.md | 2 +- html.md | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/html-css/html.md b/html-css/html.md index bced016..e42b212 100644 --- a/html-css/html.md +++ b/html-css/html.md @@ -34,7 +34,7 @@ text1, text2 Hạn chế sử dụng nó càng ít càng tốt, điều này có những lợi thế sau: - Có thể dễ dàng chỉnh sửa giao diện cho mã HTML - Có thể kế thừa CSS nếu bạn muốn sử dụng lại nó ở 1 nơi khác. -###Example + ```
diff --git a/html.md b/html.md index 52f8ba7..dc72312 100644 --- a/html.md +++ b/html.md @@ -34,7 +34,7 @@ text1, text2 Hạn chế sử dụng nó càng ít càng tốt, điều này có những lợi thế sau: - Có thể dễ dàng chỉnh sửa giao diện cho mã HTML - Có thể kế thừa CSS nếu bạn muốn sử dụng lại nó ở 1 nơi khác. -###Example + ``` <-- INSTEAD OF -->
From 053d1e47e7eae6cd5e10598bea901f239e7bf80e Mon Sep 17 00:00:00 2001 From: linhlt311 Date: Mon, 22 Jan 2018 17:26:46 +0700 Subject: [PATCH 8/8] Fix heading --- coding-standard/html-css.md | 18 +++++++++--------- coding-standard/javascript.md | 1 + 2 files changed, 10 insertions(+), 9 deletions(-) diff --git a/coding-standard/html-css.md b/coding-standard/html-css.md index 97293fe..9d167d9 100644 --- a/coding-standard/html-css.md +++ b/coding-standard/html-css.md @@ -1,13 +1,13 @@ # HTML&CSS coding convention -#HTML Convention +# HTML Convention -##Tất cả các thẻ (tags) phải là chữ thường +## Tất cả các thẻ (tags) phải là chữ thường ```
``` -###Sử dụng tên ý nghĩa khi đặt cho ID và các phần tử HTML +### Sử dụng tên ý nghĩa khi đặt cho ID và các phần tử HTML ``` txtName, txtAge ``` @@ -16,7 +16,7 @@ thay vì text1, text2 ``` -###Indent HTML code consistently (Thụt lề cho mã HTML) +### Indent HTML code consistently (Thụt lề cho mã HTML) ```
@@ -31,7 +31,7 @@ text1, text2 ``` -###Không sử dụng inline style attributes +### Không sử dụng inline style attributes Hạn chế sử dụng nó càng ít càng tốt, điều này có những lợi thế sau: - Có thể dễ dàng chỉnh sửa giao diện cho mã HTML - Có thể kế thừa CSS nếu bạn muốn sử dụng lại nó ở 1 nơi khác. @@ -44,9 +44,9 @@ Hạn chế sử dụng nó càng ít càng tốt, điều này có những lợ
``` -###Sử dụng 1 file CSS riêng không đặt trong trang HTML +### Sử dụng 1 file CSS riêng không đặt trong trang HTML -###Tuân thủ W3C validate +### Tuân thủ W3C validate - Việc này giúp website của bạn tối ưu được các đoạn mã HTML và hỗ trợ cho SEO - Có thể check W3C validate trên trang https://validator.w3.org/ @@ -179,10 +179,10 @@ Hạn chế sử dụng nó càng ít càng tốt, điều này có những lợ } } -###Đặt tên cho class +### Đặt tên cho class - Khi đặt tên cho class theo cấu trúc `[Tên viết tắt của dự án]-[Chức năng của section]` -###Phân chia section rõ ràng +### Phân chia section rõ ràng - Phân chia section rõ ràng với từng chức năng của nó Đặt tên class theo chức năng và hướng tới "Đối tượng" diff --git a/coding-standard/javascript.md b/coding-standard/javascript.md index 04411e7..a2ce058 100644 --- a/coding-standard/javascript.md +++ b/coding-standard/javascript.md @@ -100,6 +100,7 @@ function handleThings(name, opts = {}) { ``` ### Khoảng trắng + - Sử dụng 2 khoảng trắng tương ứng với 1 tab - Sau các từ khóa `if`, `while`, `do`, ... phải có 1 khoảng trắng - Trước và sau các biến có khoảng trắng