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
Toàn bộ series ONEBITE đang được giảm giá
Dành cho những ai tiếc nuối vì chưa thể tham gia
Giảm giá 35% lần nữa!
Cơ hội cuối cùng dành cho những người đã bỏ lỡ · Tự động kết thúc khi thời hạn kết thúc
Ngay cả trong thời đại AI, cuối cùng 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ỏ, vừa đủ để dễ dàng tiếp thu. 🔥
Nhờ được nhiều học viên yêu mến, chúng tôi đã có thể cùng Nhà xuất bản Insight xuất bản 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 đã quan tâm.
Phiên bản cải tiến React vừa miệng Hướng đến 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 hữu ích 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à một 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 về 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 hướng dẫn bạn từ nền tảng JavaScript, qua Node.js đến React.js. Nhưng nếu chỉ học thôi thì lại chán nhỉ! 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 nhà phát triển frontend có nền tảng vững chắc, có thể thoải mái đọc và sửa cả những đoạn 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 AI có thể hướng dẫn. Khóa học cũng đề cập đến nhiều kiến thức CS xoay quanh React.js, đồng thời bạn có thể phát triể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 bộ đếm, 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. JavaScript cơ bản và nâng cao
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 của JavaScript. Từ những khái niệm cơ bản như kiểu dữ liệu và toán tử, đến các nội dung nâng cao như phương thức mảng và tác vụ bất đồng bộ, chúng ta cũng sẽ cùng tìm hiểu. Ngay cả khi đã biết JavaScript, đây vẫn là nội dung phù hợp để xem lại nhằm ô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ì không thể hiểu React.js Trong phần 3, chúng ta sẽ tìm hiểu Node.js là gì, tại sao nó ra đời và có những tính năng nào, cùng với các bài thực hành.
📌 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. Trong 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. Bạn sẽ thử sử dụng tất cả các chức năng cơ bản qua thực hành và hiểu một cách trực quan, đầy đủ với tài liệu hình ảnh.
⛳️ Phần 6. Dự án React.js 1. Ứng dụng bộ đếm
Hãy tự mình tạo dự án React đầu tiên "ứng dụng bộ đếm". Đây là một dự án đơn giản nhưng rất hữu ích để hiểu rõ 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 như mọi người đều được sinh ra, trải qua thời kỳ ấu thơ, thiếu niên, thanh niên, tuổi già rồi đi đến hoàng hôn của cuộc đời, mọi component React cũng được sinh ra, thay đổi và biến mất. Vòng đời của 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 có thể thực hiện hành động mong muốn vào thời điểm mong muốn. Do đó, trong phần 7, chúng ta sẽ tìm hiểu về vòng đời và cách kiểm soát vòng đời này qua các bài thực hành.
⛳️ Phần 8. Dự án React.js 2. Ứng dụng danh sách việc cần làm
Hãy trực tiếp xây dựng 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, hãy tìm hiểu nhiều cách xử lý dữ liệu dạng mảng, chẳng hạn như CRUD (thêm, truy vấn, chỉnh sửa, xóa) và chức năng tìm kiếm trong React.
📌 Phần 9. useReducer - Tách 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, và thực hành bằng cách trực tiếp áp dụng vào dự án danh sách việc cần làm.
📌 Phần 10. Tối ưu hóa
Nếu trong dự án của chúng ta có những phép tính không cần thiết thì sao? Đương nhiên là phải mạnh dạn loại bỏ chúng! Cùng tìm hiểu các kỹ thuật tối ưu hóa khác nhau của React App để loại bỏ những phép tính lãng phí và 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 11. Context
Chúng ta sẽ 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
Huy động toàn bộ các khái niệm đã học, bạn sẽ trực tiếp xây dựng dự án cuối khóa “Nhật ký cảm xúc”. Ngoài ra, bạn sẽ sử dụng cơ sở dữ liệu trên trình duyệt và triển khai dự án để người dùng có thể truy cập. Liên kết demo: 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 hướng tới trong thời gian tới.
4 nguyên tắc cho khóa học React dễ hiểu và tận tình 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 thân thiện và dễ hiểu cùng với các tài liệu trực quan. Vì tất cả đều là hình ảnh do chúng tôi tự tạo nên 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. 😃
📣 Nguyên tắc 2. Phát âm rõ ràng để vẫn nghe được tất cả khi phát ở tốc độ nhanh
Nếu bạn đang nghe lại để ôn tập hoặc bận, hãy nghe với tốc độ phát nhanh nhé! Tôi đã đặc biệt chú ý để phát âm vẫn rõ ràng ngay cả khi phát ở tốc độ tối đa 2x 😎 (Hãy thử nghe video bên dưới được phát ở tốc độ 1.5x nhé!)
📣 Nguyên tắc 3. Lưu trữ mã nguồn sao cho dễ tìm
Thật 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 đã cẩn thận 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 mã :https://github.com/winterlood/onebite-react-v2
📣 Nguyên tắc 4. Không ngừng giao tiếp
Tập hợp trong cộng đồng dành riêng cho học viên, cùng chia sẻ kiến thức và tin tức để cùng nhau phát triển.
Đây là khóa học được tối ưu cho những người có hiểu biết về HTML và CSS. Tuy nhiên, vì trong quá trình học có phần giải thích đan xen nên bạn không cần phải nắm vững mọi nội dung!
Q. Tôi vừa mới bắt đầu. Tôi không rành về JavaScript và Node.js, liệu học khóa này có ổn không?
Vâng, chào mừng bạn! 🙋♂️ Khóa học này sẽ cung cấp cả 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?
Khóa học đề cập đến mọi nội dung, từ lý do React ra đời, cách sử dụng cơ bản cho đến các kỹ thuật tối ưu hiệu năng phục vụ 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, qua đó nắm được 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!