Cùng tìm hiểu từ khái niệm đến các dự án độc đáo và hoàn thành JavaScript cũng như React chỉ trong một khóa học này. Học ngắn gọn, ứng dụng lâu dài với khóa học All-in-one dài 17 giờ!
14,305 học viên
Độ khó Cơ bản
Thời gian Không giới hạn
Đánh giá từ những học viên đầu tiên
5.0
23
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
지지지지지
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
서지현
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.
Phát triển dự án nhật ký cảm xúc được triển khai thực tế
JavaScript, Node.js, Cách thức hoạt động của Web All-in-One
Viết code React sạch đẹp, kỹ thuật tối ưu hiệu suất
Nhấp vào hình ảnh để di chuyển đến lộ trình.
> Link lộ trình : https://link.onebitefe.com/r/3wokpi
Link khóa học series
> React cắt nhỏ từng miếng vừa ăn:https://inf.run/v3XAj
> TypeScript cắt nhỏ từng miếng vừa ăn: https://inf.run/FpLm4
> Next.js cắt nhỏ từng miếng vừa ăn: https://inf.run/v3XAj
Bạn có thể hoàn thành React chỉ với một khóa học. Tôi sẽ giúp bạn học từng phần nhỏ một cách dễ hiểu. 🔥 Nhờ sự yêu mến của rất nhiều học viên, nhà xuất bản Insight
React, bạn có thể hoàn thành với một khóa học.
Tôi sẽ giúp bạn có thể học từng phần nhỏ một cách dễ dàng. 🔥
Nhờ sự yêu mến của rất nhiều học viên mà tôi đã có thể xuất bản khóa học thành sách cùng với nhà xuất bản Insight.
Một lần nữa, tôi 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.
Nhờ đó mà tôi đã có thể xuất bản khóa học thành sách cùng với nhà xuất bản Insight. Một lần nữa, tôi 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.
React.js là một thư viện JavaScript chạy trong môi trường Node.js.
Do đó, React.js cuối cùng chỉ là một công cụ giúp bạn sử dụng JavaScript tốt hơn.
Vì vậy, nếu bạn không hiểu đúng về JavaScript và Node.js thì bạn sẽ không thể sử dụng React.js một cách hiệu quả.
Khóa học này sẽ học React.js thông qua JavaScript cơ bản và Node.js.
Nhưng chỉ học thôi thì lại nhàm chán! Học React.js thông qua tổng cộng 3 dự án.
Qua quá trình này, bạn sẽ trở thành một lập trình viên frontend với nền tảng vững chắc.
Khóa học này không chỉ dạy cách sử dụng đơn thuần React.js.
Chúng ta cũng sẽ tìm hiểu các kiến thức CS đa dạng xoay quanh React.js và thông qua tổng cộng 3 dự án
ứng dụng đếm số, danh sách công việc, nhật ký cảm xúc, bạn có thể rèn luyện tư duy lập trình.
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ừ các 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 hay xử lý bất đồng bộ.
Ngay cả khi bạn đã biết JavaScript, đây cũng là cơ hội tốt để ôn tập lại.
| 
|
React.js là một công nghệ hoạt động dựa trên Node.js. Do đó, không thể hiểu React.js mà không biết Node.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 chức năng gì thông qua thực hành.
| 
|
Tìm hiểu React.js là gì và có những điểm khác biệt gì so với các công nghệ khác, đồng thời xem xét chi tiết 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.
| 
|
Tạo một React App mới và tìm hiểu về các tính năng cơ bản của React như Component, State, Props, v.v.
Thực hành sử dụng tất cả các tính năng cơ bản và hiểu một cách trực quan hoàn hảo thông qua các tài liệu hình ảnh.
| 
|
Tự tay tạo dự án React đầu tiên "Ứng dụng đếm số".
Đây là một dự án tuyệt vời tuy đơn giản nhưng có thể giúp bạn hiểu được nguyên lý hoạt động và triết lý thiết kế của React.js.
Giống như mọi con người sinh ra, trải qua thời thơ ấu, tuổi thiếu niên, tuổi thanh niên, tuổi già và đến lúc hoàng hôn, tất cả các component React cũng được sinh ra, thay đổi và biến mất. Chu kỳ sống 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 sẽ có thể thực hiện các hành động mong muốn vào đúng 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ùng thực hành cách kiểm soát nó.
| 
|
Tự tay xây dựng dự án React thứ hai "Ứng dụng Todo List".
Trong quá trình triển khai dự án này, chúng ta sẽ tìm hiểu về CRUD dữ liệu (thêm, xem, sửa, xóa) và chức năng tìm kiếm,
cùng nhiều phương pháp xử lý dữ liệu dạng mảng trong React.
Việc tách biệt code theo vai trò luôn là một đức tính trong phát triển phần mềm.
Chúng ta sẽ tìm hiểu về useReducer giúp tách biệt code quản lý state phức tạp
và thực hành bằng cách áp dụng trực tiếp vào dự án Todo List
| 
|
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? Chúng ta phải loại bỏ chúng một cách dứt khoát!
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 todolist
|
|
Tìm hiểu về Context giúp cung cấp dữ liệu cho các component khác nhau một cách ngắn gọn và gọn gàng hơn
và thực hành bằng cách áp dụng trực tiếp vào dự án danh sách công việc
| 
|
Khám phá Context giúp cung cấp dữ liệu cho các component khác nhau 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 todolist
Tạo trực tiếp dự án cuối cùng - Nhật ký cảm xúc bằng cách vận dụng tổng hợp tất cả các khái niệm đã học.
Ngoài ra, 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.
Link demo:https://emotion-diary.winterlood.com/
| 
|
Khóa học kết thúc nhưng việc học của chúng ta không dừng lại.
Hãy cùng nói về hướng đi cần có trong tương lai.
Dù nội dung có phức tạp và khó đến đâu!
Tôi đã nỗ lực không ngừng để giải thích một cách dễ hiểu và thân thiện cùng với tài liệu trực quan.
Tất cả đều là những hình ảnh tôi tự tạo nên bạn có thể chụp màn hình và sử dụng cho bài đăng blog học tập của mình. 😃
Tôi đã nỗ lực không ngừng để giải thích một cách thân thiện và dễ hiểu cùng với tài liệu. Tất cả đều là hình ảnh tôi tự tạo nên bạn có thể chụp màn hình và sử dụng cho bài đăng blog học tập. 😃
| 
|
| 
|
Nếu bạn đang nghe lại để ôn tập hoặc bận rộn thì hãy thử nghe ở tốc độ nhanh!
Tôi đã đặc biệt chú ý để phát âm có thể nghe rõ ràng ngay cả khi tăng tốc lên đến 2 lần 😎
(Hãy thử nghe video phát ở tốc độ 1.5 lần bên dưới!)
Sẽ tiếc nếu lưu trữ những đoạn code thực hành đã công phu viết ra một cách bừa bãi phải không?
Tôi đã chú ý để bạn có thể lưu trữ code được phân chia tốt theo từng phần, giúp bạn có thể xem lại bất cứ lúc nào.
Link kho lưu trữ code: https://github.com/winterlood/onebite-react-v2
Học viên tập trung vào cộng đồng chuyên dụng để chia sẻ kiến thức, tin tức và cùng nhau phát triển.
디스코드 채널 참가 : https://discord.gg/YDqhkH8XkNQ. Đối tượng học viên của khóa học này là ai?
Đây là khóa học được tối ưu hóa cho những người có hiểu biết về HTML, CSS.
Tuy nhiên, vì có giải thích xuyên suốt khóa học nên bạn không cần phải nắm vững hoàn toàn nội dung!
Q. Tôi mới bắt đầu học. Tôi chưa biết nhiều về JavaScript, Node.js thì có nghe được không?
Vâng, chào mừng bạn! 🙋♂️
Khóa học này sẽ cung cấp cho bạn kiến thức JavaScript và Node.js cần thiết để học React.
Do đó, chỉ với khóa học này, bạn có thể học các kiến thức cơ bản cần thiết cho React trước, sau đó học luôn React.
Q. Khóa học này sẽ đề cập đến mức độ nào?
Khóa học bao gồm từ lý do ra đời của React, cách sử dụng cơ bản, đến các kỹ thuật tối ưu hóa hiệu suất cho phát triển production thực tế.
Ngoài ra, bạn sẽ được hướng dẫn triển khai thực tế bằng Vercel và hoàn thiện với cấu hình Open Graph,
đảm bảo cung cấp đầy đủ kiến thức để phát triển dự án web từ đầu đến cuối.
Khóa học này dành cho ai?
Người mới bắt đầu tiếp xúc với React lần đầu
Người muốn học React.js mặc dù chưa biết nhiều về JavaScript và Node.js!
Người muốn học tập cùng nhiều học viên khác thông qua thử thách hoàn thành khóa học, v.v.
Người muốn tạo ra thành quả đáng tự hào khi hoàn thành khóa học
Người đã từng viết HTML & CSS ít nhất một lần (không cần phải giỏi đâu!)
Cần biết trước khi bắt đầu?
👋 Kiến thức cơ bản về HTML, CSS
37,205
Học viên
2,604
Đánh giá
1,600
Trả lời
4.9
Xếp hạng
13
Các khóa học
웹 프론트엔드 한 입 크기로 잘라먹어 볼까요?!
안녕하세요 🙇♂
저는 무엇이든 쉽고 재미있게 설명할 방법이 있다고 믿는 사람이자
세상에서 가장 따뜻한 개발자 커뮤니티를 만들고자 하는 사람입니다.
📚 도서
📹 강의
한 입 크기로 잘라먹는 Next.js
한 입 크기로 잘라먹는 타입스크립트
한 입 크기로 잘라먹는 리액트
Tất cả
98 bài giảng ∙ (18giờ 33phút)
Tài liệu khóa học:
8. 1.5) Kiểu dữ liệu
11:46
9. 1.6) Ép kiểu
08:28
10. 1.7) Toán tử 1
13:37
11. 1.8) Toán tử 2
08:48
13. 1.10) Vòng lặp
08:01
14. 1.11) Hàm
11:33
17. 1.14) Scope
06:41
20. 1.17) Mảng
04:12
Tất cả
1,272 đánh giá
4.9
1,272 đánh giá
Đánh giá 27
∙
Đánh giá trung bình 4.7
5
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... 😭😭
Đánh giá 3
∙
Đánh giá trung bình 5.0
Đánh giá 5
∙
Đánh giá trung bình 5.0
5
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!
Đánh giá 8
∙
Đánh giá trung bình 4.9
5
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.
Đánh giá 2
∙
Đánh giá trung bình 5.0
5
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 :) !!
999.261 ₫
Hãy khám phá các khóa học khác của giảng viên!
Khám phá các khóa học khác trong cùng lĩnh vực!
![[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)Course Thumbnail](https://cdn.inflearn.com/public/files/courses/338156/cover/01k4c77bftwd8ec4k0yakavbrc?f=avif&w=420)
![Từ sự kiện đến SPA, động cơ thiết yếu của web tương tác - [Chinh phục hoàn toàn DOM Part 2]Course Thumbnail](https://cdn.inflearn.com/public/files/courses/338102/cover/01k1bjkdeb2ap7p4b0vb2fck06?f=avif&w=420)
![# [Electron #1] Ứng dụng Timer với Electron + React (Sử dụng Zustand)Course Thumbnail](https://cdn.inflearn.com/public/files/courses/336817/cover/01jwx9ttbwnetdsbt5qrxgxb3x?f=avif&w=420)
