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! 🙂
-
1
What we are going to build -
2
Create project
-
3
Fix package warning
-
4
Project files cleanup
-
5
Install styled-components
-
6
Creating the app container
-
7
Adding fonts
-
8
Adding Global styles
-
9
Introducing themes
-
10
Any type, Type annotations and inference
-
11
More on type annotations
-
12
More on Types
-
13
Finish setting up themes
-
14
Using theme
-
15
Union types
-
16
Function annotations
-
17
Using theme from React Context
Lessons:
