Hãy cùng khám phá từ những khái niệm cơ bản đến các dự án độc đáo để hoàn thành JavaScript và React cùng lúc chỉ với khóa học này. Học ngắn gọn, ứng dụng chuyên sâu với khóa học All-in-one thời lượng 18 tiếng!
14,424 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.
[JavaScript] Nhanh chóng để không bị nhàm chán! Nắm vững kiến thức cốt lõi JavaScript vững chắc
[Node.js] Nắm vững các khái niệm cốt lõi của Node.js để vận hành 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.v. nằm ngoài phạm vi Front-end
[Dự án] Dự án thực tế được triển khai 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
> Đăng ký One Bite Challenge khóa 8 (đến hết ngày 22/2) : https://link.onebitefe.com/r/btok4i
Nhấp vào hình ảnh để chuyển đến lộ trình học tập.
> Liên kết lộ trình: https://link.onebitefe.com/r/3wokpi
Link các khóa học trong series
> React vừa tầm mắt :https://inf.run/v3XAj
> TypeScript vừa tầm mắt : https://inf.run/FpLm4
> Next.js vừa tầm mắt : https://inf.run/v3XAj
Trong thời đại AI, cuối cùng thì React vẫn là cốt lõi, bạn có thể nắm trọn kiến thức chỉ với một khóa học.
Tôi sẽ giúp bạn học từng chút một thật dễ dàng. 🔥
Nhờ sự yêu mến của đông đảo các bạn học viên, tôi đã có cơ hội xuất bản nội dung bài giảng thành sách cùng với nhà xuất bản Insight.
Một lần nữa, xin chân thành cảm ơn tất cả các bạn học viên và những người đã quan tâm ủng hộ.
React.js là một thư viện của JavaScript chạy trong môi trường Node.js.
Vì vậy, suy cho cùng React.js cũng chỉ là một công cụ giúp bạn sử dụng JavaScript hiệu quả hơn mà thôi.
Ngay cả trong thời đại AI viết mã thay cho con người, điều này vẫn không thay đổi.
Nếu không hiểu rõ JavaScript và Node.js, bạn sẽ không thể tận dụng tốt React.js.
Khóa học này sẽ hướng dẫn bạn học từ cơ bản JavaScript qua Node.js cho đến React.js.
Nhưng nếu chỉ học bình thường thì thật nhàm chán đúng không nào! Bạn sẽ được 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 Front-end có nền tảng vững chắc,
người có thể đọc và chỉnh sửa thành thạo cả những mã nguồn do AI tạo ra.
Khóa học này không chỉ dừng lại ở cách sử dụng đơn giản như những gì AI hướng dẫn.
Chúng ta sẽ cùng tìm hiểu các kiến thức CS đa dạng xoay quanh React.js, đồng thời xây dựng tổng cộng 3 dự án
bao gồm Ứng dụng đếm số, Danh sách việc cần làm và Nhật ký cảm xúc để cùng 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 chuyên sâu như phương thức mảng hay tác vụ bất đồng bộ cũng sẽ được xem xét.
Ngay cả khi bạn đã biết JavaScript, đây vẫn 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 đó, bạn không thể hiểu rõ React.js nếu không biết về Node.js
Trong phần 3, chúng ta sẽ cùng tìm hiểu Node.js là gì, tại sao nó lại ra đời và nó có những tính năng gì thông qua các bài thực hành.
| 
|
Chúng ta sẽ tìm hiểu React.js là gì, nó có điểm gì khác biệt so với các công nghệ khác và xem xét chi tiết cách nó giải quyết những hạn chế của các công nghệ truyền thống. 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.
Chúng ta sẽ cùng thực hành sử dụng tất cả các tính năng cơ bản và hiểu rõ chúng một cách trực quan thông qua các hình ảnh minh họa.
| 
|
Chúng ta sẽ trực tiếp tạo dự án React đầu tiên mang tên "Ứng dụng Counter".
Mặc dù đơn giản, nhưng đây là một dự án tuyệt vời để bạn có thể hiểu rõ hơn về 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 đều được sinh ra, trải qua thời thơ ấu, thanh thiếu niên, thanh niên, tuổi già và cuối cùng là kết thúc cuộc đời, mọi thành phần (component) trong React cũng được sinh ra, thay đổi và biến mất. Vòng đời này của component được gọi là Lifecycle.
Khi bạn có thể hiểu và kiểm soát được vòng đời (lifecycle) 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. 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 các bài thực hành.
| 
|
Chúng ta sẽ cùng nhau tự tay tạo dự án React thứ hai "Ứng dụng Todo List".
Trong quá trình thực hiện dự án này, chúng ta sẽ tìm hiểu nhiều cách khác nhau để xử lý dữ liệu dạng mảng trong React, chẳng hạn như các chức năng CRUD (Thêm, Xem, Sửa, Xóa) và tìm kiếm dữ liệu.
Việc phân tách mã nguồn theo vai trò luôn là một chuẩn mực trong phát triển phần mềm.
Chúng ta sẽ tìm hiểu về useReducer, công cụ giúp tách biệt các đoạn mã quản lý trạng thái phức tạp,
và thực hành áp dụng trực tiếp vào dự án Todo List.
| 
|
Nếu dự án của chúng ta tồn tại những tính toán không cần thiết? Chúng ta nhất định phải loại bỏ chúng!
Chúng ta sẽ tìm hiểu các kỹ thuật tối ưu hóa khác nhau của React App để loại bỏ các tính toán lãng phí
và thực hành bằng cách áp dụng trực tiếp vào dự án Todo List.
|
|
Chúng ta sẽ tìm hiểu về Context, cách cung cấp dữ liệu cho nhiều thành phần khác nhau một cách ngắn gọn và sạch sẽ hơn,
đồng thời thực hành áp dụng trực tiếp vào dự án Todo List.
| 
|
Chúng ta sẽ vận dụng tất cả các khái niệm đã học từ trước đến nay để trực tiếp tạo ra 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.
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 vẫn chưa dừng lại.
Chúng ta hãy cùng thảo luận về phương hướng cần hướng tới trong tương lai.
Dù nội dung có phức tạp và khó đến đâu đi chăng nữa!
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 các tài liệu trực quan.
Tất cả hình ảnh đều do tôi tự tay tạo ra, nên bạn có thể chụp màn hình và sử dụng cho các bài đăng trên blog học tập của mình. 😃
| 
|
| 
|
Nếu bạn đang nghe lại để ôn tập hoặc đang bận, hãy thử nghe với tốc độ nhanh nhé!
Tôi đã đặc biệt chú ý để đảm bảo phát âm vẫn rõ ràng ngay cả ở tốc độ tối đa gấp 2 lần 😎
(Hãy thử nghe video phát ở tốc độ 1.5 lần dưới đây nhé!)
Sẽ thật đáng tiếc nếu những mã thực hành mà bạn đã dày công viết lại bị lưu trữ một cách lộn xộn đúng không?
Tôi đã đặc biệt chú trọng vào việc chia nhỏ và lưu trữ mã nguồn theo từng phần để bạn có thể xem lại bất cứ lúc nào.
Link kho lưu trữ mã nguồn: https://github.com/winterlood/onebite-react-v2
Chúng ta cùng tập hợp tại cộng đồng dành riêng cho học viên để chia sẻ kiến thức, tin tức và cùng nhau phát triển.
디스코드 채널 참가 : https://discord.gg/YDqhkH8XkNQ. Đối tượng của khóa học này là những ai?
Đây là khóa học được tối ưu hóa cho những ai đã có hiểu biết về HTML và CSS.
Tuy nhiên, vì trong quá trình giảng dạy luôn có phần giải thích đi kèm nên bạn không nhất thiết phải nắm vững nội dung một cách quá chuyên sâu!
Q. Tôi vừa mới bắt đầu. Tôi không biết rõ về JavaScript và Node.js thì có học được không ạ?
Vâng, chào mừng bạn! 🙋♂️
Khóa học này sẽ cung cấp cho bạn cả những kiến thức JavaScript và Node.js thực sự cần thiết để học React.
Vì vậy, chỉ với một 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 đó tiến tới học cả React.
Q. Khóa học này bao quát đến cấp độ nào?
Chúng tôi sẽ đề cập đến mọi thứ từ lý do React ra đời cho đến cách sử dụng cơ bản và các kỹ thuật tối ưu hóa hiệu suất để phát triển sản phẩm thực tế.
Ngoài ra, khóa học còn bao gồm tất cả các kiến thức để bạn có thể phát triển một dự án web từ đầu đến cuối, bằng cách thực hiện triển khai thực tế bằng Vercel và hoàn tất với các thiết lập Open Graph.
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 chưa biết rõ về JavaScript và Node.js nhưng muốn học React.js!
Những người muốn cùng học với nhiều học viên khác thông qua các thử thách hoàn thành khóa học.
Người muốn tạo ra những thành quả đáng tự hào sau khi hoàn thành khóa học.
Người đã từng có kinh nghiệm viết HTML & CSS ít nhất một lần (không cần phải quá giỏi đâu!)
Cần biết trước khi bắt đầu?
👋 Kiến thức cực kỳ cơ bản về HTML, CSS
37,760
Học viên
2,651
Đánh giá
1,623
Trả lời
4.9
Xếp hạng
19
Các khóa học
Chúng ta cùng thưởng thức Web Frontend theo từng miếng nhỏ vừa ăn nhé?!
Xin chào 🙇♂
Tôi là một người tin rằng luôn có cách để giải thích mọi thứ một cách dễ hiểu và thú vị, và
Tôi là người mong muốn tạo ra một cộng đồng lập trình viên ấm áp nhất thế giới.
📚 Sách
"Next.js miếng vừa ăn" đã xuất bản
"React ăn liền" đã xuất bản
📹 Bài giảng
Next.js miếng nhỏ dễ ăn
TypeScript vừa tầm một miếng (TypeScript miếng nhỏ dễ ăn)
React học một lần là hiểu ngay
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
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
20. 1.17) Mảng
04:12
Tất cả
1,294 đánh giá
4.9
1,294 đánh giá
Đánh giá 3
∙
Đánh giá trung bình 5.0
Đá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á 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 :) !!
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!
Ưu đãi có thời hạn, kết thúc sau 5 ngày ngày
33.880 ₫
30%
1.000.416 ₫
![[PROKIT] Bộ công cụ dự án Frontend: Tạo ứng dụng đếm giờHình thu nhỏ khóa học](https://cdn.inflearn.com/public/files/courses/339612/cover/01ke6d974hx4y1esmd9p80w7cx?w=420)
![Học React và Firebase bằng cách làm theo - Tạo ứng dụng trò chuyện [gia hạn 2023.12]Hình thu nhỏ khóa học](https://cdn.inflearn.com/public/course-326181-cover/d012cab3-58e1-45cd-899e-03f86c7b1df1?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)