Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
Programming

/

Web Development

Tạo trang web tìm kiếm thành tích League of Legends với React.js + Node.js

Khóa học này là khóa học tập trung vào thực hành, nơi bạn tự mình xây dựng 'trang web tra cứu lịch sử đấu Liên Minh Huyền Thoại' bằng cách sử dụng Riot Games API, React.js và Node.js. Học viên sẽ học một cách tự nhiên thông qua thực hành, bằng cách làm theo dự án từng bước, từ cách sử dụng API cơ bản, kết nối frontend (React.js) và backend (Node.js, Express.js), trực quan hóa dữ liệu lịch sử đấu, và đến việc triển khai UI theo phong cách op.gg. Thay vì lý thuyết phức tạp, bạn có thể nhanh chóng trải nghiệm kết quả thông qua việc 'tự mình làm theo', tập trung vào code.

(5.0) 4 đánh giá

43 học viên

  • neneee
실습 중심
프로젝트
포트폴리오
React
Node.js
api
Portfolio
Clone Coding

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

  • Cách sử dụng Riot Open API

  • Phát triển UI tra cứu thành tích thời gian thực với React.js

  • Xây dựng máy chủ proxy backend bằng Node.js & Express.js

  • Kết nối Front-end - Back-end và xử lý dữ liệu thành tích thời gian thực

Tạo trang web tìm kiếm kỷ lục LoL của riêng bạn 💡

Trong bài giảng này , chúng ta sẽ tạo một trang web tìm kiếm kỷ lục Liên Minh Huyền Thoại tích hợp với Riot Games Open API bằng cách sử dụng Node.js và React.js.
Bằng cách tách biệt phần front-end và back-end, bạn sẽ hiểu được cấu trúc REST API và thực hành truy xuất dữ liệu trận đấu thực tế, xác thực người dùng, xử lý dữ liệu và đầu ra màn hình thông qua Riot API.

Tìm hiểu toàn bộ quy trình cần thiết cho các dự án thực tế, từng bước, bao gồm xây dựng phần phụ trợ bằng Node.js và Express, tích hợp với Riot API và phát triển phần giao diện người dùng bằng React.js .
Bạn có thể trực tiếp triển khai tóm tắt trận đấu theo phong cách op.gg và màn hình trận đấu chi tiết , đồng thời tích lũy kinh nghiệm phát triển thực tế về luồng yêu cầu API, xử lý dữ liệu và cấu hình UI.

Khóa học này là khóa học thực hành, tập trung vào mã được thiết kế để giúp bạn học cách sử dụng Riot API một cách tự nhiên và tạo các dịch vụ web dựa trên React.js và Node.js mà không cần lý thuyết phức tạp.
Sau khi hoàn thành khóa học này , bạn sẽ có đủ khả năng tạo trang web tìm kiếm dữ liệu của riêng mình bằng Riot API.

👏 Nếu bạn tham gia tất cả các bài giảng!

  • Hiểu về kiến trúc máy chủ proxy

  • Cách sử dụng OpenAPI


Tìm hiểu về những điều này

Xây dựng máy chủ proxy bằng React.js + Node.js 💻

Xây dựng một máy chủ proxy đơn giản và triển khai một công cụ tìm kiếm đơn giản như OP.GG. Tìm hiểu cấu trúc yêu cầu và phản hồi API và trực quan hóa dữ liệu của bạn.

Danh sách kết quả tìm kiếm đầy đủ

Phân tích tài liệu API chính thức và hiểu API 📃

Dựa trên tài liệu Riot Games Open API chính thức , bạn sẽ phát triển khả năng diễn giải các thông số kỹ thuật API và áp dụng chúng vào các dịch vụ thực tế.
Tìm hiểu từng bước cách đọc luồng lệnh gọi API và thông số kỹ thuật cũng như cách sử dụng dữ liệu thực tế.

API chính thức của Riot

Tài liệu bài giảng được cung cấp 📖

Chúng tôi cung cấp mã bài giảng và tệp cấu hình bằng Notion.

Vật liệu Notion

Những điều cần lưu ý trước khi tham gia khóa học

Môi trường thực hành

  • Hệ điều hành và phiên bản (OS): Windows 10, Windows 11, macOS

  • Công cụ sử dụng: Visual Studio Code, Postman

  • Thông số kỹ thuật của PC: PC có thông số kỹ thuật cơ bản có khả năng truy cập Internet

Tài liệu học tập

  • Tệp Notion Markdown được cung cấp

Kiến thức và biện pháp phòng ngừa của người chơi

  • Ưu tiên ứng viên có kiến thức trước về React.js và Node.js.

  • Đăng ký Riot

  • Nghiêm cấm phân phối và sao chép trái phép. Tài liệu học tập cũng được bảo hộ bản quyền, và mọi mục đích sử dụng ngoài mục đích học tập cá nhân đều bị nghiêm cấm.

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

Khóa học này dành cho ai?

  • Các nhà phát triển trình độ sơ cấp đến trung cấp muốn nâng cao năng lực phát triển web thông qua các dự án thực tế sử dụng React.js và Node.js.

  • Người muốn phát triển trang web thành tích game cá nhân, dịch vụ trực quan hóa dữ liệu, v.v. bằng Riot Games API.

Cần biết trước khi bắt đầu?

  • React.js

  • Node.js

Xin chào
Đây là

382

Học viên

35

Đánh giá

9

Trả lời

4.6

Xếp hạng

3

Các khóa học

웹 개발을 하다가 게임 개발에 빠져 살고 있는 개발자 입니다!

항상 배우는 마음가짐으로!

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

Tất cả

23 bài giảng ∙ (2giờ 40phút)

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

Đánh giá

Tất cả

4 đánh giá

5.0

4 đánh giá

  • hyuk394025809429님의 프로필 이미지
    hyuk394025809429

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    30% đã tham gia

    • alsrl92956022님의 프로필 이미지
      alsrl92956022

      Đánh giá 2

      Đánh giá trung bình 5.0

      5

      30% đã tham gia

      • ddoyoi님의 프로필 이미지
        ddoyoi

        Đánh giá 8

        Đánh giá trung bình 5.0

        5

        100% đã tham gia

        It's so fun

        • kimszin16481님의 프로필 이미지
          kimszin16481

          Đánh giá 2

          Đánh giá trung bình 5.0

          5

          30% đã tham gia

          358.187 ₫

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

          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!