jQuery bất tử vẫn còn đang tồn tại - Từ cơ bản đến thực tiễn

jQuery là thư viện JavaScript đang được sử dụng bởi hơn 75% website trên toàn thế giới! Khóa học này được thiết kế để giúp bạn nắm vững nền tảng và hiểu rõ nguyên lý thay vì chỉ tập trung vào các hiệu ứng hào nhoáng. Hãy học từ cơ bản đến nâng cao về jQuery để hoàn thiện portfolio của riêng bạn hoặc áp dụng ngay vào công việc thực tế.

(5.0) 2 đánh giá

27 học viên

Độ khó Cơ bản

Thời gian Không giới hạn

HTML/CSS
HTML/CSS
JavaScript
JavaScript
jQuery
jQuery
jquery-selector
jquery-selector
HTML/CSS
HTML/CSS
JavaScript
JavaScript
jQuery
jQuery
jquery-selector
jquery-selector

Bạn sẽ nhận được điều này sau khi học.

  • Cú pháp cơ bản của jQuery

  • Thay đổi style của phần tử bằng jQuery

  • Áp dụng sự kiện cho phần tử bằng jQuery

  • Thực hiện hiệu ứng chuyển động nhanh chóng bằng jQuery

  • Ví dụ thực tế về các tab (tabs) có thể áp dụng được ngay

  • Ví dụ thực tế về Accordion có thể áp dụng được ngay

  • Ví dụ thực tế về lightbox có thể áp dụng được ngay

  • Ví dụ thực tế có thể áp dụng ngay: Hiệu ứng chuyển động Back to Top (quay lại đầu trang)

  • Các slide ví dụ thực tế (slideshow) có thể áp dụng được ngay.

  • Thư viện thực tế - Sử dụng Swiper JS

  • Thư viện thực tế - Sử dụng Masonry

  • Thư viện thực tế - Sử dụng ScrollTrigger

  • Thư viện thực tế - Sử dụng Fullpage JS

"Không nhận bây giờ là lỗ! Chỉ cần đăng ký kênh YouTube, học phí sẽ giảm một nửa"

Sự kiện Đăng ký & Thích & Bình luận

Hoàn thành nhiệm vụ đơn giản và nhận ngay mã giảm giá 50%. Ưu đãi lớn nhất từ trước đến nay chỉ có trong thời gian có hạn, hãy nắm bắt ngay bây giờ!

Tham gia sự kiện xác nhận Đăng ký & Bình luận YouTube: https://forms.gle/wcD2wRVeaG7B7fSj7

Lý do tại sao vẫn phải học jQuery

Kể từ khi xuất hiện lần đầu vào năm 2006, jQuery đã là một thư viện JavaScript được các nhà phát triển web sử dụng rộng rãi. Một trong những lý do chính là vì nó đảm bảo tính tương thích giữa các trình duyệt web khác nhau, đồng thời đơn giản hóa việc lựa chọn và thao tác các phần tử HTML, từ đó giúp nâng cao năng suất phát triển.

Những ưu điểm này của jQuery được thể hiện qua tỷ lệ sử dụng cao trên các trang web toàn thế giới. Ví dụ, tính đến năm 2021, khoảng 77.8% trong số 10 triệu trang web hàng đầu đang sử dụng jQuery.

