Menu

Tất cả danh mục

Đăng ký/ Đăng nhập

Gitiho contest

Cùng gitiho contest chinh phục kiến thức, khẳng định bản thân với hệ thống bài test phong phú, đầy đủ các chủ đề để bạn khám phá.

Chương trình hội viên Gitiho

Gói Hội viên Gitiho: Trọn bộ khoá học theo Khung năng lực

480+ khóa học

15 Danh mục theo kỹ năng, ngành nghề

Năng lực Lõi, Năng lực Chuyên môn, Năng lực Bổ trợ, Năng lực Quản lý

Khám phá ngay

2000+ đã đăng ký

Gói Hội viên G-Skills: 03 kỹ năng bổ trợ thiết yếu

83 khóa học Tin học văn phòng

85 khóa học Kỹ năng mềm

29 khóa học Ngoại ngữ

Khám phá ngay

500+ đã đăng ký

Gitiho for leading business

Tối ưu và đơn giản hóa hoạt động đào tạo tại doanh nghiệp. Sẵn sàng nền tảng, nội dung đào tạo cho tất cả các vị trí, bộ phận. Ứng dụng MIỄN PHÍ ngay vào doanh nghiệp chỉ với MỘT click.

Đã được tin tưởng sử dụng bởi các doanh nghiệp

Top doanh nghiệp đã đăng ký cho nhân viên

Bạn sẽ học được gì?

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

Khoá học này sẽ có:

Video

12h 08m giờ học

Article

0 bài viết chuyên môn

Material

0 tài liệu đính kèm

Exam questions

0 đề thi ghi nhớ kiến thức

Khóa học này dành cho ai?

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

Nội dung khoá học

9 Chương . 85 bài giảng . 12h 08m giờ học

Mở rộng tất cả các phần

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

2 bài giảng • 4 phút
  • 1. 1. Giới thiệu khóa học
    Xem trước
    04:16
  • 2. Tài liệu khóa học
  • 3. 2. Giới thiệu Reactjs
    Xem trước
    04:37
  • 4. 3. Cài đặt Node.js
    Xem trước
    03:54
  • 5. 4. React App - Hello World
    10:30
  • 6. 5. Các cách thực hiện return JSX
    06:50
  • 7. 6. Cấu trúc lại React App
    08:35
  • 8. 7. Áp dụng Style cho ứng dụng
    10:08
  • 9. 8. Xử lý các sự kiện
    11:30
  • 10. 9. State
    09:40
  • 11. 10. Props trên component dựa trên hàm
    15:06
  • 12. 11. Props trên component dựa trên lớp
    05:57
  • 13. 12. Component children
    08:52
  • 14. 13. Lọc các mẫu tin
    10:18
  • 15. 14. Component life cycle
    12:12
  • 16. 15. Component Updating life cycle
    13:53
  • 17. 16. Giới thiệu về Hook
    05:15
  • 18. 17. Sử dụng useState Hook
    11:18
  • 19. 18. useState Hook với nhiều giá trị
    13:19
  • 20. 19. Sử dụng useEffect Hook
    11:17
  • 21. 20. Sử dụng useCallback Hook
    11:15
  • 22. 21. Sử dụng useRef Hook
    13:07
  • 23. 22. useContext căn bản
    16:24
  • 24. 23. Sử dụng Context để truyền đi một hàm
    09:40
  • 25. 24. Sử dụng Context trong component dựa trên class
    06:45
  • 26. 25. Giới thiệu ứng dụng
    Xem trước
    02:44
  • 27. 26. Cài đặt cơ bản
    03:36
  • 28. 27. Tạo context và component
    09:42
  • 29. 28. Cài Bootstrap và thêm CSS
    07:23
  • 30. 29. Xây dựng component Stage 1
    16:47
  • 31. 30. Thêm người chơi vào danh sách
    07:01
  • 32. 31. Hiển thị danh sách người chơi
    06:32
  • 33. 32. Chức năng xóa người chơi
    06:52
  • 34. 33. Áp dụng Toastify
    08:47
  • 35. 34. Xây dựng component Stage 2
    06:04
  • 36. 35. Hiển thị người phải trả tiền
    06:44
  • 37. 36. Giới thiệu React Router
    06:20
  • 38. 37. Cấu hình Route
    06:34
  • 39. 38. Link
    09:08
  • 40. 39. Định dạng header
    06:05
  • 41. 40. Params
    05:45
  • 42. 41. NavLink
    05:39
  • 43. 42. Route lồng nhau
    06:01
  • 44. 43. Điều hướng trang Navigate
    05:53
  • 45. 44. Xử lý lỗi 404
    04:03
  • 46. 45. Giới thiệu và cài đặt
    06:19
  • 47. 46. Pure Component
    11:45
  • 48. 47. Các phần tử kề
    07:19
  • 49. 48. Component bậc cao (HOC)
    08:31
  • 50. 49. HOC phần 2
    10:58
  • 51. 50. Transition Component
    11:44
  • 52. 51. Transition kết hợp thay đổi className
    06:32
  • 53. 52. CSS Transition
    09:54
  • 54. 53. Transition Group
    17:24
  • 55. 54. Giới thiệu Redux
    03:51
  • 56. 55. Kết nối React với Redux
    05:31
  • 57. 56. Giải thích các thuật ngữ
    05:31
  • 58. 57. Viết các Slide
    10:18
  • 59. 58. Logic bất đồng bộ
    04:31
  • 60. 59. Component Counter
    12:18
  • 61. 60. Redux DevTool
    04:07
  • 62. 61. Giới thiệu ứng dụng
    02:55
  • 63. 62. Thiết lập cơ bản
    08:17
  • 64. 63. Header và main layout
    13:57
  • 65. 64. JSON Server
    08:52
  • 66. 65. Lấy dữ liệu từ server
    11:57
  • 67. 66. Lọc một phần dữ liệu
    08:45
  • 68. 67. Chức năng nút Xem thêm
    12:09
  • 69. 68. Hiển thị danh sách bài viết
    13:54
  • 70. 69. Xây dựng form newsletter
    07:34
  • 71. 70. Viết api addNewsletter và userSlide tương ứng
    14:53
  • 72. 71. Hoàn chỉnh Newsletter
    11:34
  • 73. 72. Lấy thông tin bài viết theo ID
    08:58
  • 74. 73. Hoàn chỉnh PostComp
    07:18
  • 75. 74. Sửa lỗi thông báo newsletter và handle 404
    05:26
  • 76. 75. Giới thiệu và các thiết lập cơ bản
    09:05
  • 77. 76. Bắt đầu với Formik
    08:24
  • 78. 77. Validation với Formik
    11:06
  • 79. 78. Validation với yup
    06:09
  • 80. 79. Sử dụng Hook useFormik
    08:36
  • 81. 80. Sử dụng các component của Formik
    08:36
  • 82. 81. Custom Field
    10:00
  • 83. 82. Xây dựng contact form
    10:58
  • 84. 83. Ghi dữ liệu lên json server
    09:12
  • 85. 84. Tổng kết khóa học
    00:59

