Chào mừng đến với Chiến Binh Full Stack
  • jQuery
    Địa điểm

    Hồ Chí Minh

  • 6 buổi

    2 giờ mỗi buổi

  • 953 Đánh giá
    ★ ★ ★ ★ ☆

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.

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

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?
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?
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

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.
Sử dụng show(), hide() để hiện ẩn đối tượng một cách nhanh chóng.
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.
Di chuyển đối tượng từ vị trí này sang vị trí khác với hàm animate().
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.
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.
Cách sử dụng hàm callback để thực thi animation sau một animation khác.
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ử

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.
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.
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

Hiểu đúng định nghĩa về DOM.
Cách chèn thêm các phần tử mới vào trong DOM đang có.
Chỉnh sửa DOM bằng phương pháp thay thế.
Loại bỏ những phần tử và các nội dung không mong muốn.
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 ý đồ.
Trực tiếp thay đổi CSS của phần tử bất kỳ.
Tận dụng class kết hợp với CSS để thay đổi định dạng của phần tử.
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.
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ỳ.
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 là gì? Làm thế nào để bắt lại các sự kiện và xử lý?
Thêm và xử lý sự kiện khi người dùng nhấp chuột lên phần tử.
Thêm và xử lý sự kiện khi rê chuột lên phần tử.
Xử lý khác nhau khi rê chuột vào phần tử và rê chuột ra khỏi phần tử.
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.
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.
Á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).
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ý.
Cách bắt sự kiện và xử lý khi người dùng gõ phím.
Tạo gallery danh sách hình ảnh kèm theo hiệu ứng lightbox để xem riêng từng ảnh.
Đâ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.
Bắt sự kiện khi người dùng điều chỉnh dữ liệu trong form.
Bắt sự kiện khi người dùng xác nhận gửi dữ liệu lên server.
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 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.
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ể.
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ày khai giảng Lịch học Ca học
05/10/2020 3 buổi/tuần Sáng/Chiều/Tối
02/11/2020 3 buổi/tuần Sáng/Chiều/Tối
07/12/2020 3 buổi/tuần Sáng/Chiều/Tối
04/01/2021 3 buổi/tuần Sáng/Chiều/Tối
01/02/2021 3 buổi/tuần Sáng/Chiều/Tối
01/03/2021 3 buổi/tuần Sáng/Chiều/Tối