[ Nguồn: https://w3techs.com/technologies/overview/javascript_library ]

Như vậy, jQuery đã khẳng định vị thế là một công cụ tiêu chuẩn trong phát triển web suốt một thời gian dài. Do đó, việc học jQuery sẽ giúp ích rất nhiều trong việc hiểu và bảo trì các cơ sở mã nguồn (codebase) khổng lồ hiện có. Ngoài ra, vì vẫn còn rất nhiều trang web đang sử dụng jQuery, nên việc nắm vững nó sẽ giúp bạn có thể ứng dụng một cách hữu ích vào nhiều dự án khác nhau.

Tất nhiên, mặc dù gần đây các framework và thư viện hiện đại như React hay Vue.js đang nhận được nhiều sự chú ý, nhưng sự đơn giản và khả năng tương thích rộng rãi của jQuery vẫn là những yếu tố đầy sức hút. Do đó, việc học jQuery với tư cách là một nhà phát triển web sẽ là nền tảng quan trọng để hiểu rõ cả công nghệ trong quá khứ và hiện tại.

Ví dụ về trang web sử dụng jQuery

Samsung Electronics https://www.samsung.com/sec/


Nếu bạn kiểm tra phần thẻ head trong mục element bằng công cụ dành cho nhà phát triển trên trang chủ của Samsung Electronics, bạn sẽ thấy họ đang sử dụng thư viện jQuery, thư viện slick (trình chiếu slide), thư viện swiper và thư viện masonry.

Asiana Airlines - https://flyasiana.com/C/KR/KO/index




Đối với trường hợp của Asiana Airlines, họ đang sử dụng thư viện jquery, swiper và vì sử dụng ngày tháng rất nhiều nên họ cũng đang sử dụng moment.js.


Binggrae - https://www.bing.co.kr/



Đối với trang web Binggrae, họ đang sử dụng các thư viện như masonry, slick, v.v. Các script áp dụng chung được phân loại là common.js, còn các script hoạt động cho từng trang riêng biệt được chia ra thành main, sub, v.v. để sử dụng.

Nhiều trang web khác cũng đang sử dụng jQuery để xây dựng và bảo trì trang web.

Vì vậy, trong khóa học này, chúng ta cũng sẽ học các cú pháp cơ bản và các hàm tiêu biểu của jQuery, các ví dụ cơ bản như tabs, accordion, đồng thời học thêm các thư viện thực tế phổ biến như swiper js, masonry, fullpage JS.

Giới thiệu các nội dung học tập chính.

Phần A

Học cú pháp cơ bản của jQuery.

Học từ cách tải jQuery cho đến thứ tự tải. Sử dụng jQuery để chọn các phần tử, thay đổi kiểu dáng cho các phần tử đã chọn và áp dụng sự kiện vào các phần tử đó.

Thông qua jQuery, bạn có thể dễ dàng triển khai các hiệu ứng hoạt họa (animation). Tại thời điểm này, bạn có thể thiết lập chi tiết bằng cách soạn thảo thời gian, tốc độ và các hàm của hiệu ứng.


Đây là một phần của mã nguồn để học về các sự kiện trong jQuery.

Đây là ví dụ học về cơ bản của sự kiện và hoạt ảnh.

Phần B

Trong Phần B, chúng ta sẽ thực hiện các thành phần UI/UX được sử dụng nhiều nhất khi xây dựng trang web như Tab, Accordion, Lightbox, Back to Top và Slide. Chúng ta sẽ viết cấu trúc HTML để thực hiện hiệu ứng, thiết kế trước các hiệu ứng bằng CSS và viết script để các hiệu ứng được thực thi theo nhiều sự kiện khác nhau.



Đây là màn hình hoàn thiện của phần Tab.

Đây là bản hoàn thiện của Accordion.

Đây là bản hoàn thiện của Lightbox.

Đây là bản hoàn thiện của Back to Top Animation.

Đây là bản hoàn thiện của slideshow.

Phần C

Trong Phần C, chúng ta sẽ học cách sử dụng các thư viện được ứng dụng nhiều trong thực tế như Swiper, Masonry và ScrollTrigger.


Đây là bản hoàn thiện của thư viện Swiper JS.

Đây là bản hoàn thiện của thư viện Masonry.

Đây là bản hoàn thiện của thư viện ScrollTrigger.

Phần D

Trong Phần B, chúng ta sẽ sử dụng fullpageJS để triển khai một trang web có thể di chuyển mượt mà sang slide tiếp theo khi cuộn chuột.

Vẽ biểu đồ bằng SVG và kết hợp với jQuery để tạo hiệu ứng hoạt hình làm đầy đường viền.




Đây là bản hoàn thiện của trang hồ sơ cá nhân sử dụng fullpage JS.

Cung cấp tệp ví dụ và bản hoàn thiện.

Bạn có thể tải xuống tệp ví dụ từ tài liệu của bài học thứ 2 (Cú pháp jQuery - Thứ tự tải).


Bạn có thể tải xuống toàn bộ tệp bản hoàn thiện từ tài liệu của bài học thứ 17 (Fullpage JS).


Kênh giao tiếp (Khảo sát, Phòng chat mở 1:1)

Các học viên có thể đưa ra ý kiến và đặt câu hỏi bất cứ lúc nào thông qua Khảo sát GooglePhòng chat mở 1:1 được giới thiệu trong phần Tin mới.


Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Những người đã học HTML, CSS, Javascript

  • Người tìm việc đang chuẩn bị trở thành Publisher (người cắt giao diện web)

  • Những người đang chuẩn bị hồ sơ năng lực (portfolio)

  • Những người đang chuẩn bị cho chứng chỉ Kỹ thuật viên Thiết kế và Phát triển Web (trước đây là Kỹ thuật viên Thiết kế Web)

Xin chào
Đây là ezweb

2,812

Học viên

63

Đánh giá

4

Trả lời

4.9

Xếp hạng

14

Các khóa học

■ [Hiện tại] Giảng viên Front-end tại ESTSOFT KDT
■ Giảng dạy Web Publishing, Front-end tại Học viện Nghệ thuật Máy tính Green
■ Vận hành kênh YouTube về Web Publishing 'Rock's Easyweb'
■ Giảng viên Web Publishing tại Học viện Máy tính The Joeun
■ Giảng viên Web Publishing tại Học viện Máy tính Hanbit
■ Chuyên gia Front-end Publisher, Giảng viên chuyên nghiệp về Front-end Publishing
■ Giảng dạy Portfolio Thiết kế Web UI/UX


[ Sách ]
Xuất bản 19.07.2021 / Sách hướng dẫn sử dụng Figma hoàn hảo cho Thiết kế Web & Web Publishing / BJ Public

Xuất bản ngày 25.08.2022 / Lần đầu học Coding với Web Publishing / Nhà xuất bản Youngjin

Xuất bản 10.2023 /Sổ tay gia sư thực hành Kỹ thuật viên Thiết kế Web 2024 SD Edu Yu-seon-bae / Sidae Gosi Planning

Tái bản 11/2024 /Sổ tay hướng dẫn thực hành Kỹ thuật viên Thiết kế Web 2025 SD Edu của Tiền bối Yoo / Sidae Gosi Planning

Tái bản 11.2025 /2026 Sổ tay gia sư thực hành Kỹ thuật viên Thiết kế Web SD Edu của Tiền bối Yoo / Sidae Gosi Planning

 

[ Giải thưởng ]
08.2022 Học viện Green Computer Art chi nhánh Jongno - Giảng viên xuất sắc 06.2021 Học viện Green Computer Art chi nhánh Jongno - Giảng viên xuất sắc 06.2018 Học viện Green Computer Art chi nhánh Sinchon - Giảng viên xuất sắc 05.2017 Học viện Green Computer Art chi nhánh Sinchon - Giảng viên xuất sắc 05.2016 Học viện Green Computer Art chi nhánh Sinchon - Giảng viên xuất sắc 10.2015 Học viện Green Computer Art chi nhánh Sinchon - Giảng viên xuất sắc

 

 

 

Thêm

Chương trình giảng dạy

Tất cả

17 bài giảng ∙ (5giờ 30phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

2 đánh giá

5.0

2 đánh giá

  • mrnobody님의 프로필 이미지
    mrnobody

    Đánh giá 8

    Đánh giá trung bình 5.0

    5

    35% đã tham gia

    Cảm ơn bạn vì khóa học tuyệt vời.

    • ezweb
      Giảng viên

      Cảm ơn bạn vì đánh giá khóa học quý báu.

  • sang416님의 프로필 이미지
    sang416

    Đánh giá 7

    Đánh giá trung bình 5.0

    5

    65% đã tham gia

    Khóa học khác của ezweb

    Hãy khám phá các khóa học khác của giảng viên!

    Khóa học tương tự

    Khám phá các khóa học khác trong cùng lĩnh vực!

    357.983 ₫