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 - CÀI ĐẶT - VÀ CHẠY CHƯƠNG TRÌNH REACT JS ĐẦU TIÊN

• Bài 01: Giới thiệu React JS xem video (FREE)

• Bài 02: Cài đặt công cụ xem video (FREE)

• Bài 03: Chạy app react js đầu tiên xem video (FREE)

CHƯƠNG 02. KHÁI NIỆM VÀ 4 CÁCH ĐỊNH NGHĨA COMPONENT TRONG REACT JS

• Bài 04: Khái niệm component xem video (FREE)

• Bài 05: Định nghĩa component cách số 1 xem video (FREE)

• Bài 06: Định nghĩa component bằng Anonymous function và Arrow Function xem video (FREE)

• Bài 07: Định nghĩa component bằng Class xem video (FREE)

CHƯƠNG 03. KHÁI NIỆM VÀ CÁCH TRUYỀN THÔNG TIN QUA PROPS TRONG COMPONENT

• Bài 08: Khái niệm props trong component xem video (FREE)

• Bài 09: Phương pháp số 2 thao tác với props trong component xem video (FREE)

CHƯƠNG 04. THỰC HÀNH JSX VÀ HÀM ‘MAP’ THÔNG DỤNG

• Bài 10: Cách viết JSX xem video (FREE)

• Bài 11: Cách sử dụng hàm map trong react js xem video (FREE)

CHƯƠNG 05. THỰC HÀNH KIẾN THỨC COMPONENT QUA BÀI TẬP CHUYỂN ĐỔI GIAO DIỆN TỪ BOOTSTRAP 4 SANG REACT JS

• Bài 12: Thực hành ‘component hoá’ giao diện HTML bằng React JS xem video

• Bài 13: Sử dụng Public_URL xem video

• Bài 14: Sử dụng phím tắt cho việc tạo component xem video

• Bài 15: Hoàn thiện phần giao diện từ bootstrap sang React js Component xem video

CHƯƠNG 06. HAI CÁCH VIẾT TƯƠNG TÁC TRONG REACT JS

• Bài 16: Cách viết tương tác với hàm ko có tham số trong React js xem video

• Bài 17: Cách viết tổng quát tương tác trong React js xem video

CHƯƠNG 07. KHÁI NIỆM STATE. THAO TÁC VỚI STATE

• Bài 18: Hiểu về State trong React js xem video

• Bài 19: Thực hành với State trong React JS – Tạo hàm render xem video

CHƯƠNG 08. THAY ĐỔI STATE VÀ SỬ DỤNG THUỘC TÍNH DEFAULT VALUE

• Bài 20: Thực hành với State trong React JS – Thay đổi State xem video

• Bài 21: Sử dụng thuộc tính defaultValue trong JSX xem video

CHƯƠNG 09. HỌC VỀ LIFECYCLE CỦA REACT COMPONENT

• Bài 22: LifeCycle trong React JS xem video

• Bài 23: Sử dụng thuộc tính Ref trong JSX xem video

• Bài 24: Sử dụng LifeCycle cơ bản với Mounting xem video

• Bài 25: Sử dụng 4 hàm trong LifeCycle updation xem video

• Bài 26: Sử dụng các hàm Update cho Props trong LifeCycle – phần 1 xem video

• Bài 27: Sử dụng các hàm Update cho Props trong LifeCycle – phần 2 xem video

CHƯƠNG 10. HỌC VỀ REACT ROUTER VÀ THỰC HÀNH TẠO GIAO DIỆN

• Bài 28: Giới thiệu React Router xem video

• Bài 29: Tạo giao diện trang chủ xem video

• Bài 30: Tạo giao diện chức năng tin tức xem video

• Bài 31: Tạo giao diện trang liên hệ xem video

CHƯƠNG 11. CHUYỂN ĐỔI TỪ GIAO DIỆN THÀNH REACT COMPONENT

• Bài 32: Tạo component Home, Footer, Nav xem video

• Bài 33: Chuyển 4 trang HTML thành 6 Component React js xem video

CHƯƠNG 12. TÍCH HỢP REACT ROUTER ĐỂ THAO TÁC KHÔNG CẦN LOAD LẠI TRANG

• Bài 34: Cài đặt React Router và sử dụng điều hướng cơ bản xem video

• Bài 35: Xử lý điều hướng bằng Router không cần load lại trang xem video

