Học React bằng cách tạo trò chơi trên web
zerocho
Tìm hiểu React thông qua các trò chơi trên web. Tìm hiểu tất cả các lớp và hook, đồng thời tìm hiểu thêm API ngữ cảnh, Bộ định tuyến React, gói web và Babel.
Cơ bản
React
Hãy cùng sử dụng React và TypeScript bằng cách đính kèm TypeScript vào một trò chơi web được tạo bằng React, React Router, Redux và MobX.
906 học viên
Độ khó Trung cấp trở lên
Thời gian Không giới hạn
Đánh giá từ những học viên đầu tiên
5.0
꽃갈피
Tham gia với tư cách là người đánh giá là một cơ hội tuyệt vời và tôi đã có thể tham gia bài giảng mà tôi luôn mong muốn được học miễn phí. Trước hết, khóa học này yêu cầu kiến thức trước về React và TypeScript. Đây không phải là khóa học dạy ngữ pháp của React và TypeScript. Vì vậy, nếu không có kiến thức về điều này, bạn sẽ gặp khó khăn khi theo dõi lớp học. Tuy nhiên, theo quan điểm cá nhân của tôi, nếu bạn biết ngữ pháp cơ bản của cả React và TypeScript ở mức cơ bản thì bạn sẽ không gặp nhiều khó khăn khi tham gia bài giảng. Trong trường hợp của tôi, khi bắt đầu bài giảng, tôi đã nói: "Dễ hơn tôi nghĩ phải không?" Tôi đã có được sự tự tin khi làm như vậy. Tất nhiên, điều đó không có nghĩa là tất cả nội dung đều dễ nghe và có một số nội dung khó nghe. Đặc biệt, Redux yêu cầu một số kiến thức. Tuy nhiên, tôi chưa bao giờ học React Router, ContextAPI hoặc MobX ngoài Redux nên dù không biết nhiều về nó nhưng tôi vẫn có thể theo dõi tốt bài giảng. Ví dụ: React tiến triển bằng cách giải thích ngắn gọn các khái niệm của từng bài giảng. TypeScript cũng được giải thích nhẹ nhàng và lặp đi lặp lại nên tôi có cảm giác như đang sắp xếp lại các khái niệm TypeScript mà tôi đã biết. (Tất nhiên, có thể có một số phần không được giải thích do sự khác biệt của mỗi cá nhân) Một lý do khác khiến tôi chọn khóa học này là vì có phòng Hỏi đáp đang hoạt động và tôi cũng thích việc họ phản hồi nhanh chóng khi có câu hỏi. Bài viết đã dài hơn khi tôi viết, nhưng đã có lúc một công ty mà tôi muốn ứng tuyển phải nộp bài tập để áp dụng TypeScript cho React. Tôi đã cố gắng tự học trong một khoảng thời gian ngắn, nhưng tôi cảm thấy lúng túng khi cố gắng tìm và nghiên cứu từng cái một. Vì vậy, tôi vẫn ở cấp độ cơ bản, nhưng sau khi tham gia khóa học này, giờ đây tôi có thể viết mã bằng TypeScript trong React mà không gặp nhiều khó khăn. Và khi tôi tiếp cận và học được nội dung mới, tôi đã phần nào phục hồi sau tình trạng sa sút mà tôi phải chịu đựng do không cải thiện kỹ năng phát triển của mình. Cảm ơn thầy đã có bài giảng rất hay và chúc thầy luôn gặp điều tốt lành :D
5.0
인프런
Rất khuyến khích
5.0
ina9377
Nghe từng bài một là xong rồi :D Mình sẽ cố gắng tạo kiểu và làm cho nó đẹp.
Phản ứng + TypeScript
Chắc chắn đã gõ
Phản ứng gõ bộ định tuyến
gõ lại
Đánh máy MobX
Một ví dụ về việc tạo trò chơi web bằng React và thêm TypeScript.
Học lập trình React ổn định .
Tiếp theo sau khi học React khi tạo trò chơi web, chúng ta sẽ tạo trò chơi tương tự bằng TypeScript .
Ngoài ra, vì sẽ rất lãng phí nếu chỉ viết về web game, chúng ta cũng sẽ học cách viết về React Router, Redux và MobX, những ngôn ngữ thường được sử dụng cùng với React. Chúng ta sẽ viết cả cú pháp Class và Hooks .
Việc thêm TypeScript làm cho lập trình React trở nên ổn định hơn.
Chúng ta sẽ học cách áp dụng TypeScript vào React thông qua bảng cửu chương, trò chơi nối chữ, bóng chày số, kiểm tra tốc độ phản ứng, trò chơi kéo búa bao, máy xổ số, ô ăn quan và trò chơi dò mìn trên web .
Sử dụng trình duyệt Chrome và Visual Studio Code (hoặc WebStorm).
Phần hay nhất của khóa học là phần Hỏi & Đáp. Bạn cứ hỏi bất kỳ câu hỏi nào và tôi sẽ trả lời trong vòng một ngày.
Hãy học tập tích cực bằng cách thoải mái đặt câu hỏi về nội dung liên quan đến khóa học.
Nó sẽ giúp bạn hiểu nội dung tốt hơn!
H. Bạn sử dụng phiên bản TypeScript nào?
A. Chúng tôi đang sử dụng phiên bản 3.8. Bạn có thể cài đặt bất kỳ phiên bản nào mới hơn.
H. Mã nguồn ở đâu?
H. Bạn có đề cập đến các khái niệm React và Redux không?
A. Trước tiên, bạn phải tham gia các khóa học tiên quyết được liệt kê bên dưới. Khóa học này chỉ bao gồm kỹ năng đánh máy, không bao gồm khái niệm.
H. Có môn học tiên quyết nào không?
A. Bạn nên tham khảo các khóa học "Học React khi Xây dựng Web Game" và "Học TypeScript khi Xây dựng Web Game". Khóa học TypeScript có tính phí, vì vậy bạn có thể thay thế bằng tài liệu chính thức ở một mức độ nào đó.
Khóa học này dành cho ai?
Người đã học TypeScript nhưng chưa biết cách gắn vào React
Những người muốn sử dụng TypeScript và React trong thực tế
Những người sợ gõ vào thư viện của người khác
Cần biết trước khi bắt đầu?
Kiến thức ngữ pháp JavaScript
Khóa học trò chơi web phản ứng
Khóa học trò chơi web TypeScript
Khái niệm cơ bản về Redux, MobX
Xác minh Inflearn
Xác minh sự nghiệp
68,408
Học viên
1,786
Đánh giá
9,773
Trả lời
4.8
Xếp hạng
27
Các khóa học
Ưu điểm trong các bài giảng của tôi là phần Q&A (Từng 2 lần giành giải Chiến thần giải đáp của Inflearn). Tôi sẽ cố gắng phản hồi trong vòng 24 giờ! Tôi sẽ trả lời với tinh thần như đang cùng bạn giải quyết vấn đề!
Một trong những điểm mạnh chính trong các khóa học của tôi là hỗ trợ Giải đáp thắc mắc (Q&A). (Từng hai lần giành giải thưởng "Vua giải đáp" của Inflearn) Tôi sẽ phản hồi các câu hỏi của bạn trong vòng 24 giờ và cố gắng hết sức để giúp đỡ bạn! Bạn sẽ cảm thấy như chúng ta đang cùng nhau giải quyết các vấn đề.
👉Bài giảng của ZeroCho
Lộ trình đầy đủ cho tất cả các bài giảng của ZeroCho. Lộ trình hoàn chỉnh cho tất cả các khóa học của tôi có sẵn tại đây.
– Tác giả của Node.js Textbook, Self-Guided JavaScript by ZeroCho, Let's Get IT JavaScript và TypeScript Textbook
– Người điều hành ZeroCho.com
– Hiện tại) Đang phát sóng về phát triển phần mềm trên YouTube tại ZeroCho TV
– Cựu) CTO tại Smoretalk
– Cựu) CTO của Today's Pickup (Sau khi thương vụ exit với Kakao Mobility, trở thành Trưởng bộ phận phát triển trẻ tuổi nhất tại Kakao Mobility)
Tác giả của Node.js Textbook, Self-Guided JavaScript by ZeroCho, Let's Get IT JavaScript và TypeScript Textbook
Người điều hành ZeroCho.com
Hiện đang vận hành kênh YouTube ZeroCho TV, chuyên về các chủ đề phát triển phần mềm
Cựu CTO tại SmoreTalk
Cựu CTO tại Today Pickup (được Kakao Mobility mua lại, nơi tôi trở thành trưởng nhóm phát triển trẻ tuổi nhất)
Tất cả
36 bài giảng ∙ (7giờ 38phút)
7. Gõ bóng chày số
09:34
8. Props gõ
12:06
Tất cả
27 đánh giá
4.7
27 đánh giá
Đánh giá 4
∙
Đánh giá trung bình 5.0
Đánh giá 67
∙
Đánh giá trung bình 4.9
Đánh giá 11
∙
Đánh giá trung bình 4.8
Đánh giá 7
∙
Đánh giá trung bình 4.9
5
Tham gia với tư cách là người đánh giá là một cơ hội tuyệt vời và tôi đã có thể tham gia bài giảng mà tôi luôn mong muốn được học miễn phí. Trước hết, khóa học này yêu cầu kiến thức trước về React và TypeScript. Đây không phải là khóa học dạy ngữ pháp của React và TypeScript. Vì vậy, nếu không có kiến thức về điều này, bạn sẽ gặp khó khăn khi theo dõi lớp học. Tuy nhiên, theo quan điểm cá nhân của tôi, nếu bạn biết ngữ pháp cơ bản của cả React và TypeScript ở mức cơ bản thì bạn sẽ không gặp nhiều khó khăn khi tham gia bài giảng. Trong trường hợp của tôi, khi bắt đầu bài giảng, tôi đã nói: "Dễ hơn tôi nghĩ phải không?" Tôi đã có được sự tự tin khi làm như vậy. Tất nhiên, điều đó không có nghĩa là tất cả nội dung đều dễ nghe và có một số nội dung khó nghe. Đặc biệt, Redux yêu cầu một số kiến thức. Tuy nhiên, tôi chưa bao giờ học React Router, ContextAPI hoặc MobX ngoài Redux nên dù không biết nhiều về nó nhưng tôi vẫn có thể theo dõi tốt bài giảng. Ví dụ: React tiến triển bằng cách giải thích ngắn gọn các khái niệm của từng bài giảng. TypeScript cũng được giải thích nhẹ nhàng và lặp đi lặp lại nên tôi có cảm giác như đang sắp xếp lại các khái niệm TypeScript mà tôi đã biết. (Tất nhiên, có thể có một số phần không được giải thích do sự khác biệt của mỗi cá nhân) Một lý do khác khiến tôi chọn khóa học này là vì có phòng Hỏi đáp đang hoạt động và tôi cũng thích việc họ phản hồi nhanh chóng khi có câu hỏi. Bài viết đã dài hơn khi tôi viết, nhưng đã có lúc một công ty mà tôi muốn ứng tuyển phải nộp bài tập để áp dụng TypeScript cho React. Tôi đã cố gắng tự học trong một khoảng thời gian ngắn, nhưng tôi cảm thấy lúng túng khi cố gắng tìm và nghiên cứu từng cái một. Vì vậy, tôi vẫn ở cấp độ cơ bản, nhưng sau khi tham gia khóa học này, giờ đây tôi có thể viết mã bằng TypeScript trong React mà không gặp nhiều khó khăn. Và khi tôi tiếp cận và học được nội dung mới, tôi đã phần nào phục hồi sau tình trạng sa sút mà tôi phải chịu đựng do không cải thiện kỹ năng phát triển của mình. Cảm ơn thầy đã có bài giảng rất hay và chúc thầy luôn gặp điều tốt lành :D
Đánh giá 22
∙
Đánh giá trung bình 5.0
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!