강의

멘토링

로드맵

Inflearn brand logo image
Programming

/

Front-end

Dự án tạo trang YouTube của riêng bạn bằng React (React.js)

Trong bài giảng này, bạn sẽ tạo trang video YouTube React của riêng mình bằng cách sử dụng khung React và API YouTube. Bạn sẽ hiểu các khái niệm cơ bản về React và tìm hiểu cách cấu trúc các thành phần và quản lý trạng thái. Bạn cũng sẽ tìm hiểu cách tận dụng API dữ liệu YouTube để lấy dữ liệu bên ngoài và hiểu cách xử lý phản hồi API nhằm cung cấp thông tin có ý nghĩa cho người dùng của bạn. Mục tiêu là tạo và sử dụng trang YouTube của riêng bạn.

(5.0) 2 đánh giá

33 học viên

  • webstoryboy
3시간 만에 완강할 수 있는 강의 ⏰
실습 중심
포트폴리오
프론트엔드
react.js
사이드프로젝트
React
HTML/CSS
JavaScript
youtube-api

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

  • Các khái niệm cơ bản và cách sử dụng React.js

  • Các thành phần, trạng thái, định tuyến, bối cảnh, phương pháp vòng đời, v.v.

  • Các khái niệm cơ bản và cách sử dụng HTML, CSS và JavaScript

  • API REST để tích hợp dữ liệu với các dịch vụ bên ngoài

[Fron-End, Phát triển Web] Tạo trang web video YouTube bằng React và YouTube API


giới thiệu:

Khóa học này là điểm khởi đầu hoàn hảo cho những người mới bắt đầu tìm hiểu về phát triển front-end và web.

Tại đây, bạn sẽ tạo trang web video YouTube dựa trên React của riêng mình bằng cách sử dụng framework React và YouTube API.

Trong khóa học này, bạn sẽ học các khái niệm và kỹ năng chính sau: (Xem trước bên dưới)


Xem trước:

https://webs-youtube2.netlify.app/

https://webs-youtube2.vercel.app/


Xem trước:

https://github.com/webstoryboy/webs-youtube


Bài học chính:

  1. Kiến thức cơ bản và cách sử dụng React: React là một công nghệ thiết yếu cho phát triển front-end hiện đại. Trong khóa học này, bạn sẽ tìm hiểu những kiến thức cơ bản về React và nắm vững cách xây dựng kiến trúc dựa trên thành phần.

  2. Cấu trúc các thành phần: Tìm hiểu cách cấu trúc và sắp xếp các thành phần của bạn và hiểu cách từng thành phần tương tác với các thành phần khác.

  3. Quản lý trạng thái: Tìm hiểu cách quản lý trạng thái trong các ứng dụng React và xử lý trao đổi dữ liệu giữa các thành phần.

  4. Nhập dữ liệu bên ngoài: Tìm hiểu cách nhập dữ liệu bên ngoài bằng YouTube Data API và hiểu cách xử lý các yêu cầu và phản hồi API.

  5. Cải thiện Trải nghiệm Người dùng: Tìm hiểu cách xử lý phản hồi API để cung cấp thông tin có ý nghĩa cho người dùng. Tìm hiểu cách thiết kế và phát triển giao diện người dùng thân thiện để mang lại trải nghiệm tuyệt vời.

Mục tiêu của khóa học:

Khóa học này sẽ trang bị cho người tham gia kiến thức về React và các kỹ năng để xây dựng trang web video YouTube của riêng mình. Họ cũng sẽ học cách tận dụng API để tích hợp dữ liệu bên ngoài và hiển thị dữ liệu đó một cách hiệu quả trong các ứng dụng web của mình.


Làm việc với Trang kênh

스크린샷 2023-10-20 오전 10.18.43.png


Làm việc với các trang video

스크린샷 2023-10-20 오전 10.22.09-min.png



Hoạt động tìm kiếm trang

스크린샷 2023-10-20 오전 10.21.42-min.png


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

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

  • Bất cứ ai muốn tạo danh mục đầu tư của riêng mình

  • Bất kỳ ai muốn tạo trang web bằng API YouTube

  • Bất cứ ai muốn tạo một trang web bằng React

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

  • HTML/CSS

  • Cơ bản về Javascript

Xin chào
Đây là

124

Học viên

6

Đánh giá

6

Trả lời

5.0

Xếp hạng

4

Các khóa học

나는 공간을 만드는 것을 좋아한다.
어렸을 때부터 나만의 공간을 만드는 것을 좋아했다. 
내가 만든 공간 속에서 누군가가 영감을 받거나 마음을 움직이게 하는 것이 목표다.
코딩은 이런 매력적인 공간을 만들 수 있는 힘이라 생각한다. 
그 한구석에 나만의 꿈을 담아두고, 개발을 하면 살고 싶다.

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

Tất cả

23 bài giảng ∙ (9giờ 0phút)

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

Đánh giá

Tất cả

2 đánh giá

5.0

2 đánh giá

  • kbh31768382님의 프로필 이미지
    kbh31768382

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    30% đã tham gia

    • didimu0601님의 프로필 이미지
      didimu0601

      Đánh giá 1

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      1.405.028 ₫

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

      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!