Bài giảng trước
Bài giảng sau
FRONTEND - 04 - Học tất tần tật về Javascrip từ đầu
0%
01 - Giới thiệu khóa học
001 - Giới thiệu khóa học & File đính kèm
02 - Cài đặt
002 - Cài đặt editor và plugin javascript snippet
003 - Cài đặt template sử dụng trong khóa học
03 - Chương trình đầu tiên và khái niệm cơ bản về javascript
004 - Khởi động với hàm đầu tiên trong javasript
005 - Khái niệm về biến trong javascript
04 - Toán tử, định danh và câu lệnh so sánh trong javascript
006 - Toán tử và áp dụng trong viết hiệu ứng click
007 - Định danh trong javascript
008 - Câu lệnh so sánh trong javascript
05 - Kiểu hay sử dụng nhất trong javascript - Mảng và đối tượng
009 - Mảng là gì - Tại sao phải dùng mảng
010 - 3 cách khai bảo mảng
011 - Kiểu dữ liệu đối tượng
012 - Thao tác với kiểu dữ liệu đối tượng
013 - Dấu nháy và các toán tử rút gọn
06 - Xử lý text, xử lý số và sử dụng vòng lặp trong javascript
014 - Vòng lặp
015 - Vòng lặp for in
016 - Use Strict là gì
017 - Xử lý text trong javascript
018 - Xử lý số trong javascript
07 - Hàm và các loại hàm sử dụng trong javascript
019 - Hàm là gì
020 - Thực hành với hàm có tham số và không có tham số
021 - Return là gì - hai tác dụng của return
022 - Clousure function hay sử dụng
023 - Thao tác với kiểu dữ liệu đối tượng - vì sao cần phải có constructor
023.2 - Khái niệm const
023.3 - Khái niệm chuỗi thay thế trong javascript
08 - Javascript thay cho Jquery
023.4 - Giới thiệu 4 hàm mới sử dụng trong vẽ giao diện frontend bằng javascript
023.5 - Tạo dữ liệu demo và duyệt mảng phức hợp
023.6 - Hoàn thiện ví dụ demo bằng cách sử dụng Template String trong javascript
024 - Giới thiệu phần học javascript thuần viết cho frontend
09 - Sử dụng vòng lặp thao tác với thẻ HTML
025 - Cách truy xuất đến một phần tử và thay đổi giá trị của phần tử trong javascript
026 - Sử dụng vòng lặp thao tác với các thẻ HTML
10 - Các hàm truy xuất phần tử dành cho Frontend
027 - Sử dụng ID trong javascript
028 - Sử dụng Class trong javascript
029 - Sử dụng hàm querySelector
030 - Hàm đa năng sử dụng nhiều nhất - querySelectorAll
11 - Các hàm xử lý giao diện của javascript
031 - Ba hàm xử lý giao diện cực mạnh trong javascript
032 - Xử lý sự kiện trong javascript và khái niệm về document ready
12 - Học viết hiệu ứng thực tế qua bài tập
033 - Bắt đầu viết hiệu ứng bằng javascript thuần dựa trên kiến thức đã học
034 - Phương pháp viết hiệu ứng javascript với Animation
13 - Phương pháp viết hiệu ứng hai chiều với Animation
035 - Viết hiệu ứng 2 chiều nâng cao với javascript
036 - Áp dụng javascript vào animation 2 chiều
14 - Viết hiệu ứng tương tác notification của facebook
037 - Viết lại các hiệu ứng tương tác của facebook bằng javascript - Phần HTML
038 - Hiệu ứng tương tác facebook - Phần CSS
039 - Viết hiệu ứng javascript như facebook - Phần 1
040 - Viết hiệu ứng javascript như facebook - Phần 2
15 - Phương pháp viết hiệu ứng tổng quát thông qua truyền tham số bằng HTML5
041 - Phương pháp viết hiệu ứng tổng quát hóa trong truyền dữ liệu của javascript
042 - Truyền tham số giữa HTML và Javascript thế nào
043 - Học cách viết javascript cho frontend dạng tổng quát
16 - Viết hiệu ứng tổng quát cho Facebook bằng phương pháp truyền tham số
044 - Áp dụng phương pháp tham số HTML qua thực hành hiệu ứng Facebook - Phần HTML
045 - Tạo CSS cho phần giao diện hiệu ứng
046 - Xử lý hiệu ứng cho Icon bằng javascript
047 - Hoàn thiện phần gửi nhận thông tin qua HTML bằng javascript
17 - Tóm tắt phần kiến thức cơ bản javascript
048 - Xử lý if else đối với hiệu ứng click
049 - Tổng kết kiến thức javascript học được
18 - Viết hiệu ứng tương tác menu - phần HTML-CSS
050 - Tống kết kiến thức đã học và giới thiệu phần bài tập xử lý menu
051 - Phần HTML cho hiệu ứng Menu bằng javascript
052 - Phần CSS cho giao diện menu
19 - Viết hiệu ứng tương tác menu - phần Javascript
053 - Phần javascript cho hiệu ứng
054 - Phần javascript hoàn thiện và cách sử dụng biểu đồ tốc độ
055 - Hướng dẫn cách xử lý các hiệu ứng còn lại
20 - Các hàm cần thiết để thao tác với hiệu ứng Scroll
057 - Bắt sự kiện và tính vị trí
058 - Bài tập đầu tiên với hàm scroll
21 - Xử lý phần giao diện và tương tác cho hiệu ứng Scroll đầu tiên
059 - Xử lý phần giao diện
060 - Xử lý phần javascript
061 - Hoàn thiện hiệu ứng scroll sử dụng javascript
22 - Viết hàm tương tác Scroll qua bài tập thực tế trên facebook - kenh14
062 - Thực hành viết hàm scroll qua bài tập thực tế
063 - Viết hàm javascript xử lý phần Menu Scroll
064 - Viết javascript tương tác cho cột bên phải
065 - Tổng kết các hàm javascript xử lý cho tương tác scroll
23 - Viết hiệu ứng load bằng Javascript
066 - Viết hiệu ứng load bằng javascript
23.2 - 'Đổ bê tông' kiến thức qua bài tập thực hành Javascript
140 - CSS3 tóm tắt các thuộc tính cơ bản
(23:31)
140 - CSS3 tóm tắt các thuộc tính cơ bản (1)
141 - Áp dụng thuộc tính tâm quay kết hợp với javascript
(19:21)
142 - Áp dụng hiệu ứng CSS3 sử dụng thuộc tính tâm quay
(09:13)
143 - Sử dụng After Before kết hợp với Scale
(09:35)
144 - Sử dụng thuộc tính Transform Style và Perspective cho hiệu ứng 3D
(17:17)
145 - Thực hành thuộc tính CSS 3D qua bài tập đặc trưng tạo hình lập phương bằng 6 div
(15:55)
146 - Thực hành làm hiệu ứng Youtube bằng Javascript - Phần 1 khởi động
(12:56)
147 - Thực hành làm hiệu ứng Youtube bằng Javascript - Phần 2 xử lý Javascript
(09:56)
148 - Thực hành Javascript qua bài tập làm tương tác trên Lazada.vn
(03:11)
149 - Tạo hiệu ứng Logo cho website Lazada.vn
(05:50)
150 - Xử lý phần cuộn chuột cho website Lazada.vn
(12:26)
151 - Hoàn thiện phần hiệu ứng logo cho website Lazada.vn
(07:35)
152 - Xử lý phần hiệu ứng cuộn chuột thay đổi menu cho Lazada
(04:27)
153 - Xử lý hiệu ứng tương tác cho nút 'Tất cả danh mục'
(05:31)
154 - Xử lý phần logic của việc click vào nút 'Tất cả danh mục'
(05:58)
155 - Hoàn thiện phần tương tác menu của Lazada
(07:10)
156 - Khởi động hiệu ứng Content Slider với phần HTML
(06:27)
157 - Xử lý giao diện Content Slider với CSS
(09:07)
158 - Logic và thao tác với phần nút điều hướng Content Slider
(09:31)
159 - Phần Javascript tương tác với nội dung
(09:03)
160 - Hoàn thiện hiệu ứng Content Slider
(03:33)
24 - Khởi động Project viết hiệu ứng Slide bằng javascript
067 - Viết hiệu ứng Slide bằng javascript
068 - Khởi động project Slide bằng javascript
25 - Phương thức xử lý phần chuyển Slide bằng javascript
069 - Xử lý CSS phần chuyển slide
(05:00)
070 - Viết javascript cho phần chuyển slide
26 - Cách xử lý giao diện luôn luôn Full màn hình
071 - Xử lý phần bố cục HTML cho nội dung slide
072 - Cách xử lý giao diện lúc nào cũng full màn hình
27 - Dựng bố cục và nội dung cho Slide
073 - Dựng bố cục cơ bản cho Slide bằng relative và absolute
074 - Xử lý chi tiết giao diện của Slide và hoàn thiện giao diện
28 - Logic của việc tạo hiệu ứng chuyển động trong Slide
075 - Tính vị trí của đối tượng bằng Javascript
076 - Viết hiệu ứng Slide chuyển động tương ứng khi click vào nút
077 - Logic của việc tạo hiệu ứng chuyển động bằng CSS3 kết hợp với javascript
29 - Hoàn thiện hiệu ứng
078 - Viết hoàn chỉnh hiệu ứng chuyển động của toàn bộ slide - Phần 1
079 - Viết hoàn chỉnh hiệu ứng chuyển động của toàn bộ slide - Phần 2
30 - Viết hàm Auto Slide
080 - Lý thuyết về auto slide
081 - Tính xem đang ở Slide nào
082 - Viết hàm tự chuyển động
083 - Hoàn thiện hiệu ứng Javascript auto slide
084 - Ý nghĩa của hàm clearInterval
31 - Khởi động projec thứ 2 viết hiệu ứng slide nâng cao
085 - Giới thiệu phần hướng dẫn viết hiệu ứng nâng cao
086 - Khởi động project với HTML
32 - Hoàn thiện phần giao diện
087 - Xử lý giao diện Project trực tiếp bằng Chrome Dev Tool
088 - Hoàn thiện giao diện chuẩn bị cho viết tương tác bằng Javascript
33 - Logic của hàm javascript
089 - Phân tích logic của chương trình
090 - Cách xác định phần tử hiện tại và phần tử tiếp theo khi ấn nút Next
34 - Viết chuyển động bằng Javascript và CSS3
091 - Thêm chuyển động bằng Javascript
092 - Viết CSS3 cho chuyển động đầu tiên
(06:02)
35 - Giới thiệu hàm Javascript check trạng thái của chuyển động
093 - Phân tích luồng hoạt động tiếp theo của hiệu ứng tương tác
(05:09)
094 - Giới thiệu hàm Javascript check trạng thái của chuyển động
(08:36)
36 - Hoàn thiện hàm xử lý nút next của hiệu ứng
095 - Check chuyển động slide kết thúc
096 - Hoàn thiện hiệu ứng tương tác cho nút next trong slide
(10:10)
37 - Xử lý lỗi click liên tiếp nhiều lần
097 - Xử lý lỗi khi click liên tiếp nhiều lần
(08:32)
098 - Xử lý chi tiết biến 'trạng thái' trong chương trình
(11:26)
38 - Hoàn thiện hàm xử lý nút previous của hiệu ứng
099 - Viết hàm Javascript xử lý cho nút Previous
(09:50)
100 - Tạo chuyển động sử dụng Javascript
(05:08)
101 - Tạo chuyển động sử dụng CSS
102 - Hoàn thiện logic cho nút Previous
39 - Phương pháp đóng gói code trong javascript
103 - Sử dụng kiến thức về Function và tham số để đóng gói code
104 - Viết Javascript chi tiết cho việc đóng gói Code
40 - Sử dụng thành thạo toán tử 3 ngôi qua việc đóng gói code
105 - Sử dụng toán tử ba ngôi viết 1 dòng bằng 6 dòng
(10:22)
106 - Áp dụng toán tử 3 ngôi trong việc đóng gói code - Phần 1
(10:10)
107 - Áp dụng toán tử 3 ngôi trong việc đóng gói code - Phần 2
(08:17)
108 - Áp dụng toán tử 3 ngôi trong việc đóng gói code - Phần 3
(07:08)
41 - Thiết kế hiệu ứng số 2 và số 3
109 - Chữa bài tập số 2 về thiết kế hiệu ứng hiển thị trên Slide
(07:50)
110 - Chữa bài tập số 3 về thiết kế hiệu ứng hiển thị trên Slide
(04:22)
42 - Phản xạ về cách viết hiệu ứng CSS3 qua 6 bài tập
111 - Ứng dụng 4 về xử lý hiệu ứng
(06:29)
112 - Bài tập 5 về hiệu ứng javascript
(10:10)
113 - Bài tập 6 về hiệu ứng javascript
(07:40)
114 - Bài tập 7 về hiệu ứng javascript
(06:42)
115 - Bài tập 8 về hiệu ứng javascript
(06:45)
116 - Bài tập 9 về hiệu ứng javascript
(05:39)
43 - Khởi động project viết hiệu ứng tương tác ảnh của Facebook bằng Javascript
117 - Viết chức năng tương tác ảnh của facebook bằng javascript native
(03:39)
118 - Dựng HTML cho project viết tương tác ảnh trên facebook
(07:05)
44 - Hoàn thiện phần setup HTML - CSS
119 - Hoàn chỉnh HTML nội dung cho tương tác ảnh trên facebook
(06:41)
120 - Phần CSS cho nội dung
(10:56)
121 - Hoàn thiện giao diện HTML - CSS
(08:29)
45 - Viết Javascript cho chức năng ban đầu của chương trình
122 - Xử lý logic ban đầu cho chương trình
(08:16)
123 - Xử lý javascript cho khối nền
(03:06)
124 - Viết Javascript cho chức năng đóng cửa sổ
(06:57)
125 - Xử lý phần nội dung hiển thị ra
(03:00)
46 - Lại xử lý tiếp CSS
126 - Xử lý phần CSS cho khối thông tin ảnh facebook
(06:01)
127 - Xử lý hiển thị khối thông tin bằng javascript
(05:44)
47 - Bắt đầu Code phần ảnh
128 - Bắt đầu làm phần ảnh
(04:00)
129 - Xử lý phần CSS cho khối các ảnh
(12:40)
130 - Căn giữa một phần tử theo chiều dọc thế nào
(08:46)
48 - Lại xử lý tiếp Javascript
131 - Logic code của phần gallery ảnh
(08:01)
132 - Sử dụng Javascript nhận biết ảnh Active
(13:37)
133 - Cách xử lý code sau khi active và bí mật của nút X
(08:43)
49 - Logic thực hiện hiệu ứng chuyển ảnh của Facebook
134 - Logic thực hiện việc chuyển ảnh của Facebook
(03:43)
135 - Xác định chỉ số phần tử hiện tại bằng Javascript
(04:48)
136 - Xác định chỉ số phần tử tiếp theo bằng Javascript
(08:19)
50 - Hoàn thiện hiệu ứng ảnh Facebook
137 - Xử lý hoàn thiện logic cho nút Next facebook
(07:16)
138 - Xử lý nút Prev Facebook
(03:49)
51 - Bài tập nâng cao cho phần tương tác ảnh Facebook
139 - Bài tập làm hoàn chỉnh hiệu ứng ảnh facebook
(05:09)
Updating..................
023.4 - Giới thiệu 4 hàm mới sử dụng trong vẽ giao diện frontend bằng javascript
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