DONATE 200k ĐỂ ĐƯỢC CẤP QUYỀN TRUY CẬP TẤT CẢ CÁC KHÓA HỌC IT: Click me!

CHƯƠNG 01. GIỚI THIỆU KHÓA HỌC (HƯỚNG DẪN XEM VIDEO)

• Bài 01. Giới thiệu khóa học xem video (FREE)

CHƯƠNG 02. CÀI ĐẶT (HƯỚNG DẪN XEM VIDEO)

• Bài 02. Cài đặt editor và plugin javascript snippet xem video (FREE)

• Bài 03. Cài đặt template sử dụng trong khóa học xem video (FREE)

CHƯƠNG 03. CHƯƠNG TRÌNH ĐẦU TIÊN VÀ KHÁI NIỆM CƠ BẢN VỀ JAVASCRIPT (HƯỚNG DẪN XEM VIDEO)

• Bài 04. Khởi động với hàm đầu tiên trong javasript xem video (FREE)

• Bài 05. Khái niệm về biến trong javascript xem video (FREE)

CHƯƠNG 04. TOÁN TỬ, ĐỊNH DANH VÀ CÂU LỆNH SO SÁNH TRONG JAVASCRIPT (HƯỚNG DẪN XEM VIDEO)

• Bài 06. Toán tử và áp dụng trong viết hiệu ứng click xem video (FREE)

• Bài 07. Định danh trong javascript xem video (FREE)

• Bài 08. Câu lệnh so sánh trong javascript xem video (FREE)

CHƯƠNG 05. KIỂU HAY SỬ DỤNG NHẤT TRONG JAVASCRIPT - MẢNG VÀ ĐỐI TƯỢNG (HƯỚNG DẪN XEM VIDEO)

• Bài 09. Mảng là gì - Tại sao phải dùng mảng xem video (FREE)

• Bài 10. 3 cách khai bảo mảng xem video (FREE)

• Bài 11. Kiểu dữ liệu đối tượng xem video (FREE)

• Bài 12. Thao tác với kiểu dữ liệu đối tượng xem video (FREE)

• Bài 13. Dấu nháy và các toán tử rút gọn xem video (FREE)

CHƯƠNG 06. XỬ LÝ TEXT, XỬ LÝ SỐ VÀ SỬ DỤNG VÒNG LẶP TRONG JAVASCRIPT (HƯỚNG DẪN XEM VIDEO)

• Bài 14. Vòng lặp xem video

• Bài 15. Vòng lặp for in xem video

• Bài 16. Use Strict là gì xem video

• Bài 17. Xử lý text trong javascript xem video

• Bài 18. Xử lý số trong javascript xem video

CHƯƠNG 07. HÀM VÀ CÁC LOẠI HÀM SỬ DỤNG TRONG JAVASCRIPT (HƯỚNG DẪN XEM VIDEO)

• Bài 19. Hàm là gì xem video

• Bài 20. Thực hành với hàm có tham số và không có tham số xem video

• Bài 21. Return là gì - hai tác dụng của return xem video

• Bài 22. Clousure function hay sử dụng xem video

• Bài 23. Thao tác với kiểu dữ liệu đối tượng - vì sao cần phải có constructor xem video

• Bài 24. Khái niệm chuỗi thay thế và const xem video

CHƯƠNG 08. JAVASCRIPT THAY CHO JQUERY (HƯỚNG DẪN XEM VIDEO)

• Bài 25. Giới thiệu một số hàm xử lý frontend trong javascript xem video

• Bài 26. Giới thiệu phần học javascript thuần viết cho frontend xem video

CHƯƠNG 09. SỬ DỤNG VÒNG LẶP THAO TÁC VỚI THẺ HTML (HƯỚNG DẪN XEM VIDEO)

• Bài 27. Cách truy xuất đến một phần tử và thay đổi giá trị của phần tử trong javascript xem video

