edtechkidsvn / cijs-student-book Goto Github PK

File:
Tất cả các chương nếu có
Ví dụ: https://github.com/edtechkidsvn/cijs-student-book/edit/master/login-register-ui/login-register-ui.md

Line:
22

Mô tả:
Khi bắt đầu viết HMTL, cần bắt đầu với một phiên bản tối giản, dễ hiểu, sau đó tập trung vào làm việc với logic của trang (JS) trước. Sau khi logic hoàn thành phần logic rồi mới quay lại trang trí (thêm CSS) vào trang

Lý do cho việc này là giảm nhẹ thông tin cần tìm hiểu khi mới bắt đầu, tập trung vào học JS trước rồi quay lại trang trí trang sau

Mô tả:
Cần chỉ ra ý nghĩa của đoạn css trên.

File:
https://github.com/edtechkidsvn/cijs-student-book/edit/master/introduction/introduction.md

Dòng 144:

• Thêm hàm setActiveScreen() vào file view.js:

Mô tả:
Sử dụng arrow function, kiến thức chưa được cover ở C4EJS, cần trao đổi lại với R&D của C4EJS để cover thêm phần này

Mô tả:
Giải thích ngắn gọn về khái niệm component để học viên hiểu được tư tưởng xây dựng web

Phần III - mục 3, 4:

Mô tả:

• Quá nhiều lý thuyết trước khi bắt tay vào code, dễ gây chán nản cho học viên

Gợi ý:

• SPA và MVC có thể tóm tắt lại thành 2-3 câu để hv hiểu đc ý nghĩa chung của nó, còn hiểu chi tiết thì có thể trích link để hv tự đọc thêm. Trong quá trình hướng dẫn có nhắc đến MVC khá nhiều, vì vậy học viên đọc đến đó sẽ tự động muốn đi tìm hiểu kỹ về MVC

Mô tả:
Cần nói rõ file chứa cái gì, để làm gì.

Mô tả:
Link chuyển sang chương tiếp theo bị hỏng

Gợi ý:
Đổi link lại chính xác

Mô tả:
Cần chia rõ ranh giới giữa Phần IV – mục 1 và Phần IV – mục 2: Từ mục 2 trở đi mới là bắt tay vào thực hiện project, để học viên tập trung hơn khi biết được đâu là thời điểm bắt đầu bắt tay vào làm.

File:
https://github.com/edtechkidsvn/cijs-student-book/edit/master/introduction/introduction.md

Dòng:
87

Mô tả:
Để người đọc dễ hình dung, cần setup project theo đúng trình tự gọi nhau của các file, hướng dẫn tạo file html, setup nội dung trước, nếu như cần link tới các file js chưa tồn tại, vẫn cứ link bình thường và tạo các file js ngay sau đấy

Mô tả:

• Sửa lỗi chính tả “Lưu chữ” -> “Lưu trữ”.
• Giải thích ngắn gọn thế nào là template string, hoặc chỉ cần kết thúc câu ở “…HTML cho các màn hình.”

Mô tả:

• Không nên chèn phần click "Already have an account" vào giữa khi đang hướng dẫn Registratiion. Gây mất tập trung cho học viên.

Gợi ý:

• Để xuống cuối bài, gắn liền với bài tập Login

Mô tả:
Thiếu hình ảnh kết quả.

Gợi ý:
Sau mỗi đoạn code nên capture hình ảnh kết quả sau khi thêm code, để học viên biết được mình đã làm đúng hay chưa, có thiếu sót đoạn nào không

Mô tả:
code CSS quá dài, show ra kết quả cuối cùng ngay của trang Login khiến học viên không hiểu phần CSS nào đang làm nhiệm vụ gì

Gợi ý:
Chia nhỏ code CSS và capture lại từng giao diện nhỏ đang dần hoàn thiện

File:
https://github.com/edtechkidsvn/cijs-student-book/edit/master/login-register-ui/login-register-ui.md

Line:
205

Description:
Hàm đoạn này được thêm ở đâu trong hàm, trong �switch hay ngoài switch?

Mô tả:
Có thể học viên chưa hình dung ra được ID là gì, tại sao lại phải Auto ID, việc AutoID có lợi gì, nếu không auto thì có vấn đề gì ko? Rất nhiều câu hỏi xung quanh ID có thể học viên sẽ thắc mắc

Gợi ý:
Giải thích ngắn gọn về ID, tại sao lại sử dụng cơ chế auto

Mô tả:
Code logic validate gây khó hiểu ở những đoạn getElementById, học viên không biết các id này ở đâu ra.
Gợi ý:
Đảo việc thêm các id error vào HTML lên trước khi bắt tay vào code logic validate.

Mô tả:
Cần nói rõ với học viên là sử dụng hàm trước, sau đó mới đi viết chức năng của hàm

Mô tả:
Phần lịch sử của Responsive không cần thiết, có thể dẫn link để học viên tự đọc

Gợi ý:
Tóm tắt ngắn gọn khái niệm Responsive và lược bỏ đi phần lịch sử của Responsive

Mô tả:
Thiếu hình ảnh kết quả.

Gợi ý:
Sau mỗi đoạn code nên capture hình ảnh kết quả sau khi thêm code, để học viên biết được mình đã làm đúng hay chưa, có thiếu sót đoạn nào không

File:
https://github.com/edtechkidsvn/cijs-student-book/blob/master/introduction/introduction.md

Dòng 134:

6. Tạo file components.js trong folder js

Mô tả:
Yêu cầu học viên tạo file component.js tuy nhiên, khác với các file view.js, controller.js, model.js, file này được yêu cầu tạo ra mà không nó rõ file này được tạo ra để làm gì

File:
https://github.com/edtechkidsvn/cijs-student-book/edit/master/login-register-ui/login-register-ui.md

Line:
329

Description:
Chưa rõ thêm HTML, CSS này ở file nào? HTML hay JS, mục đích để làm gì?

File:
https://github.com/edtechkidsvn/cijs-student-book/blob/master/introduction/introduction.md

Mô tả:
File components.js làm cho code của bài 1 chưa chạy được ngay

Gợi ý:
Cần thực hiện nội dung cho file này, hiện lên 1 dòng chữ Register page đơn giản, chưa cần phải thực hiện đẩy đủ UI ngay

Mô tả:
Cần giải thích ngắn gọn về preventDefault()

Mô tả:
Lý thuyết dài. Trong chương này đang làm về authentication sử dụng Firebase, vì vậy chỉ nên giới thiệu về Firebase Authentication, những service khác của Firebase chưa sử dụng thì ko nên giới thiệu ngay, tránh lan man tạo cảm giác mất tập trung cho học viên.

Phần ưu, nhược điểm của firebase có thể học viên tự tìm hiểu sau.

Gợi ý:
Bỏ đi những service chưa dùng đến.

Bỏ phần ưu, nhược điểm để học viên tự tìm hiểu