Lập trình ReactJS toàn tập

0 (0 đánh giá)
1 người học
Cập nhật mới nhất 09/2024
Đăng nhập

Khóa học chỉ dành cho nội bộ doanh nghiệp

Lập trình ReactJS toàn tập

Mô tả khóa học

Ngày nay, ReactJS đã trở nên rất phổ biến bởi những tính năng linh hoạt và đơn giản với hơn 1,300 developer và hơn 94,000 trang web đang sử dụng ReactJS. Nhiều người ám chỉ rằng ReactJS sẽ là tương lai của việc phát triển web.
React là một thư viện front-end được phát triển bởi Facebook. Nó được sử dụng để xử lý lớp xem cho các ứng dụng web và di động. ReactJS cho phép chúng ta tạo các thành phần UI có thể tái sử dụng. Nó hiện là một trong những thư viện JavaScript phổ biến nhất và có một nền tảng vững chắc và cộng đồng lớn đằng sau nó.

Khoá học  Lập trình ReactJS toàn tập này sẽ giúp các lập trình viên JavaScript nhìn tổng quát hơn về ReactJS. Sau khi hoàn thành tất cả các chương, bạn sẽ cảm thấy tự tin khi làm việc với ReactJS. Bên cạnh đó, khóa học sẽ giới thiệu các yếu tố bổ sung hoạt động tốt với ReactJS để giúp bạn tìm hiểu các thực tiễn tốt nhất và theo các xu hướng JavaScript hiện đại
Khóa học này dành cho
  • Sinh viên muốn tìm hiểu cách xây dựng các ứng dụng web nhanh và hiệu quả bằng React
  • Sinh viên muốn nâng cao kỹ năng phát triển web của mình lên cấp độ mới và học một công nghệ tiên tiến trong lĩnh vực phát triển Web
  • JavaScript + HTML + CSS là cần thiết trước khi tham gia khóa học
  • Bạn KHÔNG cần phải là một chuyên gia JavaScript
  • Kiến thức ES6 rất có lợi nhưng không phải là điều bắt buộc phải có để tham gia khóa học
Bạn sẽ nhận được gì nếu đăng ký khóa học này
  • Bạn sẽ học được toàn bộ quá trình xây dựng một React Web App hoàn chỉnh
  • Xây dựng được các React Web app mạnh mẽ, nhanh chóng và thân thiện người dùng
  • Cung cấp các trải nghiệm người dùng tuyệt vời với sức mạnh của Javascript
  • Học được tất tần tật về React Hook và các Component của React

Nội dung khoá học

1

Giới thiệu khóa học

1 bài học thử
  • 1. 1. Giới thiệu khóa học
  • 2. Tài liệu khóa học
2

Cơ bản về ReactJS

2 bài học thử
  • 3. 2. Giới thiệu Reactjs
  • 4. 3. Cài đặt Node.js
  • 5. 4. React App - Hello World
  • 6. 5. Các cách thực hiện return JSX
  • 7. 6. Cấu trúc lại React App
  • 8. 7. Áp dụng Style cho ứng dụng
  • 9. 8. Xử lý các sự kiện
  • 10. 9. State
  • 11. 10. Props trên component dựa trên hàm
  • 12. 11. Props trên component dựa trên lớp
  • 13. 12. Component children
  • 14. 13. Lọc các mẫu tin
  • 15. 14. Component life cycle
  • 16. 15. Component Updating life cycle
  • 17. 16. Giới thiệu về Hook
  • 18. 17. Sử dụng useState Hook
  • 19. 18. useState Hook với nhiều giá trị
  • 20. 19. Sử dụng useEffect Hook
  • 21. 20. Sử dụng useCallback Hook
  • 22. 21. Sử dụng useRef Hook
  • 23. 22. useContext căn bản
  • 24. 23. Sử dụng Context để truyền đi một hàm
  • 25. 24. Sử dụng Context trong component dựa trên class
3

Ứng dụng minh họa: Ai trả tiền

1 bài học thử
  • 26. 25. Giới thiệu ứng dụng
  • 27. 26. Cài đặt cơ bản
  • 28. 27. Tạo context và component
  • 29. 28. Cài Bootstrap và thêm CSS
  • 30. 29. Xây dựng component Stage 1
  • 31. 30. Thêm người chơi vào danh sách
  • 32. 31. Hiển thị danh sách người chơi
  • 33. 32. Chức năng xóa người chơi
  • 34. 33. Áp dụng Toastify
  • 35. 34. Xây dựng component Stage 2
  • 36. 35. Hiển thị người phải trả tiền
4

React Router

  • 37. 36. Giới thiệu React Router
  • 38. 37. Cấu hình Route
  • 39. 38. Link
  • 40. 39. Định dạng header
  • 41. 40. Params
  • 42. 41. NavLink
  • 43. 42. Route lồng nhau
  • 44. 43. Điều hướng trang Navigate
  • 45. 44. Xử lý lỗi 404
5

Cơ bản về React Phần 2

  • 46. 45. Giới thiệu và cài đặt
  • 47. 46. Pure Component
  • 48. 47. Các phần tử kề
  • 49. 48. Component bậc cao (HOC)
  • 50. 49. HOC phần 2
  • 51. 50. Transition Component
  • 52. 51. Transition kết hợp thay đổi className
  • 53. 52. CSS Transition
  • 54. 53. Transition Group
6

Redux

  • 55. 54. Giới thiệu Redux
  • 56. 55. Kết nối React với Redux
  • 57. 56. Giải thích các thuật ngữ
  • 58. 57. Viết các Slide
  • 59. 58. Logic bất đồng bộ
  • 60. 59. Component Counter
  • 61. 60. Redux DevTool
7

Ứng dụng minh họa: Hiển thị tin tức

  • 62. 61. Giới thiệu ứng dụng
  • 63. 62. Thiết lập cơ bản
  • 64. 63. Header và main layout
  • 65. 64. JSON Server
  • 66. 65. Lấy dữ liệu từ server
  • 67. 66. Lọc một phần dữ liệu
  • 68. 67. Chức năng nút Xem thêm
  • 69. 68. Hiển thị danh sách bài viết
  • 70. 69. Xây dựng form newsletter
  • 71. 70. Viết api addNewsletter và userSlide tương ứng
  • 72. 71. Hoàn chỉnh Newsletter
  • 73. 72. Lấy thông tin bài viết theo ID
  • 74. 73. Hoàn chỉnh PostComp
  • 75. 74. Sửa lỗi thông báo newsletter và handle 404
8

Thao tác Form với Formik

  • 76. 75. Giới thiệu và các thiết lập cơ bản
  • 77. 76. Bắt đầu với Formik
  • 78. 77. Validation với Formik
  • 79. 78. Validation với yup
  • 80. 79. Sử dụng Hook useFormik
  • 81. 80. Sử dụng các component của Formik
  • 82. 81. Custom Field
9

Hoàn thiện Project và kết thúc khóa học

  • 83. 82. Xây dựng contact form
  • 84. 83. Ghi dữ liệu lên json server
  • 85. 84. Tổng kết khóa học
Đăng nhập

Khóa học chỉ dành cho nội bộ doanh nghiệp

Chi tiết khóa học
  • 85 Bài giảng
  • 12 giờ 8 phút
  • Học online mọi lúc, mọi nơi
  • Học trên máy tính, điện thoại
Đinh Nguyễn Trọng Nghĩa
Đinh Nguyễn Trọng Nghĩa

5 (5 đánh giá)