• Bài 28. Sử dụng vòng lặp thao tác với các thẻ HTML xem video

CHƯƠNG 10. CÁC HÀM TRUY XUẤT PHẦN TỬ DÀNH CHO FRONTEND (HƯỚNG DẪN XEM VIDEO)

• Bài 29. Sử dụng ID trong javascript xem video

• Bài 30. Sử dụng Class trong javascript xem video

• Bài 31. Sử dụng hàm querySelector xem video

• Bài 32. Hàm đa năng sử dụng nhiều nhất - querySelectorAll xem video

CHƯƠNG 11. CÁC HÀM XỬ LÝ GIAO DIỆN CỦA JAVASCRIPT

• Bài 33. Ba hàm xử lý giao diện cực mạnh trong javascript xem video

• Bài 34. Xử lý sự kiện trong javascript và khái niệm về document ready xem video

CHƯƠNG 12. HỌC VIẾT HIỆU ỨNG THỰC TẾ QUA BÀI TẬP (HƯỚNG DẪN XEM VIDEO)

• Bài 35. Bắt đầu viết hiệu ứng bằng javascript thuần dựa trên kiến thức đã học xem video

• Bài 36. Phương pháp viết hiệu ứng javascript với Animation xem video

CHƯƠNG 13. PHƯƠNG PHÁP VIẾT HIỆU ỨNG HAI CHIỀU VỚI ANIMATION

• Bài 37. Viết hiệu ứng 2 chiều nâng cao với javascript xem video

• Bài 38. Áp dụng javascript vào animation 2 chiều xem video

CHƯƠNG 14. VIẾT HIỆU ỨNG TƯƠNG TÁC NOTIFICATION CỦA FACEBOOK

• Bài 39. Viết lại các hiệu ứng tương tác của facebook bằng javascript – Phần HTML xem video

• Bài 40. Hiệu ứng tương tác facebook – Phần CSS xem video

• Bài 41. Viết hiệu ứng javascript như facebook – Phần 1 xem video

• Bài 42. Viết hiệu ứng javascript như facebook – Phần 2 xem video

CHƯƠNG 15. PHƯƠNG PHÁP VIẾT HIỆU ỨNG TỔNG QUÁT THÔNG QUA TRUYỀN THAM SỐ BẰNG HTML5

• Bài 43. Phương pháp viết hiệu ứng tổng quát hóa trong truyền dữ liệu của javascript xem video

• Bài 44. Truyền tham số giữa HTML và Javascript thế nào xem video

• Bài 45. Học cách viết javascript cho frontend dạng tổng quát xem video

CHƯƠNG 16. VIẾT HIỆU ỨNG TỔNG QUÁT CHO FACEBOOK BẰNG PHƯƠNG PHÁP TRUYỀN THAM SỐ

• Bài 46. Áp dụng phương pháp tham số HTML qua thực hành hiệu ứng Facebook – Phần HTML xem video

• Bài 47. Tạo CSS cho phần giao diện hiệu ứng xem video

• Bài 48. Xử lý hiệu ứng cho Icon bằng javascript xem video

• Bài 49. Hoàn thiện phần gửi nhận thông tin qua HTML bằng javascript xem video

CHƯƠNG 17. TÓM TẮT PHẦN KIẾN THỨC CƠ BẢN JAVASCRIPT

• Bài 50. Xử lý if else đối với hiệu ứng click xem video

• Bài 51. Tổng kết kiến thức javascript học được xem video

CHƯƠNG 18. VIẾT HIỆU ỨNG TƯƠNG TÁC MENU - PHẦN HTML - CSS

• Bài 52. Tống kết kiến thức đã học và giới thiệu phần bài tập xử lý menu xem video

• Bài 53. Phần HTML cho hiệu ứng Menu bằng javascript xem video

• Bài 54. Phần CSS cho giao diện menu xem video

CHƯƠNG 19. VIẾT HIỆU ỨNG TƯƠNG TÁC MENU - PHẦN JAVASCRIPT

