Ngay cả khi các công nghệ hiện đại như React đã trở nên phổ biến, jQuery vẫn là công nghệ thường được sử dụng trong việc vận hành, bảo trì các website hiện có và trong lĩnh vực web publishing. Không chỉ đơn thuần làm theo những hiệu ứng bắt mắt, bạn sẽ hiểu nguyên lý hoạt động và kiến thức nền tảng của jQuery, đồng thời học từng bước từ sự kiện, hiệu ứng chuyển động đến nhiều loại tương tác UI khác nhau. Hãy hoàn thiện portfolio thông qua thực hành và phát triển năng lực web publishing thực tiễn có thể ứng dụng ngay trong công việc.
35 học viên
Độ khó Cơ bản
Thời gian Không giới hạn
Đánh giá từ những học viên đầu tiên
5.0
준쮸넛
Tôi từng là người không mấy tự tin về jQuery, nhưng sau khi nghe bài giảng này, tôi đã lấy lại được sự tự tin rồi. Cách giải thích rất dễ hiểu và đi vào lòng người luôn!! Hy vọng sau này bạn sẽ có thêm nhiều bài giảng hay hơn nữa. Xin cảm ơn!
Cú pháp cơ bản của jQuery
Thay đổi kiểu dáng của phần tử bằng jQuery
Áp dụng sự kiện cho phần tử bằng jQuery
Triển khai nhanh hiệu ứng động bằng jQuery
Tabs ví dụ thực tiễn có thể sử dụng ngay lập tức
Ví dụ thực tế về accordion có thể dùng ngay
Lightbox (hộp đèn) với ví dụ thực tiễn có thể áp dụng ngay lập tức
Ví dụ thực tế về hoạt ảnh “back to top” có thể áp dụng ngay lập tức
Trình chiếu (slideshow) các ví dụ thực tế có thể áp dụng ngay lập tức
Thư viện thực hành - Sử dụng Swiper JS
Thư viện thực tiễn - Sử dụng Masonry
Thư viện thực tiễn - Sử dụng ScrollTrigger
Thư viện thực tiễn - Sử dụng Fullpage JS
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 phiếu giảm giá 50%. Ưu đãi cực khủng chỉ được cung cấp trong thời gian giới hạn, hãy nhanh tay nắm bắt ngay!
Tham gia sự kiện xác nhận đăng ký YouTube & bình luận: https://forms.gle/wcD2wRVeaG7B7fSj7
jQuery là một thư viện JavaScript đã được các nhà phát triển web sử dụng rộng rãi kể từ khi xuất hiện lần đầu vào năm 2006. Một trong những lý do chính là thư viện này giúp đơn giản hóa việc lựa chọn và thao tác với các phần tử HTML, đồng thời đảm bảo khả năng tương thích giữa nhiều trình duyệt web khác nhau, qua đó 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 website trên toàn thế giới. Ví dụ, tính đến năm 2021, khoảng 77.8% trong số 10 triệu website hàng đầu đã sử dụng jQuery.
[ Nguồn: https://w3techs.com/technologies/overview/javascript_library ]
Như vậy, jQuery đã trở thành một công cụ tiêu chuẩn trong phát triển web trong suốt một thời gian dài. Do đó, việc học jQuery sẽ giúp ích rất nhiều cho việc hiểu và bảo trì các cơ sở mã lớn hiện có. Ngoài ra, vì vẫn còn nhiều trang web sử dụng jQuery, việc nắm vững công cụ này sẽ giúp bạn ứng dụng hữu ích trong nhiều dự án khác nhau.
Tất nhiên, 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 tính đơ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ố hấp dẫn. Vì vậy, với tư cách là một nhà phát triển web, việc học jQuery sẽ là nền tảng quan trọng giúp bạn hiểu được cả công nghệ trong quá khứ lẫn hiện tại.
Khi xem phần thẻ head của mục element bằng công cụ dành cho nhà phát triển trên trang chủ Samsung Electronics, có thể thấy trang này sử dụng thư viện jQuery, thư viện slick (trình chiếu), thư viện swiper và thư viện masonry.
Đối với Asiana Airlines, chúng tôi sử dụng các thư viện jquery và swiper, đồng thời sử dụng moment.js vì ngày tháng được sử dụng nhiều.
Đối với trang web Binggrae, chúng tôi sử dụng masonry, slick, v.v.; các script được áp dụng chung được đặt trong common.js, còn các script hoạt động theo từng trang được phân chia và sử dụng dưới dạng main, sub, v.v.
Ngoài ra, nhiều trang web cũng sử dụng jQeury để xây dựng và bảo trì website.
Vì vậy, trong khóa học này, chúng ta cũng sẽ học cú pháp cơ bản và các hàm tiêu biểu của jQeury, cùng những ví dụ cơ bản như tab, accordion, đồng thời học thêm các thư viện thực tế tiêu biểu như swiper js, masonry, fullpage JS.
Học các cú pháp cơ bản của jQuery.
Học từ việc tải jQuery đến thứ tự tải. Sử dụng jQuery để chọn phần tử, thay đổi kiểu dáng của phần tử đã chọn và áp dụng sự kiện cho phần tử đã chọn.
Thông qua jQuery, bạn có thể dễ dàng triển khai các hiệu ứng hoạt ảnh. Khi đó, hãy viết thời gian, tốc độ và hàm của hoạt ảnh để thiết lập một cách chi tiết.
Đây là một phần mã nguồn học về các sự kiện trong jQuery.
Đây là ví dụ học những kiến thức cơ bản về sự kiện và hoạt ảnh.
Trong Phần B, chúng ta sẽ triển khai các UI/UX được sử dụng phổ biến nhất khi xây dựng trang web, gồm tab, accordion, lightbox, back to top và slideshow. Chúng ta sẽ xây dựng cấu trúc HTML để triển khai 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 hiện theo nhiều sự kiện khác nhau.
Đây là màn hình hoàn chỉnh của tab.
Đây là phiên bản hoàn chỉnh của accordion.
Đây là bản hoàn thiện của lightbox.
Đây là phiên bản hoàn chỉnh của hiệu ứng Bact to Top Animation.
Đây là bản hoàn thiện của slideshow.
Trong Phần C, chúng ta sẽ học cách sử dụng các thư viện thường được dùng trong thực tế như Swiper, Masonry, ScrollTrigger.
Đây là bản hoàn chỉnh của thư viện Swiper JS.
Đây là sản phẩm hoàn chỉnh của thư viện Masonry.
Đây là phiên bản hoàn chỉnh của thư viện ScrollTrigger.
Trong phần B, chúng ta sẽ sử dụng fullpageJS để tạo một trang web khi cuộn con lăn chuột sẽ chuyển mượt mà sang slide tiếp theo.
Viết biểu đồ bằng SVG và kết hợp với jQuery để tạo hiệu ứng hoạt ảnh đường viền được lấp đầy.
Đây là bản hoàn chỉnh của trang hồ sơ sử dụng fullpage JS.
Bạn có thể tải tệp ví dụ trong tài liệu của buổi 2 (cú pháp jQuery – thứ tự tải).
Bạn có thể tải xuống toàn bộ tệp hoàn chỉnh từ tài liệu của buổi học thứ 17 (Fullpage JS).
Học viên có thể gửi ý kiến và câu hỏi bất cứ lúc nào thông qua mục Tin tức mới, biểu mẫu Google và phòng trò chuyện mở 1:1 được giới thiệu trong đó.
Khóa học này dành cho ai?
Người đã học HTML, CSS và Javascript
Người đang tìm việc chuẩn bị trở thành nhà xuất bản web
Những người đang chuẩn bị hồ sơ năng lực (portfolio)
Dành cho những người đang chuẩn bị thi chứng chỉ Kỹ thuật viên Phát triển Thiết kế Web (trước đây là Kỹ thuật viên Thiết kế Web)
Xác minh sự nghiệp
3,007
Học viên
78
Đánh giá
4
Trả lời
4.9
Xếp hạng
15
Các khóa học
Tôi là giảng viên chuyên về frontend, giảng dạy từ xuất bản web đến thực hành JavaScript·React và phát triển ứng dụng bằng AI.
Tôi đã giảng dạy cho những người trái ngành, người mới bắt đầu và người đang chuẩn bị tìm việc tại ESTSOFT KDT, Green Computer Academy cùng nhiều nơi khác. Tôi hướng đến phương pháp giảng dạy lấy dự án làm trọng tâm, trong đó các khái niệm phức tạp được chia thành những bài thực hành nhỏ, giúp học viên tự mình hoàn thiện sản phẩm.
Dàn trang web HTML/CSS
Kiến thức cơ bản về JavaScript và tương tác web
Phát triển frontend dựa trên React
Triển khai dịch vụ web bằng Firebase
Thiết kế UI trên Figma và kết nối với quá trình phát triển gyrus
Phát triển web cùng AI tạo sinh
Thực hành chứng chỉ Kỹ thuật viên Thiết kế Web
Đào tạo nhân viên doanh nghiệp, triển khai các khóa học KDT và tổ chức các buổi chuyên đề tại trường đại học/trung tâm đào tạo.
Chúng tôi xây dựng chương trình học và các dự án thực hành phù hợp với đối tượng đào tạo, kiến thức nền tảng, thời lượng đào tạo và sản phẩm đầu ra mục tiêu. Có thể triển khai giảng dạy trực tiếp, lớp học trực tuyến theo thời gian thực và sản xuất nội dung đào tạo dạng ghi hình.
Tiến hành các công việc sản xuất nội dung đào tạo trực tuyến như sau.
Thiết kế chương trình giảng dạy và mục tiêu học tập
Biên soạn giáo trình và bài thuyết trình
Cấu trúc mã thực hành và dự án ví dụ theo từng bước
Soạn kịch bản bài giảng dùng cho quay phim
Quay bài giảng và bàn giao nội dung
Bài giảng frontend KDT của ESTSOFT
Khóa học xuất bản web và frontend tại Học viện Máy tính Green gras.
Vận hành kênh YouTube về web publishing ‘ezweb’
Biên soạn sách trong lĩnh vực xuất bản web và thiết kế web
2025.11 · Sổ tay luyện thi thực hành Chứng chỉ thiết kế web 2026 SD Edu của cô Yoo Seon-bae · Nhà xuất bản Sidae Gosihyeg획
2024.11 · Sổ tay hướng dẫn thực hành chứng chỉ thiết kế web SD Edu 2025 của giáo viên Yoo Seon-bae · Nhà xuất bản Sidae Gosi Gihoek
2023.10 · 2024 SD에듀 유선배 웹디자인기능사 실기 과외노트 · 시대고시기획
2022.08 · Dành cho người mới bắt đầu học lập trình cùng Web Publishing · Nhà xuất bản Youngjin
2021.07 · Sách hướng dẫn sử dụng Figma toàn diện cho thiết kế web & web publishing · BJ Public
Chúng tôi nhận các yêu cầu về việc giảng dạy tại doanh nghiệp, cơ quan và sản xuất nội dung đào tạo trực tuyến.
Liên hệ: ezwebpub@gmail.com
Tất cả
17 bài giảng ∙ (5giờ 30phút)
Tài liệu khóa học:
Tất cả
3 đánh giá
5.0
3 đánh giá
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
Tôi từng là người không mấy tự tin về jQuery, nhưng sau khi nghe bài giảng này, tôi đã lấy lại được sự tự tin rồi. Cách giải thích rất dễ hiểu và đi vào lòng người luôn!! Hy vọng sau này bạn sẽ có thêm nhiều bài giảng hay hơn nữa. Xin cảm ơn!
Cảm ơn bạn rất nhiều vì những đánh giá quý giá về khóa học. ^^
Đánh giá 8
∙
Đánh giá trung bình 5.0
Hãy khám phá các khóa học khác của giảng viên!
Khám phá các khóa học khác trong cùng lĩnh vực!
![Bootcamp CSS3 tương tác web hiện đại [Phiên bản đầy đủ]Hình thu nhỏ khóa học](https://cdn.inflearn.com/public/courses/334857/cover/4ccc6c75-74aa-4aba-b3d9-8aabe36e9452/334857.jpg?w=420)
