Lập trình Frontend - Boostrap & JQuery
JQuery viết gọn và đơn giản hơn Javascript rất nhiều, cú pháp gần giống như CSS nên rất dễ sử dụng. Theo thống kê thì 80% các hiệu ứng tương tác trên các website hiện nay đều sử dụng các plugin viết bằng Jquery. Phần học lập trình JQuery nhằm 2 mục đích:
- Một là giúp bạn tự viết các hiệu ứng tương tác đặc thù cho thao tác trên website . Các hiệu ứng này tự viết sẽ nhanh và tối ưu hơn là download.
- Hai là giúp bạn biết cách tuỳ biến, download, ghép hiệu ứng JQuery từ các plugin trên mạng vào giao diện.
5
(0)
Nguyễn Đức Việt
đ299,000
599,000Khóa học bao gồm:
0 Bài học
0 giờ 0 phút
Đào tạo 5 hoặc nhiều người hơn?
Cung cấp quyền truy cập cho đội của bạn đến những khoá học hàng đầu?
Bạn sẽ học được những gì
Học được cách lập trình Frondend, lập trình JQuery bài bản và đầy đủ nhất.
Những kỹ năng bạn sẽ đạt được
Dữ liệu hiện đang được cập nhật
Nội dung
0 chương
•
0 Bài học
•
0 giờ 0 phút
Mở rộng tất cả
Tổng quan về JQuery
1 Bài học
•
08 phút 06 giây
Giới thiệu jQuery08:06
Cài đặt và chạy JQuery
3 Bài học
•
37 phút 14 giây
Giới thiệu và cài đặt sublime text và plugin emmet11:46
Cài đặt plugin khác và cách sử dụng11:19
Cài đặt jquery và ví dụ đầu tiên với jquery14:09
Giới thiệu 3 phần quan trọng của JQuery
1 Bài học
•
23 phút 19 giây
Thực hành các hàm cơ bản của jquery qua ví dụ23:19
Khởi động Project 1 với hiệu ứng accordion
4 Bài học
•
34 phút 57 giây
Giới thiệu project và tạo file ban đầu09:01
Xử lý phần html và css09:07
Xử lý phần jquery, giới thiệu hàm next(), slideUp, slideToggle và các hàm xử lý class13:11
Tổng kết kiến thức học từ bài 103:38
Project số 2 - One Website
6 Bài học
•
58 phút 58 giây
Giới thiệu project và xu hướng web one page09:40
One page website phần html05:34
One page website phần css13:51
One page website phần jquery hàm chuyển động body10:18
One page website phần jquery giới thiệu hàm offset14:37
Hướng dẫn bài ứng dụng và tổng kết kiến thức project 204:58
Project 3 hiệu ứng ảnh
8 Bài học
•
58 phút 15 giây
Giới thiệu project 3 và các kiến thức áp dụng04:53
Qui trình làm bài hiệu ứng và setup ban đầu08:19
Viết mã Html09:21
Viết mã Css10:07
Viết mã jquery phần xử lý cho nút06:42
Viết mã jquery phần xử lý hiệu ứng phóng to ảnh10:29
Viết mã jquery phần xử lý tổng hợp04:38
Tổng kết kiến thức đã học trong project 303:46
Giới thiệu các thuộc tính CSS3 nâng cao cho hiệu ứng
3 Bài học
•
39 phút 52 giây
Giới thiệu các kiến thức sẽ học07:25
Giới thiệu các thuộc tính cơ bản của css317:02
Giới thiệu dòng thuộc tính transform và transition15:25
Áp dụng Transition làm hiệu ứng
8 Bài học
•
57 phút 33 giây
Viết mã HTML phần 103:36
Viết mã Css và hiệu ứng17:21
Sử dụng hàm tweenmax cho hiệu ứng load nội dung03:41
Viết mã HTML phần 203:55
Viết mã CSS06:39
Phần CSS hiệu ứng07:04
Sử dụng hàm tweenmax kết hợp jquery cho hiệu ứng load11:18
Giới thiệu thuộc tính transition delay cho các ứng dụng khác03:59
Sử dụng Animation
9 Bài học
•
76 phút 58 giây
Giới thiệu Animation04:47
Sử dụng Animation10:01
Project 4 - Làm hiệu ứng load của website - Phần 1 HTML04:47
Project 4 - Làm hiệu ứng load của website - Phần 2 CSS10:19
Project 4 - Làm hiệu ứng load của website13:33
Project 5 - Làm hiệu ứng load của website - Phần 1 HTML05:14
Project 5 - Làm hiệu ứng load của website - Phần 2 CSS10:32
Project 5 làm hiệu ứng load của website - phần 3 chuyển động12:04
Tổng kết05:41
Sử dụng JQuery kết hợp với css3
12 Bài học
•
100 phút 09 giây
Giới thiệu kiến thức và cách kết hợp JQuery và CSS305:27
Project 6 - Viết hiệu ứng Modal Box - Phần 1 - HTML09:39
Project 6 - Viết hiệu ứng Modal Box - Phần 2 - CSS09:30
Project 6 - Viết hiệu ứng Modal Box - Phần 3 - JQuery16:58
Project 6 - Viết hiệu ứng Modal Box - Phần 406:39
Project 6 - Viết hiệu ứng Modal Box - Phần 504:14
Project 6 - Viết hiệu ứng Modal Box - Phần 609:59
Project 6 - Viết hiệu ứng Modal Box - Phần 708:03
Project 6 - Viết hiệu ứng Modal Box - Phần 809:34
Project 7 - Push menu sử dụng Jquery - Phần 1 - HTML và CSS07:38
Project 7 - Push menu sử dụng JQuery - Phần 205:41
Project 7 - Push menu sử dụng JQuery - Phần 3 - Hướng dẫn các bài ứng dụng06:47
Sử dụng JQuery viết hiệu ứng tại trang apple.com
9 Bài học
•
74 phút 06 giây
Giới thiệu hiệu ứng trang apple.com và kiến thức cần áp dụng05:10
Hiệu ứng apple.com - Phần 1 HTML05:25
Hiệu ứng apple.com - Phần 2 css07:53
Hiệu ứng apple.com - Phần 3 Phần jquery xử lý cho nút next phần 109:37
Hiệu ứng apple.com - Phần 4 Phần jquery xử lý cho nút next phần 210:00
Hiệu ứng apple.com - Phần 5 Phần jquery xử lý cho nút next phần 304:25
Hiệu ứng apple.com - Phần 6 Phần jquery xử lý cho nút prev07:14
Hiệu ứng apple.com - Phần 7 Phần jquery xử lý cho nút chuyển slide14:42
Hiệu ứng apple.com - Phần 8 Phần jquery xử lý thời gian và hoàn thiện09:40
Sử dụng JQuery viết hiệu ứng khác nhau cho slide
3 Bài học
•
24 phút 49 giây
Jquery cho các hiệu ứng slide giới thiệu02:20
Jquery cho các hiệu ứng slide hiệu ứng 'let me in'10:29
Jquery cho các hiệu ứng slide hướng dẫn các hiệu ứng khác và tổng kết12:00
Sử dụng JQuery viết hiệu ứng Scroll
14 Bài học
•
126 phút 35 giây
Giới thiệu các kiến thức sử dụng07:12
Project 8 - Hiệu ứng scroll thay đổi header - Phần 1 - HTML05:12
Project 8 - Hiệu ứng scroll thay đổi header - Phần 2 - CSS08:31
Project 8 - Hiệu ứng scroll thay đổi header - phần 3 - JQuery11:38
Project 8 - Hiệu ứng scroll thay đổi header - phần 4 - Hướng dẫn bài tập10:09
Project 8 - Hiệu ứng scroll thay đổi header - phần 5 - Phân tích hiệu ứng10:36
Project 9 - Giới thiệu bài và kiến thức sử dụng - Scroll, wow js, animate08:07
Project 9 - Bắt đầu xử lý HTML và CSS07:34
Project 9 - Xử lý hiệu ứng JQuery11:09
Project 9 - Sử dụng thư viện animateCss kết hợp jquery09:42
Project 9 - Sử dụng thư viện wow.js kết hợp jquery Phần 1 HTML và CSS10:10
Project 9 - Sử dụng thư viện wow.js kết hợp jquery phần 2 Jquery12:29
Bài tập cuối chương áp dụng hàm scroll jquery đã học06:24
Tổng kết phần Scroll Jquery07:42
Hiệu ứng sắp xếp và hiệu ứng Filter
7 Bài học
•
75 phút 43 giây
Giới thiệu các kiến thức và project 1007:56
Hiệu ứng sắp xếp sử dụng thư viện isotope kết hợp JQuery09:17
Hiệu ứng Filter Phần 1 - viết mã HTML11:39
Hiệu ứng Filter phần 2 - viết mã JQuery10:03
Hiệu ứng Filter phần 3 - Filter bằng cách kết hợp Jquery và isotope14:12
Hiệu ứng Filter phần 4 - Filter bằng cách Quicksearch18:01
Tổng kết hiệu ứng Filter và sắp xếp04:35
Hiệu ứng kết hợp Bootstrap và JQuery
9 Bài học
•
77 phút 35 giây
Giới thiệu kiến thức05:56
Cài đặt cơ bản Bootstrap và Plugin06:52
Hiệu ứng popover09:34
Hiệu ứng tooltip06:31
Hiệu ứng tab09:53
Hiệu ứng modal06:08
Hiệu ứng Carousel05:39
Hiêu ứng scrollspy - phần 1 html10:15
Hiệu ứng scroll spy - phần 2 - hiệu ứng scroll và animate16:47
Hiệu ứng GSap kết hợp JQuery
9 Bài học
•
98 phút 45 giây
Giới thiệu kiến thức09:54
Giới thiệu và ví dụ về tweenmax16:25
Áp dụng tweenmax kết hợp jquery phần 112:24
Áp dụng tweenmax kết hợp jquery phần 210:50
Giới thiệu TimelineMax16:02
Hướng dẫn kĩ thuật viết hiệu ứng loading của website phần 104:26
Hướng dẫn kĩ thuật viết hiệu ứng loading của website phần 210:12
Hướng dẫn kĩ thuật viết hiệu ứng loading của website phần 312:29
Hướng dẫn kĩ thuật viết hiệu ứng loading của website phần 406:03
BOOTSTRAP
172 Bài học
•
1573 phút 45 giây
Giới thiệu khóa học12:04
Cài đặt 2 phần mềm cần thiết13:29
Giới thiệu các thẻ html cần thiết cho cắt web15:30
3 cách đưa css vào website10:01
Các thuộc tính css09:36
Áp dụng các thuộc tính đã học chữa bài 1 kênh 1420:49
Áp dụng các thuộc tính đã học chữa bài 2 kênh 14 - Tập 109:28
Áp dụng các thuộc tính đã học chữa bài 2 kênh 14 - Tập 208:17
Giới thiệu về Class và ID trong CSS14:05
Chữa bài tập áp dụng Class và ID17:52
Luyện tập css cơ bản với Class và ID - Tập 108:03
Luyện tập css cơ bản với Class và ID - Tập 208:26
Luyện tập css cơ bản với Class và ID - Tập 310:50
Cách load và sử dụng font mới09:27
Sử dụng font icon và cách làm hiệu ứng hover16:35
Chữa bài megafun.vn - Tập 109:53
Chữa bài megafun.vn - Tập 215:40
Chữa bài ione.vnexpress.net07:25
Chữa bài DOCBAO.VN - Tập 109:51
Chữa bài DOCBAO.VN - Tập 209:19
Chữa bài DOCBAO.VN - Tập 310:13
Chữa bài VIETNAMNET.VN - Tập 107:09
Chữa bài VIETNAMNET.VN - Tập 209:03
Chữa bài MARRY.VN - Tập 109:31
Chữa bài MARRY.VN - Tập 207:15
Chữa bài MARRY.VN - Tập 326:09
Chữa bài MARRY.VN - Tập 410:49
Chữa bài GIADINH.NET30:07
Chữa bài SAGA.VN - Tập 121:01
Chữa bài SAGA.VN - Tập 207:24
Giới thiệu về thuộc tính Absolute và Relative11:55
GIỚI THIỆU VỀ THUỘC TÍNH FLEX - TẬP 109:36
GIỚI THIỆU VỀ THUỘC TÍNH FLEX - TẬP 216:19
LUYỆN TẬP VỀ THUỘC TÍNH FLEX - TẬP 112:02
LUYỆN TẬP VỀ THUỘC TÍNH FLEX - TẬP 231:07
LUYỆN TẬP ABSOLUTE VỚI WEBSITE GUU.VN PHẦN 1 - TẬP 108:27
LUYỆN TẬP ABSOLUTE VỚI WEBSITE GUU.VN PHẦN 1 - TẬP 209:51
LUYỆN TẬP ABSOLUTE VỚI WEBSITE GUU.VN PHẦN 1 - TẬP 308:28
LUYỆN TẬP ABSOLUTE VỚI WEBSITE GUU.VN PHẦN 1 - TẬP 409:13
LUYỆN TẬP ABSOLUTE VỚI WEBSITE GUU.VN PHẦN 1 - TẬP 511:08
LUYỆN TẬP ABSOLUTE VỚI WEBSITE USATODAY.COM TẬP 109:35
LUYỆN TẬP ABSOLUTE VỚI WEBSITE USATODAY.COM TẬP 205:45
Thực hành absolute với website tiin.vn - TẬP 104:58
Thực hành absolute với website tiin.vn - TẬP 207:09
Luyện tập về thuộc tính chia layer với udemy.com29:49
Kết hợp absolute với transition17:33
Thuộc tính background attachment25:05
THUỘC TÍNH ANIMATION - TẬP 108:45
THUỘC TÍNH ANIMATION - TẬP 208:51
Áp dụng thuộc tính absolute, transition, flex - TẬP 108:14
Áp dụng thuộc tính absolute, transition, flex - TẬP 208:50
Áp dụng thuộc tính absolute, transition, flex - TẬP 306:07
Áp dụng thuộc tính absolute, transition, flex - TẬP 408:56
Kết hợp absolute và hover transition30:32
Hoàn thiện sản phẩm03:19
Áp dụng absolute và transition chữa bài hiệu ứng - Tập 109:18
Áp dụng absolute và transition chữa bài hiệu ứng - Tập 206:18
Áp dụng absolute và transition chữa bài hiệu ứng - Tập 304:18
Tổng kết phần html - css và giới thiệu kiến thức mới06:47
Giới thiệu về bootstrap phiên bản 410:27
Cài đặt bootstrap - Tập 108:21
Cài đặt bootstrap - Tập 206:23
Thành phần GRID trong bootstrap20:37
Giới thiệu về responsive12:26
Giới thiệu về alert10:57
Giới thiệu về breadcrumb05:23
Giới thiệu về button09:17
Phương pháp học bootstrap03:49
Giới thiệu về checkbox và radio button08:15
Giới thiệu về dropdown menu17:00
Giới thiệu về thành phần mới so với BS3: Card layout11:47
Giới thiệu về thành phần card deck05:09
Giới thiệu về thành phần card group04:02
Giới thiệu về thành phần card column07:14
Giới thiệu về thành phần carousel06:15
Giới thiệu về thành phần collapse10:35
Giới thiệu về thành phần form10:32
Tổng kết và phương pháp cắt HTML/CSS dựa trên bootstrap10:18
Thành phần menu trong bootstrap14:09
Thành phần spacing trong bootstrap11:22
Thành phần căn chỉnh trong bootstrap05:34
Sử dụng card layout để tạo thông tin04:26
Tổng kết kiến thức website số 104:09
Giới thiệu tạo website số 3 với bootstrap01:58
Sử dụng navbar collapse08:11
Sử dụng jumbotron06:57
Thực hành Bootstrap 4 với card deck layout08:13
Viết hiệu ứng scroll bằng jquery06:12
Tổng kết kiến thức website số 305:10
Giới thiệu tạo website số 4 với bootstrap02:43
Tạo menu responsive thế nào04:08
Tạo hiệu ứng slide theo website13:23
Hoàn thiện website số 409:21
Tổng kết kiến thức website số 403:18
Giới thiệu website nâng cao số 103:14
Tạo menu và hiệu ứng carosel bằng phím tắt07:14
Tinh chỉnh và hoàn thiện menu12:43
Xử lý phần khoảng cách cho menu bằng css06:55
Xử lý phần nội dung cho carousel caption09:23
Phương pháp xử lý responsive trong bootstrap 413:24
Xử lý căn chỉnh nội dung bằng row trong row08:04
Tinh chỉnh phần nội dung chính xác bằng css12:23
Xử lý khối thông tin website chứa facebook button06:14
Hoàn thiện khối thông tin website với css06:00
Hoàn thiện footer09:20
CREATIVE THEME - BƯỚC CHUẨN BỊ04:27
CREATIVE THEME - TẠO KHUNG HTML - TẬP 108:29
CREATIVE THEME - TẠO KHUNG HTML - TẬP 206:33
CREATIVE THEME - TẠO CSS CHO PHẦN BANNER - TẬP 108:32
CREATIVE THEME - TẠO CSS CHO PHẦN BANNER - TẬP 204:53
VELOCITY THEME - XỬ LÝ RESPONSIVE - TẬP 107:06
VELOCITY THEME - XỬ LÝ RESPONSIVE - TẬP 203:51
CREATIVE THEME - XỬ LÝ KHỐI GIỚI THIỆU08:40
CREATIVE THEME - XỬ LÝ PHẦN CHIA CỘT - TẬP 104:55
CREATIVE THEME - XỬ LÝ PHẦN CHIA CỘT - TẬP 205:45
CREATIVE THEME - XỬ LÝ KHỐI SẢN PHẨM - TẬP 109:14
CREATIVE THEME - XỬ LÝ KHỐI SẢN PHẨM - TẬP 207:52
CREATIVE THEME - XỬ LÝ HIỆU ỨNG JQUERY07:54
VELOCITY THEME - BẮT ĐẦU VỚI MENU08:15
VELOCITY THEME - TẠO BANNER06:49
VELOCITY THEME - TẠO CSS CHO PHẦN LOGO - TẬP 106:22
VELOCITY THEME - TẠO CSS CHO PHẦN LOGO - TẬP 206:32
VELOCITY THEME - TẠO CSS CHO MENU RESPONSIVE - TẬP 106:24
VELOCITY THEME - TẠO CSS CHO MENU RESPONSIVE - TẬP 204:44
VELOCITY THEME - TẠO CSS CHO MENU RESPONSIVE - TẬP 309:09
VELOCITY THEME - TẠO CSS CHO PHẦN BANNER RESPONSIVE07:59
VELOCITY THEME - TẠO PHẦN DỊCH VỤ - TẬP 107:09
VELOCITY THEME - TẠO PHẦN DỊCH VỤ - TẬP 208:49
VELOCITY THEME - XỬ LÝ HIỆU ỨNG SLIDE - TẬP 107:01
VELOCITY THEME - XỬ LÝ HIỆU ỨNG SLIDE - TẬP 205:36
VELOCITY THEME - HIỆU ỨNG JQUERY - TẬP 106:40
VELOCITY THEME - HIỆU ỨNG JQUERY - TẬP 207:51
GIỚI THIỆU PHẦN MỀM PHOTOSHOP05:02
BƯỚC CHUẨN BỊ CHO CẮT WEB09:01
SỬ DỤNG BOOTSTRAP TẠO KHUNG MENU04:07
TẠO CSS CHO MENU TRÊN MÀN HÌNH DESKTOP08:46
TẠO CSS CHO MENU TRÊN MÀN HÌNH IPHONE03:56
TẠO KHUNG HTML CHO SLIDE BANNER06:24
TẠO CSS CHO SLIDE BANNER - TẬP 111:31
TẠO CSS CHO SLIDE BANNER - TẬP 208:20
TẠO KHUNG HTML CHO KHỐI DỊCH VỤ05:16
TẠO CSS CHO KHỐI DỊCH VỤ07:40
HƯỚNG DẪN XỬ LÝ CÁC PHẦN KHÁC CỦA GIAO DIỆN01:32
PHẦN CHUẨN BỊ02:57
XỬ LÝ CSS CHO PHẦN TOP HEADER06:08
XỬ LÝ CSS CHO PHẦN MENU TRÊN12:28
TẠO KHUNG HTML CHO PHẦN BANNER03:05
XỬ LÝ CSS CHO PHẦN BANNER11:14
XỬ LÝ PHẦN HTML CHO KHỐI THÔNG TIN02:55
XỬ LÝ CSS CHO PHẦN KHỐI THÔNG TIN04:31
XỬ LÝ HTML CHO KHỐI SẢN PHẨM04:54
XỬ LÝ CSS CHO KHỐI SẢN PHẨM12:04
BƯỚC CHUẨN BỊ01:49
XỬ LÝ PHẦN HTML CHO PHẦN LOGO VÀ MENU05:22
XỬ LÝ PHẦN CSS CHO MENU12:52
XỬ LÝ HTML CHO PHẦN BANNER06:57
XỬ LÝ CSS CHO PHẦN BANNER11:58
XỬ LÝ HTML CHO KHỐI 3 DỊCH VỤ05:11
XỬ LÝ CSS CHO PHẦN 3 DỊCH VỤ11:47
TÓM TẮT CÁC LÀM CHO PHẦN CÒN LẠI CỦA GIAO DIỆN01:26
CẮT WEB THEFOX- BƯỚC CHUẨN BỊ06:06
CẮT WEB THEFOX - TẠO KHUNG HTML CHO TOPHEADER05:51
CẮT WEB THEFOX - TẠO CSS CHO PHẦN TOPHEADER16:07
TẠO HTML CHO PHẦN MENU07:22
CẮT WEB THEFOX - TẠO CSS CHO PHẦN MENU11:28
CẮT WEB THEFOX - TẠO CSS CHO MENU TRÊN IPHONE04:00
CẮT WEB THEFOX- TẠO KHUNG HTML CHO BANNER09:30
CẮT WEB THEFOX- TẠO CSS CHO PHẦN BANNER12:51
CẮT WEB THEFOX - TẠO HTML CHO PHẦN GIỚI THIỆU05:49
CẮT WEB THEFOX - TẠO CSS CHO PHẦN GIỚI THIỆU08:14
CẮT WEB THEFOX - HƯỚNG DẪN XỬ LÝ CÁC PHẦN CÒN LẠI03:20
Tổng kết khóa học09:52
Quản trị viên
E
Edumall
Đánh giá
5
0 Đánh giá
5
(0)
4
(0)
3
(0)
2
(0)
1
(0)
Trống
_1707189345290.png)
_1707189407137.png){kind=icon}
Tài nguyên
Chính sách chung & hỗ trợ
Quét để tham gia cộng đồng Medoo
Bản quyền © Medoo | Bảo lưu mọi quyền
Website đang chạy chế độ thử nghiệm, chờ cấp phép từ Bộ Công Thương.