• Bài 55. Phần javascript cho hiệu ứng xem video

• Bài 56. Phần javascript hoàn thiện và cách sử dụng biểu đồ tốc độ xem video

• Bài 57. Hướng dẫn cách xử lý các hiệu ứng còn lại xem video

CHƯƠNG 20. CÁC HÀM CẦN THIẾT ĐỂ THAO TÁC VỚI HIỆU ỨNG SCROLL

• Bài 58. Bắt sự kiện và tính vị trí xem video

• Bài 59. Bài tập đầu tiên với hàm scroll xem video

CHƯƠNG 21. XỬ LÝ PHẦN GIAO DIỆN VÀ TƯƠNG TÁC CHO HIỆU ỨNG SCROLL ĐẦU TIÊN

• Bài 60. Xử lý phần giao diện xem video

• Bài 61. Xử lý phần javascript xem video

• Bài 62. Hoàn thiện hiệu ứng scroll sử dụng javascript xem video

CHƯƠNG 22. VIẾT HÀM TƯƠNG TÁC SCROLL QUA BÀI TẬP THỰC TẾ TRÊN FACEBOOK - KENH14

• Bài 63. Thực hành viết hàm scroll qua bài tập thực tế xem video

• Bài 64. Viết hàm javascript xử lý phần Menu Scroll xem video

• Bài 65. Viết javascript tương tác cho cột bên phải xem video

• Bài 66. Tổng kết các hàm javascript xử lý cho tương tác scroll xem video

CHƯƠNG 23. VIẾT HIỆU ỨNG LOAD BẰNG JAVASCRIPT

• Bài 67. Viết hiệu ứng load bằng javascript xem video

CHƯƠNG 24. KHỞI ĐỘNG PROJECT VIẾT HIỆU ỨNG SLIDE BẰNG JAVASCRIPT

• Bài 68. Viết hiệu ứng Slide bằng javascript xem video

• Bài 69. Khởi động project Slide bằng javascript xem video

CHƯƠNG 25. PHƯƠNG THỨC XỬ LÝ PHẦN CHUYỂN SLIDE BẰNG JAVASCRIPT

• Bài 70. Xử lý CSS phần chuyển slide xem video

• Bài 71. Viết javascript cho phần chuyển slide xem video

CHƯƠNG 26. CÁCH XỬ LÝ GIAO DIỆN LUÔN LUÔN FULL MÀN HÌNH

• Bài 72. Xử lý phần bố cục HTML cho nội dung slide xem video

• Bài 73. Cách xử lý giao diện lúc nào cũng full màn hình xem video

CHƯƠNG 27. DỰNG BỐ CỤC VÀ NỘI DUNG CHO SLIDE

• Bài 74. Dựng bố cục cơ bản cho Slide bằng relative và absolute xem video

• Bài 75. Xử lý chi tiết giao diện của Slide và hoàn thiện giao diện xem video

CHƯƠNG 28. LOGIC CỦA VIỆC TẠO HIỆU ỨNG CHUYỂN ĐỘNG TRONG SLIDE

• Bài 76. Tính vị trí của đối tượng bằng Javascript xem video

• Bài 77. Viết hiệu ứng Slide chuyển động tương ứng khi click vào nút xem video

• Bài 78. Logic của việc tạo hiệu ứng chuyển động bằng CSS3 kết hợp với javascript xem video

CHƯƠNG 29. HOÀN THIỆN HIỆU ỨNG

• Bài 79. Viết hoàn chỉnh hiệu ứng chuyển động của toàn bộ slide – Phần 1 xem video

• Bài 80. Viết hoàn chỉnh hiệu ứng chuyển động của toàn bộ slide – Phần 2 xem video

CHƯƠNG 30. VIẾT HÀM AUTO SLIDE

• Bài 81. Lý thuyết về auto slide xem video