Mô tả khoá 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

Giảng viên:

Đinh Nguyễn Trọng Nghĩa Giảng viên

Đinh Nguyễn Trọng Nghĩa

  • 0 điểm đánh giá

  • 0 đánh giá

  • 38 học viên

  • 9 khóa học

Xin chào, Tôi là Trọng Nghĩa. Tôi thích viết code và cũng thích giúp mọi người viết được code. Tôi đã có hơn 10 năm kinh nghiệm lập trình và giảng dạy. Hiện đang giảng dạy tại bộ môn Khoa học dữ liệu và Trí tuệ nhân tạo.

Tôi có thể hỗ trợ các bạn về các vấn đề liên quan đến AI, Data Science và Full-stack Web developer, với các ngôn ngữ lập trình như python, JavaScript, PHP, C#, java, cùng với các thư viện để thực hiện công việc như Flask, Django, React, Nodejs, …

Hy vọng được kết nối với các bạn ❤️❤️❤️

Khoá học cùng chủ đề

VBAG02 - Ứng dụng Mảng, SQL và các Công cụ Nâng cao khác trong Excel và VBA

VBAG02 - Ứng dụng Mảng, SQL và các Công cụ Nâng cao khác trong Excel và VBA

5

(3)

420 học viên

499,000đ

999,000đ

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

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

0

(0)

136 học viên

599,000đ

999,000đ

CG01 - Lập trình C# cơ bản cho Excel

CG01 - Lập trình C# cơ bản cho Excel

3

(3)

Mới xuất bản

399,000đ

799,000đ

Hỏi đáp khóa học

0 thảo luận

Gửi ảnh
Quy định đăng bình luận
Gửi ảnh
Quy định đăng bình luận

Thảo luận về bài học

6 thảo luận

Thu Thủy

Thu Thủy 20 Feb 2023

Em k tìm thấy bài về  useReducer 
Đinh Nguyễn Trọng Nghĩa

Đinh Nguyễn Trọng Nghĩa [Giảng viên] 24 Feb 2023

Chào bạn, khóa học không có bài riêng về useReducer. Tuy nhiên, nội dung này được giới thiệu sơ trong một vài bài học. 

Trân trọng.
Linh Nguyễn tuyên