• Bài 36: Đặt trạng thái cho thanh điều hướng như Gmail bằng activeClassName xem video

CHƯƠNG 13. TẠO DỮ LIỆU VÀ LOAD DỮ LIỆU JSON TRONG REACT JS

• Bài 37: Tạo file dữ liệu Json chuẩn bị cho xử lý URL xem video

• Bài 38: Load dữ liệu và tạo NewsItem xem video

CHƯƠNG 14. ÁNH XẠ DỮ LIỆU VÀO COMPONENT VÀ TẠO ĐƯỜNG DẪN SEO

• Bài 39: Mapping dữ liệu vào component xem video

• Bài 40: Tạo đường dẫn thân thiện với SEO trong React JS xem video

CHƯƠNG 15. CÁCH TRUYỀN THAM SỐ THÔNG QUA URL VÀ NHẬN DỮ LIỆU TỪ THAM SỐ TRUYỀN VÀO

• Bài 41: Cách nhận tham số truyền vào thông qua URL Parameter xem video

• Bài 42: Cách phun dữ liệu ra giao diện dựa trên tham số truyền vào từ URL xem video

CHƯƠNG 16. HOÀN THIỆN CHỨC NĂNG TIN LIÊN QUAN CHO DEMO

• Bài 43: Xử lý phần NewsRelated component xem video

• Bài 44: Hoàn thiện phần tin liên quan xem video

CHƯƠNG 17. CÁCH GỬI NHẬN DỮ LIỆU BẰNG FORM TRONG REACT JS

• Bài 45: Bắt đầu xử lý form gửi nhận dữ liệu với Redirect xem video

• Bài 46: Cách nhận dữ liệu dưới dạng mảng trong react js form xem video

• Bài 47: Tối ưu hoá code React JS xem video

• Bài 48: Xử lý phần thẻ select trong React form xem video

• Bài 49: Xử lý phần nhận thông tin file trong React form xem video

CHƯƠNG 18. PROJECT THIẾT KẾ BACKEND VỚI DỮ LIỆU LOCALSTORAGE

• Bài 50: Giới thiệu Project làm giao diện backend quản lý User bằng React js xem video

• Bài 51: Download giao diện Bootstrap Admin xem video

CHƯƠNG 19. THIẾT KẾ UX VÀ CẮT HTML CSS

• Bài 52: Thiết kế giao diện UX demo chức năng trước khi code xem video

• Bài 53: Code HTML phần giao diện quản lý theo thiết kế phác thảo xem video

• Bài 54: Hoàn thiện giao diện quản lý demo trực tiếp trên chrome xem video

CHƯƠNG 20. TẠO PROJECT REACT VÀ CHUYỂN ĐỔI TỪ GIAO DIỆN HTML SANG REACT

• Bài 55: Tạo project xem video

• Bài 56: Chuyển đổi giao diện thành 4 component xem video

• Bài 57: Thanh lọc các warning cho project xem video

CHƯƠNG 21. XỬ LÝ CÁC TƯƠNG TÁC CƠ BẢN

• Bài 58: Xử lý các tương tác cơ bản trên Frontend bằng React Js xem video

• Bài 59: Xử lý hiển thị Form thông báo ứng với trường hợp chung component xem video

CHƯƠNG 22. THỰC HÀNH KẾT NỐI CÁC COMPONENT CHA CON VÀ COMPONENT NGANG CẤP

• Bài 60: Cách kết nối từ component con sang component bố trong React Js xem video

• Bài 61: Cách kết nối giữa hai component ngang cấp xem video

• Bài 62: Hoàn thiện phần thực hành thao tác giữa các component ngang cấp xem video

CHƯƠNG 23. TẠO DỮ LIỆU CHO PROJECT VÀ ĐẨY DỮ LIỆU RA GIAO DIỆN

• Bài 63: Tạo dữ liệu cho project và in test xem video

• Bài 64: Đẩy dữ liệu ra bảng sử dụng Map xem video

CHƯƠNG 24. LOGIC CÁC BƯỚC LÀM VÀ CÁCH LẬP TRÌNH CHỨC NĂNG TÌM KIẾM

• Bài 65: Tự động co dãn giao diện sử dụng col xem video

• Bài 66: Kết nối component bố và con thông qua props xem video

• Bài 67: Lấy text tìm kiếm trong Search Component đẩy về App Component xem video