• Bài 82. Tính xem đang ở Slide nào xem video

• Bài 83. Viết hàm tự chuyển động xem video

• Bài 84. Hoàn thiện hiệu ứng Javascript auto slide xem video

• Bài 85. Ý nghĩa của hàm clearInterval xem video

CHƯƠNG 31. KHỞI ĐỘNG PROJEC THỨ 2 VIẾT HIỆU ỨNG SLIDE NÂNG CAO

• Bài 86. Giới thiệu phần hướng dẫn viết hiệu ứng nâng cao xem video

• Bài 87. Khởi động project với HTML xem video

CHƯƠNG 32. HOÀN THIỆN PHẦN GIAO DIỆN

• Bài 88. Xử lý giao diện Project trực tiếp bằng Chrome Dev Tool xem video

• Bài 89. Hoàn thiện giao diện chuẩn bị cho viết tương tác bằng Javascript xem video

CHƯƠNG 33. LOGIC CỦA HÀM JAVASCRIPT

• Bài 90. Phân tích logic của chương trình xem video

• Bài 91. Cách xác định phần tử hiện tại và phần tử tiếp theo khi ấn nút Next xem video

CHƯƠNG 34. VIẾT CHUYỂN ĐỘNG BẰNG JAVASCRIPT VÀ CSS3

• Bài 92. Thêm chuyển động bằng Javascript xem video

• Bài 93. Viết CSS3 cho chuyển động đầu tiên xem video

CHƯƠNG 35. GIỚI THIỆU HÀM JAVASCRIPT CHECK TRẠNG THÁI CỦA CHUYỂN ĐỘNG

• Bài 94. Phân tích luồng hoạt động tiếp theo của hiệu ứng tương tác xem video

• Bài 95. Giới thiệu hàm Javascript check trạng thái của chuyển động xem video

CHƯƠNG 36. HOÀN THIỆN HÀM XỬ LÝ NÚT NEXT CỦA HIỆU ỨNG

• Bài 96. Check chuyển động slide kết thúc xem video

• Bài 97. Hoàn thiện hiệu ứng tương tác cho nút next trong slide xem video

CHƯƠNG 37. XỬ LÝ LỖI CLICK LIÊN TIẾP NHIỀU LẦN

• Bài 98. Xử lý lỗi khi click liên tiếp nhiều lần xem video

• Bài 99. Xử lý chi tiết biến ‘trạng thái’ trong chương trình xem video

CHƯƠNG 38. HOÀN THIỆN HÀM XỬ LÝ NÚT PREVIOUS CỦA HIỆU ỨNG

• Bài 100. Viết hàm Javascript xử lý cho nút Previous xem video

• Bài 101. Tạo chuyển động sử dụng Javascript xem video

• Bài 102. Tạo chuyển động sử dụng CSS xem video

• Bài 103. Hoàn thiện logic cho nút Previous xem video

CHƯƠNG 39. PHƯƠNG PHÁP ĐÓNG GÓI CODE TRONG JAVASCRIPT

• Bài 104. Sử dụng kiến thức về Function và tham số để đóng gói code xem video

• Bài 105. Viết Javascript chi tiết cho việc đóng gói Code xem video

CHƯƠNG 40. SỬ DỤNG THÀNH THẠO TOÁN TỬ 3 NGÔI QUA VIỆC ĐÓNG GÓI CODE

• Bài 106. Sử dụng toán tử ba ngôi viết 1 dòng bằng 6 dòng xem video

• Bài 107. Áp dụng toán tử 3 ngôi trong việc đóng gói code – Phần 1 xem video

• Bài 108. Áp dụng toán tử 3 ngôi trong việc đóng gói code – Phần 2 xem video

• Bài 109. Áp dụng toán tử 3 ngôi trong việc đóng gói code – Phần 3 xem video

CHƯƠNG 41. THIẾT KẾ HIỆU ỨNG SỐ 2 VÀ SỐ 3

