Học JQuery từ cơ bản đến nâng cao

Nội dung khóa học

Video

Phần 1: Tổng quan về jQuery

8 phút

1 video

00:08:05 Bài 1: Giới thiệu jQuery

Xem thử

Phần 2: Cài đặt và chạy file jQuery

37 phút

3 video

00:11:46 Bài 2: Giới thiệu và cài đặt sublime text và plugin emmet

00:11:19 Bài 3: Cài đặt plugin khác và cách sử dụng

00:14:09 Bài 4: Cài đặt jQuery và ví dụ đầu tiên với jQuery

Phần 3: Giới thiệu 3 phần quan trọng của jquery

23 phút

1 video

Phần 4: Khởi động project 1 với hiệu ứng accordion

35 phút

4 video

00:09:01 Bài 6: Giới thiệu project và tạo file ban đầu

Xem thử

00:09:07 Bài 7: Xử lý phần HTML và CSS

00:13:11 Bài 8: Xử lý phần jQuery, giới thiệu hàm next(), slideUp, slideToggle và các hàm xử lý class

00:03:38 Bài 9: Tổng kết kiến thức học từ bài 1

Phần 5: Project số 2 - Onepage website

59 phút

6 video

00:09:40 Bài 10: Giới thiệu project và xu hướng web one page

00:05:34 Bài 11: One page website phần HTML

00:13:51 Bài 12: One page website phần CSS

00:10:19 Bài 13: One page website phần jQuery hàm chuyển động body

00:14:37 Bài 14: One page website phần jQuery giới thiệu hàm offset

00:04:58 Bài 15: Hướng dẫn bài ứng dụng và tổng kết kiến thức project 2

Phần 6: Project 3 hiệu ứng ảnh

58 phút

8 video

00:04:52 Bài 16: Giới thiệu project 3 và các kiến thức áp dụng

00:08:19 Bài 17: Qui trình làm bài hiệu ứng và setup ban đầu

00:09:20 Bài 18: Viết mã HTML

00:10:07 Bài 19: Viết mã CSS

00:06:42 Bài 20: Viết mã jQuery phần xử lý cho nút

00:10:29 Bài 21: Viết mã jQuery phần xử lý hiệu ứng phóng to ảnh

00:04:42 Bài 22: Viết mã jQuery phần xử lý tổng hợp

00:03:46 Bài 23: Tổng kết kiến thức đã học trong project 3

Phần 7: Giới thiệu các thuộc tính CSS3 nâng cao cho hiệu ứng

40 phút

3 video

00:07:24 Bài 24: Giới thiệu các kiến thức sẽ học trong phần 7

00:17:01 Bài 25: Giới thiệu các thuộc tính cơ bản của CSS3

00:15:25 Bài 26: Giới thiệu dòng thuộc tính transform và transition

Phần 8: Áp dụng transition làm hiệu ứng

58 phút

8 video

00:03:36 Bài 27: Viết mã HTML

00:17:21 Bài 28: Viết mã CSS và hiệu ứng

00:03:41 Bài 29: Sử dụng hàm tweenmax cho hiệu ứng load nội dung

00:03:55 Bài 30: Viết mã HTML

00:06:39 Bài 31: Viết mã CSS

00:07:04 Bài 32: Phần CSS hiệu ứng

00:11:18 Bài 33: Sử dụng hàm tweenmax kết hợp jQuery cho hiệu ứng load

00:03:59 Bài 34: Giới thiệu thuộc tính transition delay cho các ứng dụng khác

Phần 9: Sử dụng animation

72 phút

9 video

00:04:47 Bài 35: Giới thiệu Animation

00:10:01 Bài 36: Sử dụng Animation

00:00:00 Bài 37: Project 4 - Làm hiệu ứng load của website - Phần 1 HTML

00:10:19 Bài 38: Project 4 - Làm hiệu ứng load của website - Phần 2 CSS

00:13:33 Bài 39: Project 4 - Làm hiệu ứng load của website

00:05:14 Bài 40: Project 5 - Làm hiệu ứng load của website - Phần 1 HTML

00:10:32 Bài 41: Project 5 - Làm hiệu ứng load của website - Phần 2 CSS

00:12:04 Bài 42: Project 5 làm hiệu ứng load của website - Phần 3 chuyển động

00:05:41 Bài 43: Tổng kết

Phần 10: Sử dụng jQuery kết hợp với CSS3

100 phút

12 video

00:05:27 Bài 44: Giới thiệu kiến thức và cách kết hợp jQuery và CSS3

00:09:39 Bài 45: Project 6 - Viết hiệu ứng Modal Box - Phần 1 - HTML

00:09:30 Bài 46: Project 6 - Viết hiệu ứng Modal Box - Phần 2 - CSS

00:16:58 Bài 47: Project 6 - Viết hiệu ứng Modal Box - Phần 3 - jQuery

00:06:39 Bài 48: Project 6 - Viết hiệu ứng Modal Box - Phần 4 - Các hiệu ứng slideIn, slideIn Bottom, newspaper

