강의

멘토링

로드맵

Inflearn brand logo image
Programming

/

Front-end

Project to create your own YouTube site using React.js

In this course, you will create your own React YouTube video site using the React framework and YouTube API. You will understand the basic concepts of React, learn how to structure components, and manage state. You will also learn how to use the YouTube Data API to retrieve external data, and understand how to process API responses to provide meaningful information to users. The goal is to create and utilize your own YouTube site.

(5.0) 2 reviews

33 learners

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

What you will learn!

  • Basic concepts and usage of React.js

  • Components, state, routing, context, lifecycle methods, etc.

  • Basic concepts and usage of HTML, CSS, and JavaScript

  • REST API for data integration with external services

[Front-End, Web Development] Creating a YouTube Video Site Using React and the YouTube API


introduction:

This course is the perfect starting point for beginners new to front-end and web development.

Here, you will create your own React-based YouTube video site using the React framework and the YouTube API.

In this course, you will learn the following key concepts and skills: (Preview below)


Preview:

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

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


Preview:

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


Key learnings:

  1. React Basics and Usage: React is an essential technology for modern front-end development. In this course, you'll learn the fundamentals of React and master how to build a component-based architecture.

  2. Structuring Components: Learn how to structure and organize your components, and understand how each component interacts with the others.

  3. State Management: Learn how to manage state in React applications and handle data exchange between components.

  4. Importing External Data: Learn how to import external data using the YouTube Data API and understand how to process API requests and responses.

  5. Improving User Experience: Learn how to process API responses to provide meaningful information to users. Learn how to design and develop user-friendly UIs to deliver a great user experience.

Course Objectives:

This course will equip participants with an understanding of React and the skills to build their own YouTube video website. They will also learn how to leverage APIs to integrate external data and effectively display it in their web applications.


Working with Channel Pages

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


Working with video pages

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



Search page operations

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


Recommended for
these people

Who is this course right for?

  • Anyone who wants to create their own portfolio

  • Anyone who wants to create a site using YouTube API

  • Anyone who wants to create a site using React

Need to know before starting?

  • HTML/CSS

  • Javascript Basics

Hello
This is

124

Learners

6

Reviews

6

Answers

5.0

Rating

4

Courses

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

Curriculum

All

23 lectures ∙ (9hr 0min)

Published: 
Last updated: 

Reviews

All

2 reviews

5.0

2 reviews

  • kbh3176님의 프로필 이미지
    kbh3176

    Reviews 1

    Average Rating 5.0

    5

    30% enrolled

    • didimu님의 프로필 이미지
      didimu

      Reviews 1

      Average Rating 5.0

      5

      100% enrolled

      $51.70

      webstoryboy's other courses

      Check out other courses by the instructor!

      Similar courses

      Explore other courses in the same field!