Bài giảng trước
Bài giảng sau
FRONTEND - 03 - Học JQuery từ cơ bản đến nâng cao
0%
Phần 1 - Tổng quan về JQuery
001- Giới thiệu jQuery
(08:06)
File đính kèm khóa học
Phần 2 - Phần 2 Cài đặt và chạy file jquery
002 - Giới thiệu và cài đặt sublime text và plugin emmet
(11:46)
003 - Cài đặt plugin khác và cách sử dụng
(11:19)
004 - Cài đặt jquery và ví dụ đầu tiên với jquery
(14:09)
Phần 3 - Giới thiệu 3 phần quan trọng của jquery
005 - Thực hành các hàm cơ bản của jquery qua ví dụ
(23:19)
Phần 4 - Khởi động project 1 với hiệu ứng accordion
006 - Giới thiệu project và tạo file ban đầu
(09:01)
007 - Xử lý phần html và css
(09:07)
008 - Xử lý phần jquery, giới thiệu hàm next(), slideUp, slideToggle và các hàm xử lý class
(13:11)
009 - Tổng kết kiến thức học từ bài 1
(03:38)
Phần 5 - Project số 2 - Onepage website
010 - Giới thiệu project và xu hướng web one page
(09:40)
011 - One page website phần html
(05:34)
012 - One page website phần css
(13:51)
013 - One page website phần jquery hàm chuyển động body
(10:19)
014 - One page website phần jquery giới thiệu hàm offset
(14:37)
015 - Hướng dẫn bài ứng dụng và tổng kết kiến thức project 2
(04:58)
Phần 6 - Project 3 hiệu ứng ảnh
016 - Giới thiệu project 3 và các kiến thức áp dụng
(04:53)
017 - Qui trình làm bài hiệu ứng và setup ban đầu
(08:19)
018 - Viết mã Html
(09:21)
019 - Viết mã Css
(10:07)
020 - Viết mã jquery phần xử lý cho nút
(06:42)
021 - Viết mã jquery phần xử lý hiệu ứng phóng to ảnh
(10:29)
022 - Viết mã jquery phần xử lý tổng hợp
(04:42)
023 - Tổng kết kiến thức đã học trong project 3
(03:46)
Phần 7 - Giới thiệu các thuộc tính css3 nâng cao cho hiệu ứng
024 - Giới thiệu các kiến thức sẽ học trong phần 7
(07:25)
025 - Giới thiệu các thuộc tính cơ bản của css3
(17:02)
026 - Giới thiệu dòng thuộc tính transform và transition
(15:25)
Phần 8 - Áp dụng transition làm hiệu ứng
027 - Viết mã HTML
(03:29)
028 - Viết mã Css và hiệu ứng
(17:14)
029 - Sử dụng hàm tweenmax cho hiệu ứng load nội dung
(03:41)
030 - Viết mã HTML
(03:55)
031 - Viết mã CSS
(06:39)
032 - Phần CSS hiệu ứng
(07:04)
033 - Sử dụng hàm tweenmax kết hợp jquery cho hiệu ứng load
(11:18)
034 - Giới thiệu thuộc tính transition delay cho các ứng dụng khác
(03:59)
Phần 9 - Sử dụng animation
035 - Giới thiệu Animation
(04:47)
036 - Sử dụng Animation
(10:01)
037 - Project 4 - Làm hiệu ứng load của website - Phần 1 HTML
(04:47)
038 - Project 4 - Làm hiệu ứng load của website - Phần 2 CSS
(10:19)
039 - Project 4 - Làm hiệu ứng load của website
(13:33)
040 - Project 5 - Làm hiệu ứng load của website - Phần 1 HTML
(05:14)
041 - Project 5 - Làm hiệu ứng load của website - Phần 2 CSS
(10:32)
042 - Project 5 làm hiệu ứng load của website - phần 3 chuyển động
(12:04)
043 - Tổng kết
(05:41)
Phần 10 - Sử dụng JQuery kết hợp với css3
044 - Giới thiệu kiến thức và cách kêt hợp JQuery và CSS3
(05:27)
045 - Project 6 - Viết hiệu ứng Modal Box - Phần 1 - HTML
(09:39)
046 - Project 6 - Viết hiệu ứng Modal Box - Phần 2 - CSS
(09:30)
047 - Project 6 - Viết hiệu ứng Modal Box - Phần 3 - JQuery
(16:58)
048 - Project 6 - Viết hiệu ứng Modal Box - Phần 4 - Các hiệu ứng slideIn, slideIn Bottom, newspaper
(06:39)
049 - 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
(04:14)
050 - Project 6 - Viết hiệu ứng Modal Box - Phần 6 - Thuộc tính perspective, rotateY(), tâm quay
(09:59)
051 - 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
(08:03)
052 - 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
(09:34)
053 - Project 7 - Push menu sử dụng Jquery - Phần 1 - HTML và CSS
(07:38)
054 - Project 7 - Push menu sử dụng JQuery - Phần 2
(05:41)
055 - Project 7 - Push menu sử dụng JQuery - Phần 3 - Hướng dẫn các bài ứng dụng khác
(06:47)
Phần 11 - Sử dụng jquery viết hiệu ứng tại trang apple.com
056 - Giới thiệu hiệu ứng trang apple.com và kiến thức cần áp dụng
(05:10)
057 - Hiệu ứng apple.com - Phần 1 HTML
(05:25)
058 - Hiệu ứng apple.com - Phần 2 css
(07:53)
059 - Hiệu ứng apple.com - Phần 3 Phần jquery xử lý cho nút next phần 1
(09:37)
060 - Hiệu ứng apple.com - Phần 4 Phần jquery xử lý cho nút next phần 2
(10:00)
061 - Hiệu ứng apple.com - Phần 5 Phần jquery xử lý cho nút next phần 3
(04:25)
062 - Hiệu ứng apple.com - Phần 6 Phần jquery xử lý cho nút prev
(07:14)
063 - Hiệu ứng apple.com - Phần 7 Phần jquery xử lý cho nút chuyển slide
(14:42)
064 - Hiệu ứng apple.com - Phần 8 Phần jquery xử lý thời gian và hoàn thiện hiệu ứng
(09:40)
Phần 12 - Sử dụng jquery viết các kiểu hiệu ứng khác nhau cho slide
065 - Jquery cho các hiệu ứng slide giới thiệu
(02:20)
066 - Jquery cho các hiệu ứng slide hiệu ứng 'let me in'
(10:29)
067 - 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)
Phần 13 - Sử dụng jquery viết các hiệu ứng Scroll
068 - Giới thiệu các kiến thức sử dụng
(07:12)
069 - Project 8 - Hiệu ứng scroll thay đổi header - Phần 1 - HTML
(05:12)
070 - Project 8 - Hiệu ứng scroll thay đổi header - Phần 2 - CSS
(08:32)
071 - Project 8 - Hiệu ứng scroll thay đổi header - phần 3 - JQuery
(11:38)
072 - Project 8 - Hiệu ứng scroll thay đổi header - phần 4 - hướng dẫn bài tập áp dụng
(10:09)
073 - 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ế
(10:36)
074 - Project 9 - Giới thiệu bài và kiến thức sử dụng - Scroll, wow js, animate css
(08:07)
075 - Project 9 - Bắt đầu xử lý HTML và CSS
(08:39)
076 - Project 9 - Xử lý hiệu ứng JQuery
(11:09)
077 - Project 9 - Sử dụng thư viện animateCss kết hợp jquery
(09:42)
078 - Project 9 - Sử dụng thư viện wow.js kết hợp jquery Phần 1 HTML và CSS
(10:10)
079 - Project 9 - Sử dụng thư viện wow.js kết hợp jquery phần 2 Jquery
(12:29)
080 - Bài tập cuối chương áp dụng hàm scroll jquery đã học
(06:24)
081 - Tổng kết phần Scroll Jquery
(07:42)
Phần 14 - Hiệu ứng sắp xếp và hiệu ứng Filter
082 - Giới thiệu các kiến thức và project 10
(07:56)
083 - Hiệu ứng sắp xếp sử dụng thư viện isotope kết hợp JQuery
(09:17)
084 - Hiệu ứng Filter Phần 1 - viết mã HTML
(11:39)
085 - Hiệu ứng Filter phần 2 - viết mã JQuery
(10:03)
086 - Hiệu ứng Filter phần 3 - Filter bằng cách kết hợp Jquery và isotope
(14:12)
087 - Hiệu ứng Filter phần 4 - Filter bằng cách Quicksearch
(18:01)
088 - Tổng kết hiệu ứng Filter và sắp xếp
(04:35)
Phần 15 - Hiệu ứng kết hợp Bootstrap và JQuery
089 - Giới thiệu kiến thức
(05:56)
090 - Cài đặt cơ bản Bootstrap và Plugin
(06:52)
091 - Hiệu ứng popover
(09:34)
092 - Hiệu ứng tooltip
(06:31)
093 - Hiệu ứng tab
(09:53)
094 - Hiệu ứng modal
(06:08)
095 - Hiệu ứng Carousel
(05:39)
096 - Hiêu ứng scrollspy - phần 1 html
(10:15)
097 - Hiệu ứng scroll spy - phần 2 - hiệu ứng scroll và animate
(16:47)
Phần 16 - Hiệu ứng GSap kết hợp JQuery
099 - Giới thiệu kiến thức
(09:54)
100 - Giới thiệu và ví dụ về tweenmax
(16:25)
101 - Áp dụng tweenmax kết hợp jquery
(12:24)
102 - Giới thiệu TimelineMax
(10:50)
103 - Giới thiệu bài tập luyện tập kiến thức tổng hợp
(16:04)
104 - Hướng dẫn kĩ thuật viết hiệu ứng loading của website
(04:26)
105 - Hướng dẫn kĩ thuật viết hiệu ứng loading của website
(10:12)
106 - Tổng kết phần 6
(12:29)
Phần 17 - Tổng kết khóa học
107 - Tổng kết kiến thức khóa học
(06:03)
108 - Bài tập mở rộng
(12:09)
056 - Giới thiệu hiệu ứng trang apple.com và kiến thức cần áp dụng
Hoàn thành
Chúc mừng, bạn đã hoàn thành khóa học này!
Quay lại
Thông báo!
Đóng
Thông báo!
Đóng
0
bình luận
Đăng