Địa điểm
Hồ Chí Minh
6 buổi
2 giờ mỗi buổi
1.205 Đánh giá
★ ★ ★ ★ ☆

1.000.000^đ

jQuery

” Tích hợp jQuery để tạo các hiệu ứng và thêm các tiện ích cần thiết cho website. Tự xây dựng các plugin tái sử dụng cho nhiều dự án về sau.

Tại sao nên học jQuery?

jQuery có thể tích hợp vào giao diện hết sức nhanh chóng và dễ dàng. Khi bạn thiết kế giao diện cần hiệu ứng hoặc các chức năng đặc biệt thì jQuery chính là lựa chọn hàng đầu.
jQuery giúp lập trình JavaScript nhanh hơn, code gọn gàng hơn và mang hiệu quả hơn tốt hơn.
jQuery là mã nguồn mở, có một cộng đồng người dùng rất lớn nên được hỗ trợ và cập nhật liên tục.
jQuery có tài liệu hướng dẫn rất phong phú.
jQuery kết hợp tốt với mọi thư viện JavaScript khác mà bạn đang sử dụng.
jQuery có rất nhiều plugin có sẵn, bạn có thể sử dụng ngay mà không cần phải viết code lại từ đầu.

Ưu điểm của khóa học

Dành cho người mới bắt đầu, kể cả chưa biết gì về lập trình hoặc cho những bạn muốn ôn lại kiến thức căn bản về lập trình web.
Dễ học, có thực hành thực tế chứ không phải chỉ có lý thuyết suông. Đặc biệt, có các lưu ý quan trọng từ kinh nghiệm làm việc nhiều năm của các giảng viên.
Không yêu cầu cao về máy móc hay phần mềm đi kèm.
Bài giảng luôn được cập nhập theo các phiên bản mới và ổn định nhất của các ngôn ngữ.
Học 1 lần, hỗ trợ suốt đời.

Mục tiêu của khóa học

Sử dụng thành thạo jQuery.
Có thể làm lại được hầu hết các hiệu ứng gặp được trên mạng.
Có khả năng lập trình và quản trị hiệu ứng cho các trang Web phục vụ nhu cầu giải trí, kinh doanh, khởi nghiệp.
Đọc và hiểu các thuật ngữ về jQuery một cách thuần thục.
Các kĩ thuật check lỗi, tìm và sửa lỗi lập trình jQuery.
Giúp các bạn có thể chỉnh sửa giao diện của một website bất kì, tăng khả năng tương tác với người dùng, tạo hiệu ứng động cho nội dung.
Có khả năng tự đọc hiểu các tài liệu tự lập trình jQuery.

Kết thúc khóa học bạn có thể làm gì?

Làm front-end developer tại các công ty chuyên thiết kế website.
Xin việc tại các công ty chuyên thiết kế theme cho website.
Làm admin viết bài, chỉnh sửa bài viết cho website của các công ty, tổ chức...
Có nền tảng cơ bản để tiếp tục học các khoá lập trình chuyên sâu hơn.

Đăng ký học

Tổng quan, định hướng và chuẩn bị

Cách nhúng jQuery vào website

Có những phương pháp nào để nhúng thư viện jQuery vào website? Phương pháp nào là hiệu quả nhất? Những tình huống nào nên và không nên sử dụng CDN?

Giới thiệu nhanh về Javascript và jQuery

Javascript có thể làm được những gì? Javascript có những framework thông dụng nào? Khi nào nên và khi nào không nên sử dụng jQuery?

jQuery selector, jQuery attribute và jQuery DOM traversing

Làm thế nào để chọn 1 đối tượng trong jQuery? Lấy ra giá trị hoặc gán giá trị cho thuộc tính bằng cách nào? DOM là gì?

Hiệu ứng và animations

jQuery fading

Sử dụng hàm faceIn(), faceOut(), fadeTo() để hiện dần hoặc ẩn dần đối tượng trong một khoảng thời gian nhất định.

jQuery showing

Sử dụng show(), hide() để hiện ẩn đối tượng một cách nhanh chóng.

jQuery sliding

Cách dùng các hàm slideUp(), slideDown() và slideToggle() để hiện ẩn các đối tượng với hiệu ứng trượt.

jQuery moving