Linh Nguyễn tuyên 29 Nov 2022

Mến chào Thầy.

      Thầy cho xin file bài giảng để học.

Trân trọng cám ơn Thầy.
Đinh Nguyễn Trọng Nghĩa

Đinh Nguyễn Trọng Nghĩa [Giảng viên] 30 Nov 2022

Mình đã đính kèm slide bài giảng và code của khóa học vào bài giảng rồi nhé, bạn tham khảo thêm. Cảm ơn bạn.
{"id":113453,"crm_contact_id":143217,"name":"Linh Nguy\u1ec5n tuy\u00ean","email":"tuyenlinhnguyen@gmail.com","status":1,"refresh_login":0,"password_reset":1,"last_update_password":null,"confirmation_code":"8a9de7e4a7415a61ee8eca6a6f9833ce","confirmed":1,"session_id":null,"enable_api":0,"access_key":null,"created_at":"2020-12-08T05:13:58.000000Z","updated_at":"2023-05-25T13:19:57.000000Z","deleted_at":null,"unit_name":null,"grade":0,"avatar_disk":"","avatar_path":"","gender":0,"birthday":"1976-05-08 00:00:00","position":null,"achievement":null,"full_name":null,"address":"1960 hu\u1ef3nh t\u1ea5n ph\u00e1t","status_text":"","user_type":"","social_facebook":"","social_google":"","social_twitter":"","social_linkedin":"","cover_path":"","idvg_id":0,"facebook_id":0,"phone":"0913914756","become_teacher":0,"primary_wallet":0,"secondary_wallet":0,"wallet_type":"","wallet_payment":"","loyalty_point":240322,"google_id":"109292258450573789513","github_id":null,"twitter_id":null,"linkedin_id":null,"bitbucket_id":null,"access_token_onedrive":"","system_status":"pending","account_seeding":0,"path_cv":null,"enable_unsubcribe":0,"clap":0,"view":1,"email_invalid":0,"type_email_invalid":null,"email_unsubcriber":0,"email_bounce":0,"email_compliant":0,"contract_business_name":null,"contract_number":null,"contract_date":null,"contract_delegate":null,"contract_address":null,"contract_account_number":null,"contract_bank":null,"source":null,"login_mobile":0,"gitiho_user":1,"avatar":"https:\/\/gitiho.com\/images\/avatar\/folder_113\/linh-tuyen.png","link_profile":"https:\/\/gitiho.com\/u\/113453-linh-nguyen-tuyen","business_employers":[],"vip_account":{"id":4677,"user_id":113453,"vip_account_id":1,"sale_price":299000,"discount":50,"time_start":"2023-03-06 19:13:27","time_end":"2024-03-06 19:13:27","created_at":"2023-03-06T12:13:27.000000Z","updated_at":"2023-03-06T12:13:27.000000Z"},"roles":[]}

Linh Nguyễn tuyên 30 Nov 2022

