056 - Giới thiệu hiệu ứng trang apple.com và kiến thức cần áp dụng-Trung tâm đào tạo Fedu

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

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

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

Chúc mừng, bạn đã hoàn thành khóa học này!