Buổi 5: Tiếp tục học về Javascript

Nội dung cần học

Sử dụng Javascript trong HTML
Sử dụng Jquery
Bài tập

I. Sử dụng Javascript trong HTML

Cách chèn Javascript vào HTML
- Cách 1: Sử dụng tag <script>
- Cách 2: Chèn link chứa file JS
JS HTML DOM (Tham khảo)
- Khi một trang HTML được load thì browser sẽ tạo ra một Document Object Model (DOM) cho trang đó. Và Javascript có quyền tương tác, thay đổi các object con của DOM từ đó thay đổi giao diện, màu sắc, bố cục ... một cách linh động.
- Javascript làm việc với DOM:
  - DOM Methods - (Tham khảo)
  - DOM Documents - Thao tác, tìm kiếm các object trong cây DOM (Tham khảo)
  - DOM Elements - Tìm các objects trong cây DOM để thao tác (Tham khảo)
  - DOM HTML - Thay đổi nội dung của HTML tag(Tham khảo)
  - DOM CSS - Thay đổi CSS (Tham khảo)
  - DOM Event - Xử lý các sự kiện tương tác với object trong DOM: click, hover ... (Tham khảo)
  - DOM Event Listener - Thêm chức năng xử lý cho một sự kiện vào một object trong DOM (Tham khảo)

II. Sử dụng Jquery

Jquery là gì?
- Là một thư viện được viết bằng Javascript. Với cú pháp thân thiện, dễ sử dụng sơ với Javascript thuần. Đáp ứng được hầu hết các nhu cầu cần thiết cho một trang web.
Cú pháp Jquery
- Selector (Tham khảo)
- Event (Tham khảo)
- Effect:
  - Hide/Show
  - Fade
  - Slide
  - Animate
  - Stop - Dừng các hiệu ứng đang chạy
  - Callback - Thêm chức năng xử lý sau khi chạy xong
  - Chaining - Nối nhiều hiệu ứng liên tiếp nhau
- Tương tác với HTML DOM
  - Get - Lấy data của một DOM object (Tham khảo)
  - Set - Sửa data của một DOM object (Tham khảo)
  - Add - Thêm DOM object (Tham khảo)
  - Xoá - Xoá DOM object (Tham khảo)
  - Thao tác với thuộc tính class của DOM object (Tham khảo)
  - Thao tác css của DOM object (Tham khảo)
- Ajax
  - Tương tác trực tiếp với server bằng Javascript
  - Load (Tham khảo)
  - Get/Post (Tham khảo)

III. Bài tập