Wordpress Advanced 01

Tham khảo chỉ thị của shimodaira-tax-accounting-office02 (Task27) và xử lý code JavaScript cho 1 phần của site đã được convert thành Wordpress trong shimodaira-tax-accounting-office (Task 13).

Link tài nguyên

👉 shimodaira-tax-accounting-office (Task13)
👉 shimodaira-tax-accounting-office02 (Task27)

Yêu cầu khi thao tác

• Cho hiển thị khu vực Topics của trang TOP bằng JavaScript.
• Lựa chọn category bằng sort, cài đặt cho phép thay đổi nội dung hiển thị tùy thuộc theo nội dung đã chọn. Ngoài ra, cài đặt cho link trỏ của button cũng thay đổi tương ứng tùy thuộc vào nội dung đã chọn.
• Data post bài thì lấy từ URL của WP REST API trong cùng site đó bằng Ajax và luôn cho hiển thị data được cập nhật mới.

Đề bài và lưu ý

• Hiểu rõ về thông số JSON của WP REST API trong lúc thao tác.
• Hiểu rõ về Ajax hoặc XHR trong lúc thao tác.
  • Lưu ý về việc xử lý không đồng bộ, tức là quy trình tiếp theo sẽ không xảy ra cho đến khi quá trình lấy data hoàn tất.
• Hiểu rõ về cách thức tận dụng data JSON từ Javascript trong lúc thao tác.
• Ý thức về cách vận hành DOM từ Javascript trong lúc thao tác.
  • Về cách thức tạo DOM bằng Javascript chẳng hạn như Document.createElement.
  • Về cách vận hành DOM chẳng hạn như insertBefore() hoặc classList.add().
• Nếu sử dụng jQuery, phải hiểu rõ điểm khác nhau giữa jQuery object hoặc hàm số jQuery và PureJavascript.
  • Khi biến đổi từ HTMLElement object thành jQuery object, method liên kết với object sẽ thay đổi nên có những method sẽ trở nên vô dụng.