GIỚI THIỆU VỀ AJAX

AJAX TRONG JAVASCRIPT

AJAX TRONG JAVASCRIPT
GIỚI THIỆU JQUERY
JQUERY là gì ?

jQuery là thư viện được viết từ JavaScript, giúp xây dựng

các chức năng bằng Javascript dễ dàng, nhanh và giàu tính
năng hơn.
Nhúng jQuery vào HTML

<header>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js”>
</script>
</header>
Truy cập vào theo Class

document.getElementsByClassName(“class”)

$(“.class”)
Truy cập vào theo ID

document.getElementByID(“ID”)

$(“#ID”)
Lấy giá trị theo ID

document.getElementByID(“ID”). innerHTML

$(“#ID”).html()
Lấy giá trị trên Input

document.getElementByID(“ID”). value

$(“#ID”).val()
Gán giá trị trong input

document.getElementByID(“ID”). value = “abc”

$(“#ID”).val(“abc”)
Lấy giá trị theo ID

document.getElementByID(“ID”). innerHTML = “abc”

$(“#ID”).html(“abc”)

Tham khảo thêm: https://www.w3schools.com/jquery/jquery_dom_get.asp

Định nghĩa hàm trong jQuery
Ajax trong jQuery
GIỚI THIỆU
BOOTSTRAP
BOOTSTRAP là gì ?

- Bootstrap là một front-end framework miễn phí để phát

triển web nhanh hơn và dễ dàng hơn.
- Bootstrap bao gồm các mẫu thiết kế dựa trên HTML và
CSS cho kiểu chữ, biểu mẫu, nút, bảng cũng như các
plugin JavaScript.
- Bootstrap giúp dễ dàng tạo một website đáp ứng
Responsive.
BOOTSTRAP là gì ?

- Bootstrap là một front-end framework miễn phí để phát

triển web nhanh hơn và dễ dàng hơn.
- Bootstrap bao gồm các mẫu thiết kế dựa trên HTML và
CSS cho kiểu chữ, biểu mẫu, nút, bảng cũng như các
plugin JavaScript.
- Bootstrap giúp dễ dàng tạo một website đáp ứng
Responsive.

Xem thêm: https://www.w3schools.com/bootstrap4/default.asp

Template Responsive
Bài tập 01: Kiểm tra tính hợp lệ
Bài tập 02: Thu và mở rộng form
Bài tập 03 : Lấy dữ liệu table xuống form
ĐỒ ÁN CUỐI KỲ

Một website bán hàng bao gồm các trang :

1. Đăng nhập
2. Đăng ký
3. Trang chủ
4. Trang danh sách sản phẩm
5. Trang chi tiết sản phẩm
6. Trang liên hệ
7. Trang giỏ hàng
8. Trang thanh toán

Link tham khảo : https://www.free-css.com/free-css-templates

Xin chân thành cảm ơn !