Dạ cám ơn Thầy đã gởi slide bài giảng Nhưng Code chưa thấy, nhờ Thầy hướng dẫn nơi lấy code khóa học. Trân trọng cám ơn Thầy. Học Viên Tuyên Linh
{"id":236854,"crm_contact_id":413205,"name":"\u0110inh Nguy\u1ec5n Tr\u1ecdng Ngh\u0129a","email":"trongnghia77@live.com","status":1,"refresh_login":0,"password_reset":0,"last_update_password":null,"confirmation_code":"193a17ac83907a6cc1cd963e350fc054","confirmed":1,"session_id":null,"enable_api":0,"access_key":null,"created_at":"2022-07-27T13:22:08.000000Z","updated_at":"2023-05-30T10:42:12.000000Z","deleted_at":null,"unit_name":null,"grade":0,"avatar_disk":"public","avatar_path":"users\/1659154031.jpg","gender":0,"birthday":null,"position":null,"achievement":null,"full_name":"\u0110inh Nguy\u1ec5n Tr\u1ecdng Ngh\u0129a","address":null,"status_text":"<p>Xin ch\u00e0o, T\u00f4i l\u00e0 Tr\u1ecdng Ngh\u0129a. T\u00f4i th\u00edch vi\u1ebft code v\u00e0 c\u0169ng th\u00edch gi\u00fap m\u1ecdi ng\u01b0\u1eddi vi\u1ebft \u0111\u01b0\u1ee3c code. T\u00f4i \u0111\u00e3 c\u00f3 h\u01a1n 10 n\u0103m kinh nghi\u1ec7m l\u1eadp tr\u00ecnh v\u00e0 gi\u1ea3ng d\u1ea1y. Hi\u1ec7n \u0111ang gi\u1ea3ng d\u1ea1y t\u1ea1i b\u1ed9 m\u00f4n Khoa h\u1ecdc d\u1eef li\u1ec7u v\u00e0 Tr\u00ed tu\u1ec7 nh\u00e2n t\u1ea1o.<\/p><p>T\u00f4i c\u00f3 th\u1ec3 h\u1ed7 tr\u1ee3 c\u00e1c b\u1ea1n v\u1ec1 c\u00e1c v\u1ea5n \u0111\u1ec1 li\u00ean quan \u0111\u1ebfn AI, Data Science v\u00e0 Full-stack Web developer, v\u1edbi c\u00e1c ng\u00f4n ng\u1eef l\u1eadp tr\u00ecnh nh\u01b0 python, JavaScript, PHP, C#, java, c\u00f9ng v\u1edbi c\u00e1c th\u01b0 vi\u1ec7n \u0111\u1ec3 th\u1ef1c hi\u1ec7n c\u00f4ng vi\u1ec7c nh\u01b0 Flask, Django, React, Nodejs, \u2026<\/p><p>Hy v\u1ecdng \u0111\u01b0\u1ee3c k\u1ebft n\u1ed1i v\u1edbi c\u00e1c b\u1ea1n \u2764\ufe0f\u2764\ufe0f\u2764\ufe0f<\/p>","user_type":"","social_facebook":"","social_google":"","social_twitter":"","social_linkedin":"","cover_path":"","idvg_id":0,"facebook_id":0,"phone":"0986942389","become_teacher":0,"primary_wallet":681126,"secondary_wallet":0,"wallet_type":"","wallet_payment":"","loyalty_point":0,"google_id":null,"github_id":null,"twitter_id":null,"linkedin_id":null,"bitbucket_id":null,"access_token_onedrive":"","system_status":"pending","account_seeding":0,"path_cv":null,"enable_unsubcribe":0,"clap":0,"view":346,"email_invalid":0,"type_email_invalid":null,"email_unsubcriber":0,"email_bounce":0,"email_compliant":0,"contract_business_name":"\u0110inh Nguy\u1ec5n Tr\u1ecdng Ngh\u0129a","contract_number":"01.27.07\/2022\/H\u0110HT-GITIHO-SP","contract_date":"2022-09-14T17:00:00.000000Z","contract_delegate":"\u0110inh Nguy\u1ec5n Tr\u1ecdng Ngh\u0129a","contract_address":"65 \u0111\u01b0\u1eddng 49 P10 Q6 TPHCM","contract_account_number":"0028121986","contract_bank":"Ng\u00e2n h\u00e0ng OCB","source":null,"login_mobile":0,"gitiho_user":1,"avatar":"https:\/\/gitiho.com\/caches\/ua_small\/users\/1659154031.jpg","link_profile":"https:\/\/gitiho.com\/teacher\/236854-dinh-nguyen-trong-nghia","business_employers":[],"vip_account":null,"roles":[{"id":8,"name":"Teacher","display_name":"Teacher","guard_name":"web","created_at":"2022-11-30T09:06:55.000000Z","updated_at":"2022-11-30T09:06:55.000000Z","pivot":{"model_id":236854,"role_id":8,"model_type":"App\\Models\\User"}},{"id":17,"name":"partnerAffiliate","display_name":"partnerAffiliate","guard_name":"web","created_at":"2022-11-30T09:06:55.000000Z","updated_at":"2022-11-30T09:06:55.000000Z","pivot":{"model_id":236854,"role_id":17,"model_type":"App\\Models\\User"}}]}

Đinh Nguyễn Trọng Nghĩa [Giảng viên] 01 Dec 2022

Chào bạn, trong Chương 1 - Bài số 2. Tôi đã đính kèm code toàn bộ khóa học trong bài học.

Cảm ơn bạn ^^
Lập trình ReactJS toàn tập
0

(0 đánh giá)

 2 học viên
499,000đ
Scroll Top Top

Hỗ trợ khách hàng

VỀ GITIHO

hợp tác và liên kết

Tải App Gitiho

Kết nối với chúng tôi

Địa chỉ văn phòng: Phòng 302, tầng 3, Tòa nhà Tây Hà, KĐT mới Phùng Khoang, Phường Trung Văn, Quận Nam Từ Liêm, Thành phố Hà Nội, Việt Nam
@ 2020 - Bản quyền của Công ty cổ phần công nghệ giáo dục Gitiho Việt Nam
Giấy chứng nhận Đăng ký doanh nghiệp số: 0109077145, cấp bởi Sở kế hoạch và đầu tư TP. Hà Nội
Giấy phép mạng xã hội số: 588, cấp bởi Bộ thông tin và truyền thông
/