Di chuyển đối tượng từ vị trí này sang vị trí khác với hàm animate().

jQuery custom animations

Sử dụng hàm animate() để thay đổi và triển khai gần như mọi animation thông qua việc tuỳ chỉnh CSS.

jQuery delaying & chaining animations

Sử dụng hàm delay() để "hoãn" một khoảng thời gian trước khi chạy tiếp hàm khác. Cách viết code ngắn gọn, không cần phải chọn lại đối tượng nhiều lần.

jQuery timing animations

Cách sử dụng hàm callback để thực thi animation sau một animation khác.

Bài tập jQuery: Tạo lightbox đăng nhập và đăng ký

Lightbox sẽ hiển thị lên ngay khi người dùng truy cập vào website nhằm khuyến khích người dùng đăng nhập hoặc tạo tài khoản.

Lựa chọn phần tử

Chọn phần tử theo kiểu CSS

Thư viện jQuery hỗ trợ gần như tất cả các selector trong CSS. Do đó, chúng ta có thể tận dụng kiến thức đã có sẵn từ CSS và áp dụng vào jQuery một cách thật dễ dàng.

Chọn phần tử sử dụng các phương thức

Sử dụng các phương thức để truy cập DOM, chọn các phần tử một cách ngẫu nhiên hoặc theo chủ đích.

Chọn phần tử bằng phương pháp lọc

Sử dụng phương thức filter() để loại bỏ những thành phần không khớp với tiêu chí và còn lại chính xác là gì chúng ta cần.

Thao tác DOM - Chèn, thay thế và xóa các thành phần

DOM là gì?

Hiểu đúng định nghĩa về DOM.

Thêm phần tử mới vào DOM

Cách chèn thêm các phần tử mới vào trong DOM đang có.

Thay thế phần tử và nội dung

Chỉnh sửa DOM bằng phương pháp thay thế.

Xóa phần tử và nội dung

Loại bỏ những phần tử và các nội dung không mong muốn.

Điều chỉnh thuộc tính

Sử dụng các hàm attr(), prop() và val() để điều chỉnh thuộc tính của các phần tử theo đúng ý đồ.

Thay đổi CSS

Trực tiếp thay đổi CSS của phần tử bất kỳ.

Thêm hoặc bỏ class

Tận dụng class kết hợp với CSS để thay đổi định dạng của phần tử.

Thay đổi data

Học cách sử dụng thuộc tính data đúng lúc cũng như cách để thay đổi dữ liệu của data.

Thay đổi nội dung của phần tử

Sử dụng hàm html() và text() để lấy ra hoặc thay đổi nội dung của phần tử bất kỳ.

Bài tập jQuery: Tạo slider chuyển ảnh

Tự code slider chuyển ảnh để hiển thị các banner quảng cáo hấp dẫn ngoài trang chủ.

Sự kiện và xử lý

Sự kiện và cách bắt sự kiện

Sự kiện là gì? Làm thế nào để bắt lại các sự kiện và xử lý?

Sự kiện Click

Thêm và xử lý sự kiện khi người dùng nhấp chuột lên phần tử.

Sự kiện Hover

Thêm và xử lý sự kiện khi rê chuột lên phần tử.

Sự kiện MouseEnter và MouseLeave

Xử lý khác nhau khi rê chuột vào phần tử và rê chuột ra khỏi phần tử.

Bắt và xử lý nhiều sự kiện khác nhau cùng lúc

Cách để bắt nhiều sự kiện cùng lúc để cùng xử lý chung một vấn đề mà không phải viết code nhiều lần.

Sử dụng hàm

Viết hàm để có thể gọi lại sử dụng nhiều lần hoặc viết thành thư viện để có thể sử dụng lại ở nhiều dự án web khác nhau.

Sự kiện uỷ thác

Áp dụng bắt sự kiện cho các phần tử được thêm vào sau (không có sẵn trong HTML ban đầu).

Bổ sung dữ liệu đầu vào trong sự kiện

Khi bắt một sự kiện, bạn có thể truyền vào các dữ liệu mình mong muốn đi theo sự kiện đó để dễ dàng xử lý.

Bắt sự kiện bàn phím

Cách bắt sự kiện và xử lý khi người dùng gõ phím.

