React, Typescript, Redux Toolkit etc: Create A Youtube Clone

React, Typescript, Redux Toolkit etc: Create A Youtube Clone, available at $54.99, has an average rating of 3.75, with 60 lectures, based on 11 reviews, and has 37 subscribers.

You will learn about I would build a beautiful real world project that makes my portfolio stand out from the rest, and gives me a lot of talking points in your interviews. I will learn how to use the latest technologies, including React, Typescript, Redux toolkit, Styled-components, Netlify, Javascript, etc I will learn how to use React and it's advanced concepts to breakdown and build any application that i want. I will learn how to use Typescript with React to build more resilient applications I will learn how to use Styled components to add Themes to my applications and to create highly customizable and re-usable components I will learn how to use the latest Redux toolkit with React and Typescript. I will learn how to add voice recognitions (speech to text) in my applications I will learn how to support different languages in my applications I will learn how to use advanced api and npm libraries with Typescript. I will learn how to handle Routing with React-router-dom I will learn how to host my app on the web along with Continuous integration. This course would make me an advanced, confident, and modern Front-end developer developer. I will sign up for this course 😉 This course is ideal for individuals who are Anyone interested in learning how to build real world apps with React and it's ecosystem or Anyone looking to add a Massive real worl project to make them stand out from the rest It is particularly useful for Anyone interested in learning how to build real world apps with React and it's ecosystem or Anyone looking to add a Massive real worl project to make them stand out from the rest.

Enroll now: React, Typescript, Redux Toolkit etc: Create A Youtube Clone

Summary

Title: React, Typescript, Redux Toolkit etc: Create A Youtube Clone

Price: $54.99

Average Rating: 3.75

Number of Lectures: 60

Number of Published Lectures: 60

Number of Curriculum Items: 60

Number of Published Curriculum Objects: 60

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

I would build a beautiful real world project that makes my portfolio stand out from the rest, and gives me a lot of talking points in your interviews.
I will learn how to use the latest technologies, including React, Typescript, Redux toolkit, Styled-components, Netlify, Javascript, etc
I will learn how to use React and it's advanced concepts to breakdown and build any application that i want.
I will learn how to use Typescript with React to build more resilient applications
I will learn how to use Styled components to add Themes to my applications and to create highly customizable and re-usable components
I will learn how to use the latest Redux toolkit with React and Typescript.
I will learn how to add voice recognitions (speech to text) in my applications
I will learn how to support different languages in my applications
I will learn how to use advanced api and npm libraries with Typescript.
I will learn how to handle Routing with React-router-dom
I will learn how to host my app on the web along with Continuous integration.
This course would make me an advanced, confident, and modern Front-end developer developer.
I will sign up for this course 😉

Who Should Attend

Anyone interested in learning how to build real world apps with React and it's ecosystem
Anyone looking to add a Massive real worl project to make them stand out from the rest

Target Audiences

Anyone interested in learning how to build real world apps with React and it's ecosystem
Anyone looking to add a Massive real worl project to make them stand out from the rest

Welcome, and thank you for you interest in this course.

I am a strong believer in learning by doing. If you wanted to know about how a technology works , you could have just read the documentation. But you’re here to get your hands/keyboard dirty and see how it works, especially in the real world.

In this course we would make a clone of the second most popular website in the world , YouTube! . This would be a hands on practical guide. Which means you would learn about the how to use the latest and greatest technologies in the React ecosystem, as you build the project. This is the type of project that makes your portfolio stand out and gives you alot of talking points in your interviews.

Some cool features you would build :

Handle voice recognition to let a user search by voice.
Add different color themes to your project.
Support different languages in your application.
build highly customizable and re-usable components with styled-components.
and so much more !

Technologies you would learn work with:

React
Javascript
Typescript
Redux toolkit
Styled-components
React router dom
Netlify
Scss
Web design
Front end dev best practices
… etc

What are you waiting for ? We have some work to do , let’s get started! 🙂

Course Curriculum

Chapter 1: Introduction and Setup

Lecture 1: What we are going to build

Lecture 2: Create project

Lecture 3: Fix package warning

Lecture 4: Project files cleanup

Lecture 5: Install styled-components

Lecture 6: Creating the app container

Lecture 7: Adding fonts

Lecture 8: Adding Global styles

Lecture 9: Introducing themes

Lecture 10: Any type, Type annotations and inference

Lecture 11: More on type annotations

Lecture 12: More on Types

Lecture 13: Finish setting up themes

Lecture 14: Using theme

Lecture 15: Union types

Lecture 16: Function annotations

Lecture 17: Using theme from React Context

Chapter 2: Header Section

Lecture 1: Creating the Header container

Lecture 2: Left Section of the header

Lecture 3: Create Auth Button and More Icon Button

Lecture 4: Show tooltips and Dropdown settings

Lecture 5: Settings container

Lecture 6: Searchbar

Lecture 7: Search by voice

Lecture 8: Handling events

Chapter 3: Side menu

Lecture 1: Side menu container

Lecture 2: Side menu – Small

Lecture 3: Side menu – Large

Chapter 4: Categories & Search Features

Lecture 1: Categories section

Lecture 2: Fetching videos

Lecture 3: Adding a loading backdrop

Chapter 5: Homepage Videos section

Lecture 1: Videos Container

Lecture 2: Homepage video item

Lecture 3: Fix video not showing bug

Lecture 4: Adding video time

Lecture 5: Adding video pic and title

Lecture 6: Adding video name and date

Lecture 7: Video shorts section

Lecture 8: Show More/Less Short videos

Lecture 9: Shorts Video wrapup

Chapter 6: Watch Video page section

Lecture 1: Handling Routing

Lecture 2: More Video Suggestions

Lecture 3: More Videos suggestions wrapup

Lecture 4: Watch video screen

Lecture 5: Watch video title and description

Lecture 6: Watch video – User details and subscribe button

Lecture 7: Watch video details wrapup

Lecture 8: App cleanup

Lecture 9: Adding icon

Lecture 10: App wrapup

Chapter 7: React & Redux Toolkit

Lecture 1: Installations

Lecture 2: Introduction and Slice setup

Lecture 3: Setting up the store

Lecture 4: Creating custom hooks

Lecture 5: Handling Dispatch and select

Lecture 6: Actions with Payloads

Chapter 8: Hosting (Make the app live)

Lecture 1: Push to github

Lecture 2: Deploy with netlify

Lecture 3: Fix failed deployment

Chapter 9: Other courses

Lecture 1: Create a Pinterest Clone : React & Styled components

Instructors

Ebuka Beluolisa
Web Developer Instructor

Rating Distribution

1 stars: 1 votes
2 stars: 0 votes
3 stars: 3 votes
4 stars: 3 votes
5 stars: 4 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu