강의

멘토링

로드맵

Inflearn brand logo image
BEST
Programming

/

Front-end

Ứng dụng TypeScript vào React đã học khi làm web game

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.

(4.7) 27 đánh giá

899 học viên

  • zerocho
React
TypeScript

Đánh giá từ những học viên đầu tiên

Dịch cái này sang tiếng Việt

  • 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 .

Phản ứng + TypeScript
Thích ứng với mục đích sử dụng thực tế bằng các ví dụ về trò chơi web!

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.


🌈 Xem trước các ví dụ bài giảng

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 .

🙌 Các công cụ được đề cập ở đây

Sử dụng trình duyệt Chrome và Visual Studio Code (hoặc WebStorm).


🗒 Trả lời nhanh các câu hỏi
Tôi sẽ trả lời bạn.

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!


🙋🏻‍♂️ Những câu hỏi dự kiến QnA

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?

A. https://github.com/zerocho/ts-react

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 đó.

Khuyến nghị cho
những người này

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

Xin chào
Đây là

65,525

Học viên

1,602

Đánh giá

9,702

Trả lời

4.8

Xếp hạng

22

Các khóa học

제 강의의 장점은 Q&A입니다(인프런 답변왕 2회 수상). 24시간 이내에 최대한 답변드립니다! 같이 고민한다는 느낌으로 답변 드릴게요!

One of the key strengths of my courses is the Q&A support. (Winner of the Inflearn Q&A King award twice) I respond to your questions within 24 hours, doing my best to help you out! You’ll feel like we’re solving the problems together.

👉ZeroCho Lectures
제로초 강의 전체 로드맵. A complete roadmap of all my courses is available here.

– Node.js교과서, 코딩자율학습 제로초의 자바스크립트, Let's Get IT 자바스크립트, 타입스크립트 교과서 저자 
ZeroCho.com 운영자
– 현) 유튜브에서 ZeroCho TV로 개발 관련 방송중 
– 현) 스모어톡 CTO 
– 전) 오늘의픽업 CTO(카카오모빌리티에 엑싯 후 카카오모빌리티 최연소 개발파트장)

  • Author of Node.js Textbook, Self-Guided JavaScript by ZeroCho, Let's Get IT JavaScript, and TypeScript Textbook

  • Operator of ZeroCho.com

  • Currently running a YouTube channel ZeroCho TV, covering development topics

  • CTO at SmoreTalk

  • Former CTO at Today Pickup (acquired by Kakao Mobility, where I became the youngest lead developer)

Chương trình giảng dạy

Tất cả

36 bài giảng ∙ (7giờ 38phút)

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

27 đánh giá

4.7

27 đánh giá

  • beautifuldev님의 프로필 이미지
    beautifuldev

    Đánh giá 5

    Đánh giá trung bình 4.8

    5

    100% đã tham gia

    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

    • snrtn943653님의 프로필 이미지
      snrtn943653

      Đánh giá 67

      Đánh giá trung bình 4.9

      5

      42% đã tham gia

      Rất khuyến khích

      • ina93771967님의 프로필 이미지
        ina93771967

        Đánh giá 4

        Đánh giá trung bình 5.0

        5

        100% đã tham gia

        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.

        • bmworld님의 프로필 이미지
          bmworld

          Đánh giá 9

          Đánh giá trung bình 5.0

          5

          100% đã tham gia

          Kiến thức chi tiết / Nhận thông tin chất lượng cao thông qua các giải thích tập trung vào nơi bạn thực sự cần. Cảm ơn

          • loko님의 프로필 이미지
            loko

            Đánh giá 20

            Đánh giá trung bình 5.0

            5

            100% đã tham gia

            Tôi rất thích bài giảng hay :)

            807.144 ₫

            Khóa học khác của zerocho

            Hãy khám phá các khóa học khác của giảng viên!

            Khóa học tương tự

            Khám phá các khóa học khác trong cùng lĩnh vực!