Bài tập jQuery: Tạo gallery và chức năng xem ảnh lightbox

Tạo gallery danh sách hình ảnh kèm theo hiệu ứng lightbox để xem riêng từng ảnh.

Sự kiện Focus và Blur

Đây là 2 sự kiện thường được sử dụng đối với các phần tử trong form nhằm người dùng nhập dữ liệu vào form thuận tiện hơn.

Sự kiện Change

Bắt sự kiện khi người dùng điều chỉnh dữ liệu trong form.

Sự kiện Submit

Bắt sự kiện khi người dùng xác nhận gửi dữ liệu lên server.

Bài tập jQuery: Kiểm tra dữ liệu trên form

Sử dụng jQuery để kiểm tra nhanh xem dữ liệu người dùng nhập vào form đã đúng hay chưa, giúp việc nhập liệu trở nên dễ dàng và nhanh chóng hơn.

Ajax

Ajax là gì?

Ajax giúp chúng ta thực hiện xử lý ngầm và trả về về dữ liệu sau khi xử lý mà không cần phải tải lại trang.

Đọc dữ liệu từ của 1 file trên server

Sử dụng hàm load() để đọc dữ liệu của 1 file trên server khi biết đường dẫn cụ thể.

Bài tập jQuery: Hiển thị hình ảnh mới nhất từ Flickr

Sử dụng API mà Flickr cung cấp để lấy ra các hình ảnh mới nhất và hiển thị lên website.

Đăng ký học

Ngày khai giảng	Lịch học	Ca học
02/12/2024	3 buổi/tuần	Sáng/Chiều/Tối
06/01/2025	3 buổi/tuần	Sáng/Chiều/Tối
03/02/2025	3 buổi/tuần	Sáng/Chiều/Tối
03/03/2025	3 buổi/tuần	Sáng/Chiều/Tối
07/04/2025	3 buổi/tuần	Sáng/Chiều/Tối
05/05/2025	3 buổi/tuần	Sáng/Chiều/Tối

Đăng ký học

Khóa học *

Nơi học *

Họ tên *

Điện thoại *

Email *

Lời nhắn

Lập trình cơ bản

jQuery

Tại sao nên học jQuery?

Ưu điểm của khóa học

Mục tiêu của khóa học

Kết thúc khóa học bạn có thể làm gì?

Tổng quan, định hướng và chuẩn bị

Cách nhúng jQuery vào website

Giới thiệu nhanh về Javascript và jQuery

jQuery selector, jQuery attribute và jQuery DOM traversing

Hiệu ứng và animations

jQuery fading

jQuery showing

jQuery sliding

jQuery moving

jQuery custom animations

jQuery delaying & chaining animations

jQuery timing animations

Bài tập jQuery: Tạo lightbox đăng nhập và đăng ký

Lựa chọn phần tử

Chọn phần tử theo kiểu CSS

Chọn phần tử sử dụng các phương thức

Chọn phần tử bằng phương pháp lọc

Thao tác DOM - Chèn, thay thế và xóa các thành phần

DOM là gì?

Thêm phần tử mới vào DOM

Thay thế phần tử và nội dung

Xóa phần tử và nội dung

Điều chỉnh thuộc tính

Thay đổi CSS

Thêm hoặc bỏ class

Thay đổi data

Thay đổi nội dung của phần tử

Bài tập jQuery: Tạo slider chuyển ảnh

Sự kiện và xử lý

Sự kiện và cách bắt sự kiện

Sự kiện Click

Sự kiện Hover

Sự kiện MouseEnter và MouseLeave

Bắt và xử lý nhiều sự kiện khác nhau cùng lúc

Sử dụng hàm

Sự kiện uỷ thác

Bổ sung dữ liệu đầu vào trong sự kiện

Bắt sự kiện bàn phím

Bài tập jQuery: Tạo gallery và chức năng xem ảnh lightbox

Sự kiện Focus và Blur

Sự kiện Change

Sự kiện Submit

Bài tập jQuery: Kiểm tra dữ liệu trên form

Ajax

Ajax là gì?

Đọc dữ liệu từ của 1 file trên server

Bài tập jQuery: Hiển thị hình ảnh mới nhất từ Flickr

ĐĂNG KÝ NHẬN TIN

Các khoá học khác