• Bài 68. Quá trình tìm dữ liệu sử dụng indexOf xem video

• Bài 69. Đẩy kết quả tìm kiếm về giao diện xem video

CHƯƠNG 25. LẬP TRÌNH CHỨC NĂNG THÊM MỚI THÀNH VIÊN BẰNG REACT JS

• Bài 70: Logic các bước thực hiện chức năng thêm mới thành viên xem video

• Bài 71: Lấy dữ liệu thành viên được thêm mới bằng sự kiện onChange xem video

• Bài 72: Đẩy dữ liệu vào state xem video

• Bài 73: Lấy nội dung gửi lên App và đóng gói đối tượng xem video

• Bài 74: Cập nhật thông tin thành viên mới vào dữ liệu Json xem video

CHƯƠNG 26. HOÀN THIỆN CHỨC NĂNG THÊM MỚI BẰNG CÁCH TỰ SINH ID KHI TẠO MỚI DỮ LIỆU

• Bài 75: Xoá trắng nội dung sau khi thêm mới xem video

• Bài 76: Tự tạo id không trùng lặp bằng UUID xem video

CHƯƠNG 27. PHÂN TÍCH LOGIC THỰC HIỆN CHỨC NĂNG SỬA THÔNG TIN

• Bài 77: Chức năng sửa thông tin thành viên xem video

• Bài 78: Kết nối component để truyền dữ liệu xem video

• Bài 79: Truyền thông tin user cần sửa từ tableDataRow lên App xem video

CHƯƠNG 28. TẠO FORM SỬA DỮ LIỆU VÀ LOAD NỘI DUNG KHI ĐƯỢC KÍCH HOẠT

• Bài 80: Tạo form sửa thông tin của người dùngXem trước xem video

• Bài 81: Tạo hàm thay đổi trạng thái hiển thị của form xem video

• Bài 82: Load nội dung cần sửa vào form xem video

CHƯƠNG 29. HOÀN THIỆN CHỨC NĂNG SỬA THÔNG TIN THÀNH VIÊN

• Bài 83: Sử dụng state lưu trữ thông tin trong quá trình sửa thông tin xem video

• Bài 84: Chuyển dữ liệu đã sửa lên Component App xem video

• Bài 85: Hoàn thiện chức năng sửa dữ liệu xem video

CHƯƠNG 30. LẬP TRÌNH CHỨC NĂNG XÓA THÔNG TIN THÀNH VIÊN

• Bài 86: Gửi dữ liệu xoá lên component cha xem video

• Bài 87: Xoá thông tin người dùng sử dụng hàm filter trong ES2015 xem video

CHƯƠNG 31. DỮ LIỆU HÓA ỨNG DỤNG VỚI LOCALSTORAGE

• Bài 88: Bộ 3 hàm thao tác với localStorage – set – get – remove xem video

• Bài 89: Lưu trữ dữ liệu vào localStorage và hoàn thiện ứng dụng xem video

CHƯƠNG 32. CÁCH ĐÓNG GÓI ỨNG DỤNG VÀ CHẠY ỨNG DỤNG TRÊN XAMP SERVER

• Bài 90: Đóng gói ứng dụng chạy trên server với npm run build xem video

• Bài 91: Cách chạy ứng dụng react app trên Xamp xem video

• Bài 92: Cách chạy React App băng cách sử dụng dòng lệnh xem video

CHƯƠNG 33. CÁCH ĐỒNG BỘ CODE, DOWNLOAD CODE, CHẠY CODE VÀ QUẢN LÝ BẰNG GITHUB

• Bài 93: Cách đồng bộ code, download code và quản lý code với Git trên Visual studio code – Tạo tài khoản github xem video

• Bài 94: Cách tạo tài khoản, tạo repo, upload lên github xem video

• Bài 95: Cách tải code và chạy code xem video

CHƯƠNG 34. BẮT ĐẦU VỚI REDUX - WHAT & WHY

• Bài 96: Giới thiệu Redux xem video

• Bài 97: Sử dụng toán tử 3 chấm xem video

• Bài 98: Cách viết tắt ghi đè và thêm mới với toán tử 3 chấm xem video

CHƯƠNG 35. PHÂN TÍCH CẤU TRÚC MỘT ỨNG DỤNG REDUX

• Bài 99: Cấu trúc của một store Redux xem video

• Bài 100: Chạy thử cấu trúc redux cơ bản để hiểu cách hoạt động của store – reducer – action xem video