00:04:14 Bài 49: Project 6 - Viết hiệu ứng Modal Box - Phần 5 - Thuộc tính tâm quay, các hiệu ứng slide fall, sticky

00:09:59 Bài 50: Project 6 - Viết hiệu ứng Modal Box - Phần 6 - Thuộc tính perspective, rotateY(), tâm quay

00:08:03 Bài 51: Project 6 - Viết hiệu ứng Modal Box - Phần 7 - Thuộc tính translateZ kết hợp animation nhiều keyframes

00:09:34 Bài 52: Project 6 - Viết hiệu ứng Modal Box - Phần 8 - Hàm thời gian của jQuery và các hiệu ứng

00:07:38 Bài 53: Project 7 - Push menu sử dụng jQuery - Phần 1 - HTML và CSS

00:05:41 Bài 54: Project 7 - Push menu sử dụng jQuery - Phần 2

00:06:47 Bài 55: Project 7 - Push menu sử dụng jQuery - Phần 3 - Hướng dẫn các bài ứng dụng khác

Phần 11: Sử dụng jQuery viết hiệu ứng tại trang apple.com

74 phút

9 video

00:05:10 Bài 56: Giới thiệu hiệu ứng trang apple.com và kiến thức cần áp dụng

00:05:25 Bài 57: Hiệu ứng apple.com - Phần 1 HTML

00:07:52 Bài 58: Hiệu ứng apple.com - Phần 2 CSS

00:09:37 Bài 59: Hiệu ứng apple.com - Phần 3 Phần jQuery xử lý cho nút next phần 1

00:10:00 Bài 60: Hiệu ứng apple.com - Phần 4 Phần jQuery xử lý cho nút next phần 2

00:04:25 Bài 61: Hiệu ứng apple.com - Phần 5 Phần jQuery xử lý cho nút next phần 3

00:07:14 Bài 62: Hiệu ứng apple.com - Phần 6 Phần jQuery xử lý cho nút prev

00:14:41 Bài 63: Hiệu ứng apple.com - Phần 7 Phần jQuery xử lý cho nút chuyển slide

00:09:40 Bài 64: Hiệu ứng apple.com - Phần 8 Phần jQuery xử lý thời gian và hoàn thiện hiệu ứng

Phần 12: Sử dụng jQuery viết các kiểu hiệu ứng khác nhau cho slide

25 phút

3 video

00:02:20 Bài 65: jQuery cho các hiệu ứng slide giới thiệu

00:10:29 Bài 66: jQuery cho các hiệu ứng slide hiệu ứng 'let me in'

00:12:00 Bài 67: jQuery cho các hiệu ứng slide hướng dẫn các hiệu ứng khác và tổng kết

Phần 13: Sử dụng jQuery viết các hiệu ứng Scroll

128 phút

14 video

00:07:11 Bài 68: Giới thiệu các kiến thức sử dụng

00:05:12 Bài 69: Project 8 - Hiệu ứng scroll thay đổi header - Phần 1 - HTML

00:08:31 Bài 70: Project 8 - Hiệu ứng scroll thay đổi header - Phần 2 - CSS

00:11:38 Bài 71: Project 8 - Hiệu ứng scroll thay đổi header - Phần 3 - jQuery

00:10:09 Bài 72: Project 8 - Hiệu ứng scroll thay đổi header - Phần 4 - hướng dẫn bài tập áp dụng

00:10:36 Bài 73: Project 8 - Hiệu ứng scroll thay đổi header - Phần 5 - Phân tích hiệu ứng Scroll jQuery trong web thực tế

00:08:07 Bài 74: Project 9 - Giới thiệu bài và kiến thức sử dụng - Scroll, Wow JS, Animate CSS

00:08:39 Bài 75: Project 9 - Bắt đầu xử lý HTML và CSS

00:11:09 Bài 76: Project 9 - Xử lý hiệu ứng jQuery

00:09:42 Bài 77: Project 9 - Sử dụng thư viện Animate CSS kết hợp jQuery

00:10:10 Bài 78: Project 9 - Sử dụng thư viện wow.js kết hợp jquery Phần 1 HTML và CSS

00:12:29 Bài 79: Project 9 - Sử dụng thư viện Wow.JS kết hợp jQuery Phần 2 jQuery

00:06:24 Bài 80: Bài tập cuối chương áp dụng hàm scroll jQuery đã học

00:07:42 Bài 81: Tổng kết phần Scroll jQuery

Phần 14: Hiệu ứng sắp xếp và hiệu ứng Filter

76 phút

7 video

00:07:56 Bài 82: Giới thiệu các kiến thức và project 10

00:09:17 Bài 83: Hiệu ứng sắp xếp sử dụng thư viện isotope kết hợp jQuery

00:11:39 Bài 84: Hiệu ứng Filter Phần 1 - viết mã HTML

00:10:03 Bài 85: Hiệu ứng Filter Phần 2 - viết mã jQuery

