React (React.js) vừa miếng ăn: Từ cơ bản đến thực chiến
Cùng tìm hiểu từ các khái niệm cơ bản đến những dự án độc đáo, hoàn thành JavaScript và React chỉ với một khóa học này.
Học ngắn gọn, ứng dụng chuyên sâu — khóa học All-in-one kéo dài 18 giờ!
Trên thực tế, tôi đã đăng ký khóa học trước khi gia hạn và đã hoàn thành khóa học một lần.
Sau đó, do hoàn cảnh khác nhau, tôi đã nghỉ học khoảng 1-2 năm.
Tôi quay lại vì tôi cảm thấy cần phải học lại React.
Khi quay lại thì thấy năm nay nó đã được đổi mới hoàn toàn!
Tôi nhớ trước đây về tổng thể nó là một bố cục chắc chắn.
Phiên bản mới dễ hiểu hơn và
Tôi cảm thấy như họ đã bổ sung cái này cái kia một cách tinh tế hơn.
Thông thường những trường hợp đổi mới tổng thể như thế này tôi chỉ thấy những trường hợp mở bài giảng mới.
Cảm ơn bạn đã cho phép các sinh viên hiện tại tiếp tục xem phiên bản mới.
Tôi có thể cảm nhận được sự chân thành đối với các giảng viên và học sinh nên tôi rất xúc động theo từng tập phim.
Chỉ còn lại bước triển khai cuối cùng.
Hãy xem kỹ ba bài giảng còn lại và chăm chỉ ôn tập chúng.
Tôi sẽ làm nó tốt với tôi.
Cảm ơn bạn rất nhiều.
5.0
지지지지지
100% đã tham gia
Tôi thực sự muốn thành thạo React trước cuối năm nay... Tôi rất vui vì đã đạt được mục tiêu cá nhân của mình!!! Tôi thực sự khuyên bạn nên tham gia khóa học này, đề phòng trường hợp có người vẫn đang do dự khi mua khóa học này (có thể là...?)... Tôi bắt đầu quan tâm đến công việc lễ tân trước khi tốt nghiệp đại học nên đã vội vàng bỏ khóa học vì lý do Tôi không phải là người mới bắt đầu nhưng nó quá khó nên tôi đã lặp lại nên tôi đã nghe. Sau đó, tôi nghĩ sẽ hơi khó để học React khi tôi không biết JavaScript, vì vậy tôi đã học một bài giảng JavaScript cơ bản từ người hàng xóm Hyobin và mua riêng một cuốn sách về JS, rồi học lại bài giảng với những điều cơ bản... Thật sự rất dễ hiểu. Tôi đã có một trải nghiệm!!!!! (Tất nhiên, không có vấn đề gì khi chỉ tham gia lớp học của Giáo viên Jeonghwan, nhưng tôi muốn tìm hiểu sâu hơn về những điều cơ bản một cách chi tiết hơn...) Tôi tự hỏi liệu có ngày nào đó tôi hiểu được mã không... nhưng điều này ngày đó đã đến với tôi... tất nhiên tôi vẫn còn là người mới bắt đầu và tôi đã quên một số nội dung trong phần đầu tiên của bài giảng, và chắc chắn có một số phần rất khó viết mã. của riêng tôi, nhưng sau khi nghe bài giảng React này, tôi đã có cảm nhận về quá trình phát triển web tổng thể và tôi đã học được rất nhiều điều về lần cuối cùng tôi tham gia bài giảng này. Tôi không tiếc thời gian. Trên hết, tài liệu trực quan + mã + cách diễn đạt rõ ràng sẽ giúp bạn tỉnh táo... Bạn chắc chắn nên mua khóa học này. (Không phải quảng cáo;;) Jeonghwan, xin hãy dạy em lâu dài nhé... Cảm ơn em! Vậy thì, tôi sẽ chuyển sang bài giảng TypeScript tiếp theo!!! Những bài giảng của thầy Jeong Hwan mà các bạn có thể tin tưởng và lắng nghe.
5.0
서지현
100% đã tham gia
Tôi thực sự rất thích lớp học. Đây là lớp học trực tuyến vững chắc đầu tiên trong đời tôi. 😊 😊
Lý do lớn nhất khiến tôi có thể kiên trì là vì chất lượng bài giảng quá tốt.
Cách diễn đạt của người hướng dẫn rất hay và hơn hết là nội dung bài giảng rất giàu thông tin.
Nó rất dễ thực hành vì nó bao gồm những nội dung thực sự cần thiết và được giải thích một cách tận tình.
Sau khi học xong hai bộ CRUD cơ bản (Todo, nhật ký cảm xúc), tôi đã hiểu các khái niệm và nghĩ rằng nó sẽ giúp ích rất nhiều cho việc luyện tập sau này.
Sau khi khóa học được sản xuất, dịch vụ hậu mãi cho việc nâng cấp phiên bản React Router V7 cũng rất tốt.
Nếu bạn gặp lỗi trong khi thực hiện, hãy tìm kiếm trên cộng đồng để tìm các bài đăng tham khảo được đăng bởi những người khác mắc lỗi chính tả và các lỗi khác như tôi, điều này rất hữu ích.
Tôi nghĩ rằng việc có thể giải thích mọi thứ một cách dễ dàng và dễ hiểu như vậy là một phẩm chất tuyệt vời đối với một người hướng dẫn. Thấy bạn soạn bài giảng rõ ràng như vậy, tôi nghĩ bạn cũng sẽ phát triển rất tốt.
Hãy làm nhiều bài giảng hơn nữa. Tôi là một nhà phát triển phụ trợ và tôi còn chút thời gian vào cuối năm nên tôi đã chọn khóa học này vì tôi muốn học React. Tôi tự khen mình đã chọn khóa học này. 😊 😊
Chúc thầy may mắn, người hướng dẫn. Hãy giữ sức khỏe và có những bài giảng hay vào năm 2025.
Bạn sẽ nhận được điều này sau khi học.
[JavaScript] Học nhanh để không nhàm chán! Nắm vững kiến thức cốt lõi về JavaScript
[Node.js] Nắm vững các khái niệm cốt lõi của Node.js để chạy JavaScript
[React.js] Nắm vững các khái niệm cốt lõi và cách sử dụng React.js
[Kiến thức CS] Kiến thức CS về mạng, đám mây và các lĩnh vực khác ngoài frontend
[Dự án] Dự án thực tế được triển khai thông qua Vercel - Nhật ký cảm xúc
[Cộng đồng] Tham gia cộng đồng dành riêng cho hơn 2.000 học viên
Ngay cả trong thời đại AI, bạn vẫn có thể chinh phục React chỉ với một khóa học. Tôi sẽ giúp bạn học React theo từng phần nhỏ, dễ tiếp thu. 🔥
Nhờ sự yêu mến của đông đảo học viên, chúng tôi đã có thể cùng Nhà xuất bản Insight phát hành khóa học thành sách. Một lần nữa, xin chân thành cảm ơn tất cả các học viên và những người đã dành sự quan tâm cho khóa học.
Phiên bản cải tiến React vừa miệng, dễ học Hướng tới khóa học React thân thiện nhất và dễ hiểu nhất trên thế giới
Năng lực thực sự vẫn có giá trị trong thời đại AI, từ nền tảng JavaScript đến các dự án thực tế với React.js
React.js là thư viện JavaScript chạy trong môi trường Node.js. Do đó, suy cho cùng React.js chỉ là công cụ giúp bạn sử dụng JavaScript tốt hơn.
Ngay cả trong thời đại AI viết code thay bạn, điều này vẫn không thay đổi. Nếu không hiểu đúng JavaScript và Node.js, bạn sẽ không thể tận dụng React.js một cách hiệu quả.
Khóa học này dạy bạn từ những kiến thức cơ bản về JavaScript, qua Node.js đến React.js. Nhưng nếu chỉ học đơn thuần thì cũng nhàm chán, đúng không! Bạn sẽ học React.js thông qua tổng cộng 3 dự án. Trong quá trình này, bạn sẽ trở thành một lập trình viên frontend vững vàng về nền tảng, có thể thoải mái đọc và chỉnh sửa cả mã do AI tạo ra.
Thời lượng 18 giờ Tổng cộng 3 dự án React.js
Khóa học này không chỉ dừng lại ở cách sử dụng đơn giản ở mức mà AI có thể hướng dẫn. Bạn còn được tìm hiểu nhiều kiến thức CS xoay quanh React.js, đồng thời có thể rèn luyện tư duy lập trình thông qua việc thực hiện tổng cộng 3 dự án gồm ứng dụng máy tính, danh sách việc cần làm và nhật ký cảm xúc.
Cấu trúc khóa học
📌 Phần 1~2. Kiến thức cơ bản và nâng cao về JavaScript
Trước khi học React.js, chúng ta sẽ tìm hiểu các khái niệm cơ bản và nâng cao về JavaScript. Từ những khái niệm cơ bản như kiểu dữ liệu và toán tử, đến những nội dung nâng cao như các phương thức mảng và tác vụ bất đồng bộ, chúng ta sẽ cùng tìm hiểu. Ngay cả khi đã biết JavaScript, bạn vẫn có thể xem lại phần này để ôn tập.
📌 Phần 3. Node.js
React.js là công nghệ hoạt động dựa trên Node.js. Vì vậy, nếu không biết Node.js thì bạn không thể hiểu React.js Trong phần 3, chúng ta sẽ tìm hiểu Node.js là gì, vì sao nó ra đời và có những chức năng nào, đồng thời thực hành các nội dung này.
📌 Phần 4. Tổng quan về React.js
Tìm hiểu React.js là gì, có những điểm khác biệt nào so với các công nghệ khác và cách React.js giải quyết những hạn chế của các công nghệ trước đây. Qua quá trình này, chúng ta sẽ hiểu sâu hơn về React.js.
📌 Phần 5. Nhập môn React.js
Tạo một React App mới và tìm hiểu các chức năng cơ bản của React như Component, State, Props. Cùng với phần thực hành, bạn sẽ trải nghiệm tất cả các chức năng cơ bản và hiểu một cách trực quan, toàn diện với tài liệu hình ảnh.
⛳️ Phần 6. Dự án React.js 1. Ứng dụng bộ đếm
Dự án React đầu tiên “ứng dụng bộ đếm” là một dự án đơn giản nhưng tuyệt vời để bạn trực tiếp tìm hiểu nguyên lý hoạt động và triết lý thiết kế của React.js.
📌 Phần 7. Vòng đời
Cũng giống như mọi người đều được sinh ra, trải qua thời kỳ ấu thơ, tuổi thiếu niên, tuổi thanh niên, tuổi già rồi đến buổi xế chiều, mọi component React cũng được sinh ra, thay đổi và biến mất. Vòng đời của những component như vậy được gọi là lifecycle.
Khi hiểu và có thể kiểm soát vòng đời của component, bạn sẽ có thể thực hiện hành động mong muốn vào thời điểm mong muốn. Vì vậy, trong phần 7, chúng ta sẽ tìm hiểu về vòng đời và cách kiểm soát nó thông qua thực hành.
⛳️ Phần 8. Dự án React.js 2. Ứng dụng danh sách việc cần làm
Bạn sẽ tự mình tạo dự án React thứ hai "ứng dụng danh sách việc cần làm". Trong quá trình triển khai dự án này, bạn sẽ tìm hiểu các chức năng như CRUD (thêm, truy vấn, sửa, xóa) và tìm kiếm cũng như nhiều cách xử lý dữ liệu dạng mảng trong React.
📌 Phần 9. useReducer - Tách biệt logic quản lý trạng thái
Việc phân tách mã theo vai trò luôn là một đức tính trong phát triển phần mềm. Hãy cùng tìm hiểu về useReducer, công cụ giúp phân tách mã quản lý trạng thái phức tạp, rồi trực tiếp áp dụng vào dự án danh sách việc cần làm để thực hành.
📌 Phần 10. Tối ưu hóa
Nếu trong dự án của chúng ta tồn tại những phép tính không cần thiết thì sao? Tất nhiên là cần mạnh dạn loại bỏ chúng! Hãy cùng tìm hiểu nhiều kỹ thuật tối ưu hóa React App để loại bỏ các phép tính lãng phí và trực tiếp áp dụng vào dự án danh sách việc cần làm để thực hành.
📌 Phần 11. Context
Tìm hiểu về Context, giúp cung cấp dữ liệu cho nhiều component một cách ngắn gọn và gọn gàng hơn đồng thời thực hành bằng cách áp dụng trực tiếp vào dự án danh sách việc cần làm.
⛳️ Phần 12. Dự án React.js 3. Nhật ký cảm xúc
Chúng ta sẽ vận dụng tất cả các khái niệm đã học để tự mình xây dựng dự án cuối cùng — Nhật ký cảm xúc. Ngoài ra, chúng ta sẽ sử dụng cơ sở dữ liệu của trình duyệt và triển khai dự án để người dùng có thể truy cập. Liên kết bản demo:https://emotion-diary.winterlood.com/デモリンク：https://emotion-diary.winterlood.com/
📌 Phần 13. Lời kết
Khóa học kết thúc nhưng việc học của chúng ta chưa dừng lại. Hãy cùng trao đổi về định hướng mà chúng ta nên tiến tới trong tương lai.
4 nguyên tắc cho khóa học React thân thiện nhất thế giới
📣 Nguyên tắc 1. Nhất định phải giải thích dễ hiểu và thân thiện, trực quan
Dù nội dung có phức tạp và khó đến đâu! chúng tôi đã không ngừng nỗ lực để giải thích một cách tận tình và dễ hiểu cùng với các tài liệu trực quan. Tất cả đều là hình ảnh do chúng tôi tự tạo, vì vậy bạn có thể chụp màn hình và sử dụng trong các bài đăng blog học tập của mình. 😃
📣 Nguyên tắc 2. Phát âm rõ ràng để vẫn nghe được mọi thứ khi phát ở tốc độ nhanh
Nếu bạn đang nghe lại để ôn tập hoặc bận rộn, hãy nghe với tốc độ phát nhanh hơn nhé! Tôi đã đặc biệt chú ý để bạn vẫn nghe rõ cách phát âm ngay cả khi tăng tốc tối đa 2 lần 😎 (Hãy thử nghe video bên dưới được phát ở tốc độ 1,5 lần!)
📣 Nguyên tắc 3. Lưu trữ mã sao cho dễ tìm kiếm
Thật đáng tiếc nếu bạn lưu trữ những đoạn mã thực hành đã dày công viết một cách tùy tiện, đúng không? Chúng tôi đã chú trọng sắp xếp và lưu trữ mã theo từng phần để bạn có thể xem lại bất cứ lúc nào. Liên kết kho lưu trữ mã:https://github.com/winterlood/onebite-react-v2
📣 Nguyên tắc 4. Không ngừng giao tiếp
Tập trung trong cộng đồng dành riêng cho học viên, cùng chia sẻ kiến thức và thông tin mới để phát triển.
HTML và CSS에 대한 이해가 있으신 분들이 듣기에 최적화된 강의입니다. 다만 강의 중간중간에 설명이 존재하기에 내용 숙지가 빠삭하지 않아도 됩니다!
Q. Tôi mới bắt đầu. Tôi không rành về JavaScript và Node.js, vậy học khóa này có được không?
Vâng, chào mừng bạn! 🙋♂️ Khóa học này cũng cung cấp những kiến thức JavaScript và Node.js cần thiết để học React. Vì vậy, chỉ với khóa học này, bạn có thể học trước các kiến thức nền tảng cần thiết cho React, rồi tiếp tục học React.
Q. Trong khóa học sẽ đề cập đến mức độ nào?
Chúng tôi đề cập đến lý do React ra đời, cách sử dụng cơ bản và các kỹ thuật tối ưu hiệu năng cho việc phát triển sản phẩm thực tế. Ngoài ra, bạn sẽ triển khai thực tế bằng Vercel và hoàn thiện với phần thiết lập Open Graph, bao gồm mọi kiến thức cần thiết để phát triển một dự án web từ đầu đến cuối.
Portfolio và video cá nhân
Khuyến nghị cho những người này
Khóa học này dành cho ai?
Người mới bắt đầu làm quen với React
Những người muốn học thử React.js dù không rành về JavaScript và Node.js!
Những người muốn học cùng nhiều học viên thông qua các thử thách hoàn thành khóa học, v.v.
Những người muốn tạo ra sản phẩm đáng tự hào để khoe sau khi hoàn thành khóa học
Người từng viết HTML & CSS dù chỉ một lần (không cần phải giỏi đâu!)
Nó có khả năng giải thích và nội dung như vậy, nhưng mức giá này chẳng có ý nghĩa gì.
Tôi nghĩ bạn có thể trả gấp đôi số tiền đó, nhưng bài giảng thực sự có vẻ như ông chủ bị điên.
Thật khó để nói rằng tôi đã lĩnh hội được mọi thứ nhưng tôi sẽ thành thạo nó thông qua việc học hỏi nhiều lần.
Cảm ơn bạn đã làm một bài giảng tuyệt vời :) !!
Lần đầu tiên tôi lấy React bằng tiếng Anh từ một trang web khác. Vì tôi đang tham gia khóa học mà không hiểu 100% tiếng Anh nên tôi gặp vấn đề với việc hiểu nhầm các khái niệm hoặc không hiểu lời giải thích. Vì vậy, tôi đã tìm kiếm một khóa học React tại Infrun và nó có vẻ tốt nên tôi đã tham gia. Bài giảng bắt đầu bằng JavaScript nên thật tuyệt khi có thể học được JavaScript. Tôi đã học được rất nhiều về React vì nó giải thích rõ ràng các khái niệm. Một điều đáng thất vọng là khi giải thích A->C, có một số phần ở giữa sẽ dễ hiểu hơn nhiều nếu A->B->C cũng được giải thích cho đến B. . Nhiều người khác cũng để lại thắc mắc về những điều này trong phần hỏi đáp của bài giảng. Nếu chỉ cải thiện những phần này thì tôi nghĩ đó thực sự sẽ là một bài giảng 100 điểm.
I actually bought the course for 1,000 won on April Fool's Day, just in case... like a lottery ticket... but it feels like I've really won the lottery. I feel bad that I'm listening to and studying such a great course for almost free... The lectures are so kind, and the examples are explained so clearly, it's really, really good. Thank you so much, and I love you... 😭😭
Tôi chưa xem hết, nhưng theo quan điểm của tôi sau khi mua một số khóa học React, đây là khóa học hay nhất.
Các bài giảng khác có thể được tạo ra bởi các nhà phát triển JavaScript có kinh nghiệm. Nhưng có một vấn đề.
Những người có kinh nghiệm giảng bài khi họ đã có sẵn hình ảnh về cách hoạt động của mã trong đầu. Vì vậy, tôi vừa giảng bài vừa nói và viết mã giống như chú Bob.
Tuy nhiên, từ góc nhìn của người mới bắt đầu, thật khó chịu khi làm theo mã mà không có một bức tranh rõ ràng về những gì đang diễn ra trong đầu bạn và thậm chí bạn còn không hiểu khái niệm này.
Trong bài giảng này, khái niệm này trước tiên được giải thích thông qua hình ảnh để giải thích điều gì sẽ xảy ra khi bạn sử dụng một chức năng nhất định trước mã, sau đó mã sẽ được hiển thị trong đầu.
Hầu hết người hướng dẫn là nhà phát triển. Vì tôi không phải là nhà giáo dục/chuyên ngành giáo dục nên tôi cảm thấy có quá nhiều bài giảng được biên soạn không theo tiêu chuẩn về phương pháp giảng dạy hiệu quả, nhưng bài giảng này thực sự là hay nhất.
Tôi thậm chí còn chưa xem toàn bộ bài giảng nhưng tôi đã mua TypeScript.
Chất lượng tuyệt vời nhưng giá cả của khóa học cũng rất hợp lý. Tôi cũng mua một cuốn sách để có thể uống thêm một tách cà phê nữa. 'Cảm ơn bạn' vì những bài giảng mà tôi đã trả bằng tiền của mình. Đó là một cách diễn đạt kỳ lạ nên tôi không sử dụng nó thường xuyên.
Tuy nhiên, bài giảng này ' Cảm ơn bạn rất nhiều'.
Nếu có thể, sẽ thật tuyệt nếu bạn cũng có thể cung cấp các bài giảng về Express.js, Next.Js và TDD!
![[VOD] Hoàn thành trong 6 tuần! Lập trình Vibe cô đặc cho thực tế phát triển (Cursor AI, Figma)Hình thu nhỏ khóa học](https://cdn.inflearn.com/public/files/courses/338156/cover/01k4c77bftwd8ec4k0yakavbrc?w=420)
![# [Electron #1] Ứng dụng Timer với Electron + React (Sử dụng Zustand)Hình thu nhỏ khóa học](https://cdn.inflearn.com/public/files/courses/336817/cover/01jwx9ttbwnetdsbt5qrxgxb3x?w=420)