CHƯƠNG 36. THỰC HÀNH VỚI REDUX VÀ HÀM SUBSCRIBE

• Bài 101: Thực hành với Redux Store xem video

• Bài 102: Thực hành với Redux Store với chỉ thị xoá bằng filter xem video

• Bài 103: Hàm Subscribe trong store xem video

CHƯƠNG 37. TẠO ỨNG DỤNG KẾT HỢP REACT. REDUX

• Bài 104: Cài đặt plugin React-redux ES6 snippet xem video

• Bài 105: Tạo ứng dụng kết hợp React – Redux xem video

CHƯƠNG 38. CÁCH SỬ DỤNG HÀM MAPDISPATCHTOPROPS

• Bài 106: Truy xuất dữ liệu trong store từ component con xem video

• Bài 107: Cách chia tách Reducer thành từng file xem video

• Bài 108: Cách gọi hàm trong Store từ component con xem video

• Bài 109: Hàm mapDispatchToProps xem video

CHƯƠNG 39. GIỚI THIỆU PROJECT MỚI VỚI REDUX VÀ FIREBASE

• Bài 110: Tổng kết phần cơ bản về cách viết code với redux xem video

• Bài 111: Bước 1 – Tạo giao diện ứng dụng trong 5 phút xem video

CHƯƠNG 40. HỌC CÁCH SỬ DỤNG FIREBASE TRONG 30 PHÚT

• Bài 112: Học nhanh cách sử dụng cơ sở dữ liệu FireBase xem video

• Bài 113: Thực hành thao tác dữ liệu với Firebase xem video

CHƯƠNG 41. THỰC HÀNH THÊM SỬA XÓA DỮ LIỆU FIREBASE TỪ REACT JS

• Bài 114: Kết nối React js – Firebase xem video

• Bài 115: Lấy dữ liệu của bảng dữ liệu thông qua DataSnapshot xem video

• Bài 116: Sửa dữ liệu trong Firebase xem video

• Bài 117: Thêm dữ liệu vào Firebase bằng 2 cách xem video

• Bài 118. Thực hành xóa dữ liệu trong firebase xem video

CHƯƠNG 42. CÀI ĐẶT REDUX. KHỞI TẠO STORE. KHỞI TẠO REDUCER

• Bài 119: Bắt đầu xử lý dữ liệu cho ứng dụng quản lý ghi chú xem video

• Bài 120: Bước số 2 – click vào nút lấy được dữ liệu xem video

• Bài 121: Bước 3 – Đẩy dữ liệu lên firebase sử dụng React js thuầnXem trước xem video

• Bài 122: Cài đặt redux – khởi tạo store – khởi tạo reducer xem video

CHƯƠNG 43. THỰC HÀNH KẾT NỐI STORE VÀ COMPONENT HOÀN THIỆN CHỨC NĂNG THÊM MỚI DỮ LIỆU VÀO FIREBASE

• Bài 123: Ba bước cơ bản kết nối store và component xem video

• Bài 124: Truyền tham số vào xử lý trong Store xem video

CHƯƠNG 44. CHỨC NĂNG IN DỮ LIỆU RA DANH SÁCH

• Bài 125: Hoàn thiện chức năng thêm mới dữ liệu vào firebase với redux xem video

• Bài 126: Xử lý gọi dữ liệu ra danh sách bằng redux – bước 1 xem video

• Bài 127: Xử lý gọi dữ liệu ra danh sách bằng redux – bước 2 xem video

CHƯƠNG 45. THỰC HÀNH KẾT NỐI APP VÀ NOTEITEM VỚI REDUX STORE

• Bài 128: Kết nối App với Store xem video

• Bài 129: Kết nối NoteItem với Store xem video

CHƯƠNG 46. CHỨC NĂNG SỬA DỮ LIỆU

• Bài 130: Thực hành chức năng sửa ghi chú với redux xem video

• Bài 131: Đẩy dữ liệu cần sửa lên trên Store và theo dõi với hàm subscribe xem video

• Bài 132: Đẩy dữ liệu cần sửa hiện thị lên Form xem video

• Bài 133: Lấy dữ liệu ban đầu bằng cách áp dụng React lifeCycle xem video

• Bài 134: Đẩy dữ liệu lên trên store khi click vào nút ‘Lưu’ xem video