00:14:12 Bài 86: Hiệu ứng Filter Phần 3 - Filter bằng cách kết hợp jQuery và isotope

00:18:01 Bài 87: Hiệu ứng Filter Phần 4 - Filter bằng cách Quicksearch

00:04:34 Bài 88: Tổng kết hiệu ứng Filter và sắp xếp

Phần 15: Hiệu ứng kết hợp Bootstrap và jQuery

78 phút

9 video

00:05:56 Bài 89: Giới thiệu kiến thức

00:06:52 Bài 90: Cài đặt cơ bản Bootstrap và Plugin

00:09:34 Bài 91: Hiệu ứng popover

00:06:31 Bài 92: Hiệu ứng tooltip

00:09:53 Bài 93: Hiệu ứng tab

00:06:08 Bài 94: Hiệu ứng modal

00:05:39 Bài 95: Hiệu ứng Carousel

00:10:15 Bài 96: Hiệu ứng scrollspy - Phần 1 html

00:16:47 Bài 97: Hiệu ứng scroll spy - Phần 2 - hiệu ứng scroll và animate

Phần 16: Hiệu ứng GSap kết hợp jQuery

93 phút

8 video

00:09:54 Bài 98: Giới thiệu kiến thức

00:16:25 Bài 99: Giới thiệu và ví dụ về tweenmax

00:12:24 Bài 100: Áp dụng tweenmax kết hợp jQuery

00:10:50 Bài 101: Giới thiệu TimelineMax

00:16:03 Bài 102: Giới thiệu bài tập luyện tập kiến thức tổng hợp

00:04:26 Bài 103: Hướng dẫn kĩ thuật viết hiệu ứng loading của website

00:10:12 Bài 104: Hướng dẫn kĩ thuật viết hiệu ứng loading của website

00:12:29 Bài 105: Tổng kết phần 6

Phần 17 - Tổng kết khóa học

18 phút

2 video

Tôi sẽ học gì?

Khóa học nhằm giúp học viên sử dụng thành thạo jQuery, có khả năng lập trình và quản trị 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.

* LỢI ÍCH HỌC VIÊN

Sau khi hoàn thành khóa học "Học JQuery Từ Cơ Bản Đến Nâng Cao", người học sẽ có thể:

- Học được cách sử dụng công cụ Chrome Developer Tool trong thiết kế web hiện đại

- Thao tác với thư viện jQuery, jQuery UI, Tweenmax

- Tự xây dựng các plugin mới bằng jQuery

- Nâng cao khả năng tự đọc hiểu các tài liệu tự lập trình jQuery

- Tăng khả năng tương tác với người dùng

- Tạo hiệu ứng động cho những thay đổi của nội dung, tài liệu

- Lấy thông tin từ server mà không cần tải lại trang web

- Có khả năng chỉnh sửa giao diện của một website bất kì

* ĐỐI TƯỢNG HỌC VIÊN

Khóa học "Học JQuery Từ Cơ Bản Đến Nâng Cao" hoàn toàn phù hợp với:

- Web developers, web designers muốn nâng cao năng lực và kỹ năng nghề nghiệp để cải thiện chất lượng và năng suất công việc

- Những người muốn giải quyết các vấn đề lớn của nhu cầu web chất lượng cao hiện nay như web đơn giản, hiệu quả và responsive,...

- Những người đã và đang muốn khởi nghiệp từ lập trình

- Bất kỳ ai đam mê, yêu thích công việc lập trình muốn học hỏi thêm kiến thức về jQuery

* YÊU CẦU KHOÁ HỌC

Không có yêu cầu.

+ Xem hết

Thông tin về giảng viên

Nguyễn Đức Việt

14 khoá học

* Kinh nghiệm và thành tựu

- Anh tốt nghiệp khoa Công nghệ thông tin, Đại học Bách khoa Hà Nội.

- Anh từng du học ngành thiết kế đồ họa đa phương tiện – tại tập đoàn Aptech Limited – Bangalore Ấn Độ theo chương trình giảng viên tài năng.

- Anh từng làm việc trong nhiều dự án lớn thuộc tập đoàn FPT, tham gia rất nhiều dự án Freelancer về thiết kế đồ họa nên kinh nghiệm thực tế dồi dào, mong muốn đem những kinh nghiệm này chia sẻ cho tất cả mọi người, giúp các bạn có được những hành trang quý báu trên con đường sự nghiệp.

- Anh hiện là giảng viên tại trường Đại học FPT, có kinh nghiệm 12 năm trong nghề thiết kế, lập trình web, đã và đang giảng dạy, đào tạo cho khoảng hơn 10.000+ học viên thiết kế, lập trình web tại Việt Nam.

+ Xem hết

Để lại thông tin để được tư vấn thêm

Học jQuery Từ Cơ Bản Đến Nâng Cao

Nội dung khóa học

Tôi sẽ học gì?

Thông tin về giảng viên

Mạng xã hội

Chấp nhận các loại thẻ