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.

(0)

Nguyễn Đức Việt

đ299,000

599,000

This course includes:

0 Lessons

0 hours 0 minutes

Training 5 or more people?

Get your team access to top courses?

Try the business solution

What you'll learn

Học được cách lập trình Frondend, lập trình JQuery bài bản và đầy đủ nhất.

Skills you'll gain

No Data Available in this Section

Course content

0 sections

•

0 Lessons

•

0h 0m

Expand all section

Tổng quan về JQuery
1 Lesson
•
08 minutes 06 seconds
Giới thiệu jQuery
08:06
Cài đặt và chạy JQuery
3 Lesson
•
37 minutes 14 seconds
Giới thiệu và cài đặt sublime text và plugin emmet
11:46
Cài đặt plugin khác và cách sử dụng
11:19
Cài đặt jquery và ví dụ đầu tiên với jquery
14:09
Giới thiệu 3 phần quan trọng của JQuery
1 Lesson
•
23 minutes 19 seconds
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 Lesson
•
34 minutes 57 seconds
Giới thiệu project và tạo file ban đầu
09:01
Xử lý phần html và css
09:07
Xử lý phần jquery, giới thiệu hàm next(), slideUp, slideToggle và các hàm xử lý class
13:11
Tổng kết kiến thức học từ bài 1
03:38
Project số 2 - One Website
6 Lesson
•
58 minutes 58 seconds
Giới thiệu project và xu hướng web one page
09:40
One page website phần html
05:34
One page website phần css
13:51
One page website phần jquery hàm chuyển động body
10:18
One page website phần jquery giới thiệu hàm offset
14:37
Hướng dẫn bài ứng dụng và tổng kết kiến thức project 2
04:58
Project 3 hiệu ứng ảnh
8 Lesson
•
58 minutes 15 seconds
Giới thiệu project 3 và các kiến thức áp dụng
04:53
Qui trình làm bài hiệu ứng và setup ban đầu
08:19
Viết mã Html
09:21
Viết mã Css
10:07
Viết mã jquery phần xử lý cho nút
06:42
Viết mã jquery phần xử lý hiệu ứng phóng to ảnh
10:29
Viết mã jquery phần xử lý tổng hợp
04:38
Tổng kết kiến thức đã học trong project 3
03:46
Giới thiệu các thuộc tính CSS3 nâng cao cho hiệu ứng
3 Lesson
•
39 minutes 52 seconds
Giới thiệu các kiến thức sẽ học
07:25
Giới thiệu các thuộc tính cơ bản của css3
17:02
Giới thiệu dòng thuộc tính transform và transition
15:25
Áp dụng Transition làm hiệu ứng
8 Lesson
•
57 minutes 33 seconds
Viết mã HTML phần 1
03:36
Viết mã Css và hiệu ứng
17:21
Sử dụng hàm tweenmax cho hiệu ứng load nội dung
03:41
Viết mã HTML phần 2
03:55
Viết mã CSS
06:39
Phần CSS hiệu ứng
07:04
Sử dụng hàm tweenmax kết hợp jquery cho hiệu ứng load
11:18
Giới thiệu thuộc tính transition delay cho các ứng dụng khác
03:59
Sử dụng Animation
9 Lesson
•
76 minutes 58 seconds
Giới thiệu Animation
04:47
Sử dụng Animation
10:01
Project 4 - Làm hiệu ứng load của website - Phần 1 HTML
04:47
Project 4 - Làm hiệu ứng load của website - Phần 2 CSS
10:19
Project 4 - Làm hiệu ứng load của website
13:33
Project 5 - Làm hiệu ứng load của website - Phần 1 HTML
05:14
Project 5 - Làm hiệu ứng load của website - Phần 2 CSS
10:32
Project 5 làm hiệu ứng load của website - phần 3 chuyển động
12:04
Tổng kết
05:41
Sử dụng JQuery kết hợp với css3
12 Lesson
•
100 minutes 09 seconds
Giới thiệu kiến thức và cách kết hợp JQuery và CSS3
05:27
Project 6 - Viết hiệu ứng Modal Box - Phần 1 - HTML
09:39
Project 6 - Viết hiệu ứng Modal Box - Phần 2 - CSS
09:30
Project 6 - Viết hiệu ứng Modal Box - Phần 3 - JQuery
16:58
Project 6 - Viết hiệu ứng Modal Box - Phần 4
06:39
Project 6 - Viết hiệu ứng Modal Box - Phần 5
04:14
Project 6 - Viết hiệu ứng Modal Box - Phần 6
09:59
Project 6 - Viết hiệu ứng Modal Box - Phần 7
08:03
Project 6 - Viết hiệu ứng Modal Box - Phần 8
09:34
Project 7 - Push menu sử dụng Jquery - Phần 1 - HTML và CSS
07:38
Project 7 - Push menu sử dụng JQuery - Phần 2
05:41
Project 7 - Push menu sử dụng JQuery - Phần 3 - Hướng dẫn các bài ứng dụng
06:47
Sử dụng JQuery viết hiệu ứng tại trang apple.com
9 Lesson
•
74 minutes 06 seconds
Giới thiệu hiệu ứng trang apple.com và kiến thức cần áp dụng
05:10
Hiệu ứng apple.com - Phần 1 HTML
05:25
Hiệu ứng apple.com - Phần 2 css
07:53
Hiệu ứng apple.com - Phần 3 Phần jquery xử lý cho nút next phần 1
09:37
Hiệu ứng apple.com - Phần 4 Phần jquery xử lý cho nút next phần 2
10:00
Hiệu ứng apple.com - Phần 5 Phần jquery xử lý cho nút next phần 3
04:25
Hiệu ứng apple.com - Phần 6 Phần jquery xử lý cho nút prev
07:14
Hiệu ứng apple.com - Phần 7 Phần jquery xử lý cho nút chuyển slide
14:42
Hiệu ứng apple.com - Phần 8 Phần jquery xử lý thời gian và hoàn thiện
09:40
Sử dụng JQuery viết hiệu ứng khác nhau cho slide
3 Lesson
•
24 minutes 49 seconds
Jquery cho các hiệu ứng slide giới thiệu
02: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ết
12:00
Sử dụng JQuery viết hiệu ứng Scroll
14 Lesson
•
126 minutes 35 seconds
Giới thiệu các kiến thức sử dụng
07:12
Project 8 - Hiệu ứng scroll thay đổi header - Phần 1 - HTML
05:12
Project 8 - Hiệu ứng scroll thay đổi header - Phần 2 - CSS
08:31
Project 8 - Hiệu ứng scroll thay đổi header - phần 3 - JQuery
11:38
Project 8 - Hiệu ứng scroll thay đổi header - phần 4 - Hướng dẫn bài tập
10:09
Project 8 - Hiệu ứng scroll thay đổi header - phần 5 - Phân tích hiệu ứng
10:36
Project 9 - Giới thiệu bài và kiến thức sử dụng - Scroll, wow js, animate
08:07
Project 9 - Bắt đầu xử lý HTML và CSS
07:34
Project 9 - Xử lý hiệu ứng JQuery
11:09
Project 9 - Sử dụng thư viện animateCss kết hợp jquery
09:42
Project 9 - Sử dụng thư viện wow.js kết hợp jquery Phần 1 HTML và CSS
10:10
Project 9 - Sử dụng thư viện wow.js kết hợp jquery phần 2 Jquery
12:29
Bài tập cuối chương áp dụng hàm scroll jquery đã học
06:24
Tổng kết phần Scroll Jquery
07:42
Hiệu ứng sắp xếp và hiệu ứng Filter
7 Lesson
•
75 minutes 43 seconds
Giới thiệu các kiến thức và project 10
07:56
Hiệu ứng sắp xếp sử dụng thư viện isotope kết hợp JQuery
09:17
Hiệu ứng Filter Phần 1 - viết mã HTML
11:39
Hiệu ứng Filter phần 2 - viết mã JQuery
10:03
Hiệu ứng Filter phần 3 - Filter bằng cách kết hợp Jquery và isotope
14:12
Hiệu ứng Filter phần 4 - Filter bằng cách Quicksearch
18:01
Tổng kết hiệu ứng Filter và sắp xếp
04:35
Hiệu ứng kết hợp Bootstrap và JQuery
9 Lesson
•
77 minutes 35 seconds
Giới thiệu kiến thức
05:56
Cài đặt cơ bản Bootstrap và Plugin
06:52
Hiệu ứng popover
09:34
Hiệu ứng tooltip
06:31
Hiệu ứng tab
09:53
Hiệu ứng modal
06:08
Hiệu ứng Carousel
05:39
Hiêu ứng scrollspy - phần 1 html
10:15
Hiệu ứng scroll spy - phần 2 - hiệu ứng scroll và animate
16:47
Hiệu ứng GSap kết hợp JQuery
9 Lesson
•
98 minutes 45 seconds
Giới thiệu kiến thức
09:54
Giới thiệu và ví dụ về tweenmax
16:25
Áp dụng tweenmax kết hợp jquery phần 1
12:24
Áp dụng tweenmax kết hợp jquery phần 2
10:50
Giới thiệu TimelineMax
16:02
Hướng dẫn kĩ thuật viết hiệu ứng loading của website phần 1
04:26
Hướng dẫn kĩ thuật viết hiệu ứng loading của website phần 2
10:12
Hướng dẫn kĩ thuật viết hiệu ứng loading của website phần 3
12:29
Hướng dẫn kĩ thuật viết hiệu ứng loading của website phần 4
06:03
BOOTSTRAP
172 Lesson
•
1573 minutes 45 seconds
Giới thiệu khóa học
12:04
Cài đặt 2 phần mềm cần thiết
13:29
Giới thiệu các thẻ html cần thiết cho cắt web
15:30
3 cách đưa css vào website
10:01
Các thuộc tính css
09:36
Áp dụng các thuộc tính đã học chữa bài 1 kênh 14
20:49
Áp dụng các thuộc tính đã học chữa bài 2 kênh 14 - Tập 1
09:28
Áp dụng các thuộc tính đã học chữa bài 2 kênh 14 - Tập 2
08:17
Giới thiệu về Class và ID trong CSS
14:05
Chữa bài tập áp dụng Class và ID
17:52
Luyện tập css cơ bản với Class và ID - Tập 1
08:03
Luyện tập css cơ bản với Class và ID - Tập 2
08:26
Luyện tập css cơ bản với Class và ID - Tập 3
10:50
Cách load và sử dụng font mới
09:27
Sử dụng font icon và cách làm hiệu ứng hover
16:35
Chữa bài megafun.vn - Tập 1
09:53
Chữa bài megafun.vn - Tập 2
15:40
Chữa bài ione.vnexpress.net
07:25
Chữa bài DOCBAO.VN - Tập 1
09:51
Chữa bài DOCBAO.VN - Tập 2
09:19
Chữa bài DOCBAO.VN - Tập 3
10:13
Chữa bài VIETNAMNET.VN - Tập 1
07:09
Chữa bài VIETNAMNET.VN - Tập 2
09:03
Chữa bài MARRY.VN - Tập 1
09:31
Chữa bài MARRY.VN - Tập 2
07:15
Chữa bài MARRY.VN - Tập 3
26:09
Chữa bài MARRY.VN - Tập 4
10:49
Chữa bài GIADINH.NET
30:07
Chữa bài SAGA.VN - Tập 1
21:01
Chữa bài SAGA.VN - Tập 2
07:24
Giới thiệu về thuộc tính Absolute và Relative
11:55
GIỚI THIỆU VỀ THUỘC TÍNH FLEX - TẬP 1
09:36
GIỚI THIỆU VỀ THUỘC TÍNH FLEX - TẬP 2
16:19
LUYỆN TẬP VỀ THUỘC TÍNH FLEX - TẬP 1
12:02
LUYỆN TẬP VỀ THUỘC TÍNH FLEX - TẬP 2
31:07
LUYỆN TẬP ABSOLUTE VỚI WEBSITE GUU.VN PHẦN 1 - TẬP 1
08:27
LUYỆN TẬP ABSOLUTE VỚI WEBSITE GUU.VN PHẦN 1 - TẬP 2
09:51
LUYỆN TẬP ABSOLUTE VỚI WEBSITE GUU.VN PHẦN 1 - TẬP 3
08:28
LUYỆN TẬP ABSOLUTE VỚI WEBSITE GUU.VN PHẦN 1 - TẬP 4
09:13
LUYỆN TẬP ABSOLUTE VỚI WEBSITE GUU.VN PHẦN 1 - TẬP 5
11:08
LUYỆN TẬP ABSOLUTE VỚI WEBSITE USATODAY.COM TẬP 1
09:35
LUYỆN TẬP ABSOLUTE VỚI WEBSITE USATODAY.COM TẬP 2
05:45
Thực hành absolute với website tiin.vn - TẬP 1
04:58
Thực hành absolute với website tiin.vn - TẬP 2
07:09
Luyện tập về thuộc tính chia layer với udemy.com
29:49
Kết hợp absolute với transition
17:33
Thuộc tính background attachment
25:05
THUỘC TÍNH ANIMATION - TẬP 1
08:45
THUỘC TÍNH ANIMATION - TẬP 2
08:51
Áp dụng thuộc tính absolute, transition, flex - TẬP 1
08:14
Áp dụng thuộc tính absolute, transition, flex - TẬP 2
08:50
Áp dụng thuộc tính absolute, transition, flex - TẬP 3
06:07
Áp dụng thuộc tính absolute, transition, flex - TẬP 4
08:56
Kết hợp absolute và hover transition
30:32
Hoàn thiện sản phẩm
03:19
Áp dụng absolute và transition chữa bài hiệu ứng - Tập 1
09:18
Áp dụng absolute và transition chữa bài hiệu ứng - Tập 2
06:18
Áp dụng absolute và transition chữa bài hiệu ứng - Tập 3
04:18
Tổng kết phần html - css và giới thiệu kiến thức mới
06:47
Giới thiệu về bootstrap phiên bản 4
10:27
Cài đặt bootstrap - Tập 1
08:21
Cài đặt bootstrap - Tập 2
06:23
Thành phần GRID trong bootstrap
20:37
Giới thiệu về responsive
12:26
Giới thiệu về alert
10:57
Giới thiệu về breadcrumb
05:23
Giới thiệu về button
09:17
Phương pháp học bootstrap
03:49
Giới thiệu về checkbox và radio button
08:15
Giới thiệu về dropdown menu
17:00
Giới thiệu về thành phần mới so với BS3: Card layout
11:47
Giới thiệu về thành phần card deck
05:09
Giới thiệu về thành phần card group
04:02
Giới thiệu về thành phần card column
07:14
Giới thiệu về thành phần carousel
06:15
Giới thiệu về thành phần collapse
10:35
Giới thiệu về thành phần form
10:32
Tổng kết và phương pháp cắt HTML/CSS dựa trên bootstrap
10:18
Thành phần menu trong bootstrap
14:09
Thành phần spacing trong bootstrap
11:22
Thành phần căn chỉnh trong bootstrap
05:34
Sử dụng card layout để tạo thông tin
04:26
Tổng kết kiến thức website số 1
04:09
Giới thiệu tạo website số 3 với bootstrap
01:58
Sử dụng navbar collapse
08:11
Sử dụng jumbotron
06:57
Thực hành Bootstrap 4 với card deck layout
08:13
Viết hiệu ứng scroll bằng jquery
06:12
Tổng kết kiến thức website số 3
05:10
Giới thiệu tạo website số 4 với bootstrap
02:43
Tạo menu responsive thế nào
04:08
Tạo hiệu ứng slide theo website
13:23
Hoàn thiện website số 4
09:21
Tổng kết kiến thức website số 4
03:18
Giới thiệu website nâng cao số 1
03:14
Tạo menu và hiệu ứng carosel bằng phím tắt
07:14
Tinh chỉnh và hoàn thiện menu
12:43
Xử lý phần khoảng cách cho menu bằng css
06:55
Xử lý phần nội dung cho carousel caption
09:23
Phương pháp xử lý responsive trong bootstrap 4
13:24
Xử lý căn chỉnh nội dung bằng row trong row
08:04
Tinh chỉnh phần nội dung chính xác bằng css
12:23
Xử lý khối thông tin website chứa facebook button
06:14
Hoàn thiện khối thông tin website với css
06:00
Hoàn thiện footer
09:20
CREATIVE THEME - BƯỚC CHUẨN BỊ
04:27
CREATIVE THEME - TẠO KHUNG HTML - TẬP 1
08:29
CREATIVE THEME - TẠO KHUNG HTML - TẬP 2
06:33
CREATIVE THEME - TẠO CSS CHO PHẦN BANNER - TẬP 1
08:32
CREATIVE THEME - TẠO CSS CHO PHẦN BANNER - TẬP 2
04:53
VELOCITY THEME - XỬ LÝ RESPONSIVE - TẬP 1
07:06
VELOCITY THEME - XỬ LÝ RESPONSIVE - TẬP 2
03:51
CREATIVE THEME - XỬ LÝ KHỐI GIỚI THIỆU
08:40
CREATIVE THEME - XỬ LÝ PHẦN CHIA CỘT - TẬP 1
04:55
CREATIVE THEME - XỬ LÝ PHẦN CHIA CỘT - TẬP 2
05:45
CREATIVE THEME - XỬ LÝ KHỐI SẢN PHẨM - TẬP 1
09:14
CREATIVE THEME - XỬ LÝ KHỐI SẢN PHẨM - TẬP 2
07:52
CREATIVE THEME - XỬ LÝ HIỆU ỨNG JQUERY
07:54
VELOCITY THEME - BẮT ĐẦU VỚI MENU
08:15
VELOCITY THEME - TẠO BANNER
06:49
VELOCITY THEME - TẠO CSS CHO PHẦN LOGO - TẬP 1
06:22
VELOCITY THEME - TẠO CSS CHO PHẦN LOGO - TẬP 2
06:32
VELOCITY THEME - TẠO CSS CHO MENU RESPONSIVE - TẬP 1
06:24
VELOCITY THEME - TẠO CSS CHO MENU RESPONSIVE - TẬP 2
04:44
VELOCITY THEME - TẠO CSS CHO MENU RESPONSIVE - TẬP 3
09:09
VELOCITY THEME - TẠO CSS CHO PHẦN BANNER RESPONSIVE
07:59
VELOCITY THEME - TẠO PHẦN DỊCH VỤ - TẬP 1
07:09
VELOCITY THEME - TẠO PHẦN DỊCH VỤ - TẬP 2
08:49
VELOCITY THEME - XỬ LÝ HIỆU ỨNG SLIDE - TẬP 1
07:01
VELOCITY THEME - XỬ LÝ HIỆU ỨNG SLIDE - TẬP 2
05:36
VELOCITY THEME - HIỆU ỨNG JQUERY - TẬP 1
06:40
VELOCITY THEME - HIỆU ỨNG JQUERY - TẬP 2
07:51
GIỚI THIỆU PHẦN MỀM PHOTOSHOP
05:02
BƯỚC CHUẨN BỊ CHO CẮT WEB
09:01
SỬ DỤNG BOOTSTRAP TẠO KHUNG MENU
04:07
TẠO CSS CHO MENU TRÊN MÀN HÌNH DESKTOP
08:46
TẠO CSS CHO MENU TRÊN MÀN HÌNH IPHONE
03:56
TẠO KHUNG HTML CHO SLIDE BANNER
06:24
TẠO CSS CHO SLIDE BANNER - TẬP 1
11:31
TẠO CSS CHO SLIDE BANNER - TẬP 2
08: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ỆN
01:32
PHẦN CHUẨN BỊ
02:57
XỬ LÝ CSS CHO PHẦN TOP HEADER
06:08
XỬ LÝ CSS CHO PHẦN MENU TRÊN
12:28
TẠO KHUNG HTML CHO PHẦN BANNER
03:05
XỬ LÝ CSS CHO PHẦN BANNER
11:14
XỬ LÝ PHẦN HTML CHO KHỐI THÔNG TIN
02:55
XỬ LÝ CSS CHO PHẦN KHỐI THÔNG TIN
04:31
XỬ LÝ HTML CHO KHỐI SẢN PHẨM
04:54
XỬ LÝ CSS CHO KHỐI SẢN PHẨM
12:04
BƯỚC CHUẨN BỊ
01:49
XỬ LÝ PHẦN HTML CHO PHẦN LOGO VÀ MENU
05:22
XỬ LÝ PHẦN CSS CHO MENU
12:52
XỬ LÝ HTML CHO PHẦN BANNER
06:57
XỬ LÝ CSS CHO PHẦN BANNER
11: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ỆN
01:26
CẮT WEB THEFOX- BƯỚC CHUẨN BỊ
06:06
CẮT WEB THEFOX - TẠO KHUNG HTML CHO TOPHEADER
05:51
CẮT WEB THEFOX - TẠO CSS CHO PHẦN TOPHEADER
16:07
TẠO HTML CHO PHẦN MENU
07:22
CẮT WEB THEFOX - TẠO CSS CHO PHẦN MENU
11:28
CẮT WEB THEFOX - TẠO CSS CHO MENU TRÊN IPHONE
04:00
CẮT WEB THEFOX- TẠO KHUNG HTML CHO BANNER
09:30
CẮT WEB THEFOX- TẠO CSS CHO PHẦN BANNER
12:51
CẮT WEB THEFOX - TẠO HTML CHO PHẦN GIỚI THIỆU
05:49
CẮT WEB THEFOX - TẠO CSS CHO PHẦN GIỚI THIỆU
08:14
CẮT WEB THEFOX - HƯỚNG DẪN XỬ LÝ CÁC PHẦN CÒN LẠI
03:20
Tổng kết khóa học
09:52

Instructor

Edumall

Review

0 Review

(0)

No data

Ecosystem

Product

Resources

General policies & support

Scan to join Medoo's community

The website is running in test mode, waiting for licensing from the Ministry of Industry and Trade.