• Bài 135: Hoàn thiện chức năng sửa ghi chú của ứng dụng xem video

CHƯƠNG 47. CHỨC NĂNG XOÁ DỮ LIỆU

• Bài 136: Hoàn thiện chức năng xoá ghi chú xem video

CHƯƠNG 48. XỬ LÝ ĐIỀU HƯỚNG SỬ DỤNG STORE

• Bài 137: Xử lý điều hướng sử dụng Store xem video

• Bài 138: Hoàn thiện chức năng điều hướng thêm mới ghi chú ko cần load lại trang xem video

CHƯƠNG 49. TUỲ BIẾN TIÊU ĐỀ THEO CHỨC NĂNG

• Bài 139: Luyện tập Redux Store qua trường hợp tuỳ biến tiêu đề theo chức năng xem video

• Bài 140: Hiển thị thông báo các thao tác bằng plugin của React js xem video

CHƯƠNG 50. LẬP TRÌNH PHẦN HIỂN THỊ THÔNG BÁO CHO CÁC THAO TÁC CHỨC NĂNG

• Bài 141: Định nghĩa state trong Store qui định việc hiển thị của thông báo xem video

• Bài 142: Bật tắt thông báo tương ứng với thao tác chức năng trong ứng dụng xem video

• Bài 143: Xử lý tắt thông báo bằng hai cách xem video

CHƯƠNG 51. TỔNG KẾT

• Bài 144: Truyền tham số nội dung vào thông báo thông qua state xem video

• Bài 145: Hoàn thiện chức năng thông báo – bài tập – và tổng kết xem video

CHƯƠNG 52. CÀI ĐẶT VÀ TẠO CƠ SỞ DỮ LIỆU POSTGRESQL

• Bài 146: Giới thiệu phần Node JS kết hợp với React JS xem video

• Bài 147: Cài đặt cơ sở dữ liệu PostgreSQL version 10 xem video

• Bài 148: Thực hành tạo cơ sở dữ liệu – Tạo bảng – Insert dữ liệu với PostgreSQL xem video

CHƯƠNG 53. KHỞI TẠO PROJECT

• Bài 149: Cài đặt các phần mềm cần sử dụng – Khởi tạo project xem video

• Bài 150: Khởi tạo frontend React Js xem video

CHƯƠNG 54. KẾT NỐI NODE JS VÀ POSTGRESQL

• Bài 152: Đổi cổng kết nối của node js xem video

• Bài 153: Kết nối Node js và cơ sở dữ liệu xem video

CHƯƠNG 55. PHÂN TÍCH LOGIC CỦA MỘT ỨNG DỤNG

• Bài 154: Lấy dữ liệu từ postgreSql thông qua Node js xem video

• Bài 155: Phân tích logic của một ứng dụng Javascript Fullstack xem video

CHƯƠNG 56. DỰNG FRONTEND BẰNG REACT JS

• Bài 156: Tạo giao diện frontend sử dụng bootstrap 4 xem video

• Bài 157: Sử dụng React JS làm frontend xem video

• Bài 158: Kết nối các Component trong React JS xem video

CHƯƠNG 57. GIAO TIẾP DỮ LIỆU TỪ NODE JS SANG REACT JS

• Bài 159: Kết nối Node JS và React JS thông qua axios xem video

• Bài 160: Cách hứng dữ liệu từ NoteJS trong React JS xem video

CHƯƠNG 58. GIAO TIẾP DỮ LIỆU TỪ REACT JS SANG NODE JS

• Bài 161: Gửi dữ liệu từ React JS lên Node JS xem video

• Bài 162: Xử lý thêm dữ liệu trong Node JS xem video

• Bài 163: Hoàn thiện thao tác thêm dữ liệu trong React JS xem video

• Bài 164: Tạo form nhập liệu với React JS xem video

• Bài 165: Lấy dữ liệu trong React JS xem video

• Bài 166: Chuyển dữ liệu từ React JS về Node JS xem video

• Bài 167: Setup proxy cho kết nối riêng của backend và frontend xem video

• Bài 168: Tự động update nội dung khi thêm mới – phần 1 xem video

• Bài 169: Tự động update nội dung khi thêm mới – phần 2 xem video

CHƯƠNG 59. TỔNG KẾT ỨNG DỤNG

• Bài 170: Cách quản lý code bằng github – download và chạy file project xem video

• Bài 171: Tổng kết ứng dụng Node React xem video