• Bài 110. Chữa bài tập số 2 về thiết kế hiệu ứng hiển thị trên Slide xem video

• Bài 111. Chữa bài tập số 3 về thiết kế hiệu ứng hiển thị trên Slide xem video

CHƯƠNG 42. PHẢN XẠ VỀ CÁCH VIẾT HIỆU ỨNG CSS3 QUA 6 BÀI TẬP

• Bài 112. Ứng dụng 4 về xử lý hiệu ứng xem video

• Bài 113. Bài tập 5 về hiệu ứng javascript xem video

• Bài 114. Bài tập 6 về hiệu ứng javascript xem video

• Bài 115. Bài tập 7 về hiệu ứng javascript xem video

• Bài 116. Bài tập 8 về hiệu ứng javascript xem video

• Bài 117. Bài tập 9 về hiệu ứng javascript xem video

CHƯƠNG 43. KHỞI ĐỘNG PROJECT VIẾT HIỆU ỨNG TƯƠNG TÁC ẢNH CỦA FACEBOOK BẰNG JAVASCRIPT

• Bài 118. Viết chức năng tương tác ảnh của facebook bằng javascript native xem video

• Bài 119. Dựng HTML cho project viết tương tác ảnh trên facebook xem video

CHƯƠNG 44. HOÀN THIỆN PHẦN SETUP HTML - CSS

• Bài 120. Hoàn chỉnh HTML nội dung cho tương tác ảnh trên facebook xem video

• Bài 121. Phần CSS cho nội dung xem video

• Bài 122. Hoàn thiện giao diện HTML - CSS xem video

CHƯƠNG 45. VIẾT JAVASCRIPT CHO CHỨC NĂNG BAN ĐẦU CỦA CHƯƠNG TRÌNH

• Bài 123. Xử lý logic ban đầu cho chương trình xem video

• Bài 124. Xử lý javascript cho khối nền xem video

• Bài 125. Viết Javascript cho chức năng đóng cửa sổ xem video

• Bài 126. Xử lý phần nội dung hiển thị ra xem video

CHƯƠNG 46. LẠI XỬ LÝ TIẾP CSS

• Bài 127. Xử lý phần CSS cho khối thông tin ảnh facebook xem video

• Bài 128. Xử lý hiển thị khối thông tin bằng javascript xem video

CHƯƠNG 47. BẮT ĐẦU CODE PHẦN ẢNH

• Bài 129. Bắt đầu làm phần ảnh xem video

• Bài 130. Xử lý phần CSS cho khối các ảnh xem video

• Bài 131. Căn giữa một phần tử theo chiều dọc thế nào xem video

CHƯƠNG 48. LẠI XỬ LÝ TIẾP JAVASCRIPT

• Bài 132. Logic code của phần gallery ảnh xem video

• Bài 133. Sử dụng Javascript nhận biết ảnh Active xem video

• Bài 134. Cách xử lý code sau khi active và bí mật của nút X xem video

CHƯƠNG 49. LOGIC THỰC HIỆN HIỆU ỨNG CHUYỂN ẢNH CỦA FACEBOOK

• Bài 135. Logic thực hiện việc chuyển ảnh của Facebook xem video

• Bài 136. Xác định chỉ số phần tử hiện tại bằng Javascript xem video

• Bài 137. Xác định chỉ số phần tử tiếp theo bằng Javascript xem video

CHƯƠNG 50. HOÀN THIỆN HIỆU ỨNG ẢNH FACEBOOK

• Bài 138. Xử lý hoàn thiện logic cho nút Next facebook xem video

• Bài 139. Xử lý nút Prev Facebook xem video

CHƯƠNG 51. BÀI TẬP NÂNG CAO CHO PHẦN TƯƠNG TÁC ẢNH FACEBOOK

• Bài 140. Bài tập làm hoàn chỉnh hiệu ứng ảnh facebook xem video