강의

멘토링

커뮤니티

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) 4 reviews

37 learners

Level Basic

Course period Unlimited

  • webstoryboy
React
React
HTML/CSS
HTML/CSS
JavaScript
JavaScript
youtube-api
youtube-api
React
React
HTML/CSS
HTML/CSS
JavaScript
JavaScript
youtube-api
youtube-api

What you will gain after the course

  • 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

132

Learners

8

Reviews

6

Answers

5.0

Rating

4

Courses

I love creating spaces.
Ever since I was young, I have enjoyed building spaces of my own.
My goal is to have someone feel inspired or moved within a space I have created.
I believe coding is the power that allows me to build such captivating spaces.
I want to live my life as a developer, tucking my own dreams into a corner of those spaces.

Curriculum

All

23 lectures ∙ (9hr 0min)

Published: 
Last updated: 

Reviews

All

4 reviews

5.0

4 reviews

  • gigajini님의 프로필 이미지
    gigajini

    Reviews 2

    Average Rating 5.0

    5

    30% enrolled

    It's great that you explain things easily and well 😊

    • jusu4565401님의 프로필 이미지
      jusu4565401

      Reviews 1

      Average Rating 5.0

      5

      61% enrolled

      The materials are neat and well-organized, and it's great that there's also a blog where you can study.

      • kbh31768382님의 프로필 이미지
        kbh31768382

        Reviews 1

        Average Rating 5.0

        5

        30% enrolled

        • didimu0601님의 프로필 이미지
          didimu0601

          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!