us
DMCA
Copyright Notice
MENU
الفئات
مقال عن الكتابة
مقالات باللغة الانجليزية
سيره ذاتيه بالانجليزي
كتابة ايميل بالانجليزي
طلب وظيفة بالانجليزي
كتابة ايميل بالانجليزي قصير
كتابة بالانجليزي
تصحيح لغوي انجليزي
تصحيح لغوي انجليزي اون لاين
مصحح لغوي انجليزي
مصحح لغوي انجليزي اون لاين
طريقة كتابة cv باللغة الانجليزية
مدقق املائي انجليزي
مواضيع باللغة الانجليزية
كتابة مقال بالانجليزي
كتابة مقال باللغة الانجليزية
كتابة موضوع باللغة الانجليزية
مقال بالانجليزي
Cv انجليزي
اعداد السيرة الذاتية
السيرة الذاتية باللغة الانجليزية
مقال انجليزي
مقال باللغة الانجليزية
كتابة السيرة الذاتية بالانجليزي
وصف شخص بالانجليزي
كتابة مقال
اكتب مقدمة قصيرة للنص التالي
مقال علمي قصير جدا
كتابة سيرة ذاتية بالانجليزي
روتين يومي بالانجليزي
مقال انجليزي قصير
وصف صديق بالانجليزي
وصف المنزل بالانجليزي
حوار بين شخصين بالانجليزي عن الدراسه
كتابة ايميل بالانجليزي عن رحلة
كيف تكتب سيرة ذاتية بالانجليزي
سيرة الذاتية بالانجليزي
مقال عن التدخين بالانجليزي
خطاب بالانجليزي
تعبير عن نفسك بالانجليزي طويل
مقال قصير بالانجليزي
كتابة مقال قصير
مقال بالانجليزي عن التدخين
كيفية كتابة مقال باللغة الانجليزية
جني المال
طريقة لجلب المال
مشاريع من المنزل
أريد مال باي طريقة
جني المال من المنزل
طرق للحصول على المال
صناعة المال عبر الإنترنت
كيف احصل على المال مجانا
مشروع يدخل ذهب بدون رأس مال
كيف تحصل على المال وأنت صغير
كيفية الاشتراك في جوجل ادسنس
كيف احصل على المال من الانترنت
كيف احصل على المال وانا في المنزل
كيف احصل على المال وانا طالب
كيفية الربح من اليوتيوب
مشاريع براس مال صغير في مصر
كيف احصل على المال من الانترنت مجانا
الربح من المواقع
كيف تطلع فلوس وأنت صغير
طريقة جمع المال للاطفال
مشاريع تجارية كبيرة
كيف تربح الف دولار يوميا
مسابقة ربح السيارة
مسابقة ربح المليون
ربح دولار يوميا
ربح المال من الانترنت مجانا
مشاريع استثمارية
الربح السريع من الانترنت
ربح 100 دولار عند التسجيل
الربح من جوجل بلاي
الربح من الانترنت مجانا
مشاريع مربحة
مشاريع صغيرة مربحة
الربح من الانترنت
مواقع الربح من الانترنت
ربح المال من الانترنت
مشاريع متوسطة
ربح المال من الانترنت بسرعة
افكار مشاريع براس مال صغير
شركات الربح من الانترنت
ربح 50 دولار يوميا
طريقة الربح من التطبيقات المجانية
ربح ألف دولار يوميا
افكار مشاريع تجارية
كيف اجمع المال وانا صغير
مشاريع لجني المال
افكار للربح من المنزل
كيفية الربح من الانترنت للمبتدئين
اسهل طريقة للربح من النت
مشاريع غريبة في اليابان
ربح المال من جوجل بلاي
أفضل مواقع للربح من الاعلانات
كيف تربح من جوجل 100 دولار يوميا
مشاريع ناجحة براس مال صغير
الربح من الانترنت بدون رأس مال
كيفية ربح المال من الانترنت للمبتدئين
أفكار تجيب فلوس
كيف تربح من الفيس بوك 100 دولار يوميا
مواقع الربح من الانترنت عن طريق الاعلانات
مجالات الربح من الانترنت
مواقع الربح من النت المضمونة
انشاء حساب جوجل ادسنس
كم الربح من إعلانات التطبيقات
مشاريع تصنع الملايين
الربح من ادسنس عن طريق الفيس بوك
مشروع يدخل ملايين
أرباح جوجل بلاي
كيف تربح مليون دولار في أسبوع
الربح من جوجل ادسنس للمبتدئين
تطبيقات الربح من الاعلانات
كيف تربح من موقع الخرائط
اربح 100 دولار يوميا من الاعلانات
فكار صنعت ملايين
جوجل ادسنس من الالف إلى الياء
الربح من محرك البحث جوجل
الربح من خرائط جوجل
كيف تجني الملايين
موقع موثوق لربح المال
الربح من جوجل مابس
أفكار صنعت ملايين
مميزات قوقل ماب
مواقع الربح من الانترنت الصادقة
اصدق مواقع الربح من الانترنت
أفضل مواقع الربح من النقر على الاعلانات
شركات الربح من الانترنت الصادقة
أفكار تجلب الملايين
كورس الربح من خرائط جوجل
جاوب علي الأسئلة واربح
الربح من جوجل درايف
الشركات الربحية الصادقة الاكثر في المال
مواقع أخرى الإقليمية
مصر
الإمارات العربية المتحدة
UAE
المغرب
المملكة العربية السعودية
و لي ايضا
الكويت
تونس
الأردن
باكسرين
دولة قطر
الجزائر
Duration 1:49:8
How To Create The YouTube Home Page With Tailwind, React, and TypeScript
by
Web Dev Simplified
47 360 watched
0
1.5 K
Published 10 Oct 2023
The YouTube home page may seem simple at first (that is what I thought), but there are so many small complex interactions that actually make building out this home page design quite complicated. In this video I will show you exactly how to build out the entire YouTube home page from scratch with TailwindCSS, React, and TypeScript. 📚 Materials/References: GitHub Code:
https://github.com/WebDevSimplified/youtube-react-ts-tailwind-home-page
Relative Time Formatter Article:
https://blog.webdevsimplified.com/2020-07/relative-time-format
Grid Video:
/watch/Ms4EdzdsBz9sE
Custom Scrollbar Video:
/watch/sUwc6CmC8_vCc
🌎 Find Me Here: My Blog:
https://blog.webdevsimplified.com
My Courses:
https://courses.webdevsimplified.com
Patreon:
https://www.patreon.com/WebDevSimplified
Twitter:
https://twitter.com/DevSimplified
Discord:
https://discord.gg/7StTjnR
GitHub:
https://github.com/WebDevSimplified
CodePen:
https://codepen.io/WebDevSimplified
⏱️ Timestamps: 01:00:00 - Introduction 01:01:30 - Setup 01:02:37 - Planning 01:04:18 - Page Header 01:32:15 - Categories Header 01:54:00 - Main Video Grid 01:10:45 - Sidebar #TailwindCSS #WDS #ReactJS
Category
Show more
Tags
Webdevsimplified
Youtube home page project
Youtube clone
How to build youtube
Reactjs project
React project
Reactjs tailwind typescript
Typescript project
React typescript projects
Reactjs typescript tailwindcss project
Comments - 104
Related videos for How To Create The YouTube Home Page With Tailwind, React, and TypeScript:
2:49:34
Tucker Carlson Interviews Putin [Full Version]
Meet Kevin
1.9M مشاهدة
11:16
Build and Deploy Notion Clone – Full Stack Tutorial (NextJS 13, DALL•E, DrizzleORM, OpenAI, Vercel)
1.6M views
8:22
Next.js Full Stack w/ Server Actions - Full Walkthrough
7.9M views
4:28
Полный курс по Next.js 13.5 - Изучи новый Nextjs за 54 минуты!
5.1M views
8:34
Page de profil avec Supabase & Next.js en LIVE !
1.9M views
6:16
Next.js 13 App Router #8 - Практика. Приложение с прогресс-баром чтения
5.5M views
15:10
Mastering Flex Basis in CSS with Next.js and TypeScript | CSS Layout Tutorial.
3.1M views
6:31
MEMBUAT SISTEM PENJUALAN DENGAN NEXT JS 13 TYPESCRIPT & MYSQL - CRUD DATA BARANG FRONTEND & BACKEND
2.5M views
18:14
Redirect From 404 Not-Found Page in Next.js (App Router) ⤵️ #netxjs #nextjs13 #nextjstutorial
1.2M views
13:33
Build & Deploy Lava App Using Next.js Typescript & Tailwind CSS
7.8M views
15:17
Next Js with TypeScript: From Scratch to App | Testimonial Wall | Part 5 #nextjs #typescript
6.3M views
18:40
LandingPage with Next js 13.5 with Typescript
5.6M views
18:52
Supabase dynamic envs | Bookmark app | Building app using Next js, Typescript and Supabase
6.6M views
11:54
พื้นฐาน TypeScript บน Next.js, React.js ให้โค้ดรัดกุมเรื่องโครงสร้างข้อมูล #หมีไลฟโค้ด #melivecode
732.8K views
15:19
Full Stack TikTok Clone with Next JS, React, Typescript, Tailwind CSS, Zustand, AppWrite, Vercel
3.6M views
10:27
D-Link DAP-1320 Wi-Fi Extender • Factory reset
7.5M views
16:10
Kingmaker - The Change of Destiny | Episode 15 Trailer
655.4K views
4:17
Kingmaker - The Change of Destiny | Episode 13 Trailer (English Subtitle)
779.1K views
7:59
#gsindia#CHO_ANM-gkGNM_gk_StaffNurse_Quedtions_Ans_VYAPAM_gk_mppeb_, Questions_#mpcho_Ques.upnhm_NHM
4.2M views
6:38
واكواك اش هذا طلامط ابتداء من 20dh من تاج محل 0610740719
5M views
20:21
فضيحه الضابط احمد شومان ضابط مركز ميت سلسيل
763.2K views
15:13
ROAD RAGE Compilation | ANGRY PEOPLE | PaderRiders
1.9M views
12:54
KETIKA SEBUAH KISAH MENJADI SEJARAH!!!! Never Again Part 5 END (Berdasarkan Kisah Nyata!!)
6.7M views
13:27
Endless Numbers Count 90-100
5.4M views
20:12
Endless Numbers Learn To Count From 81 To 90 #endlessnumbers
4.6M views
19:30
endless numbers 1-10
6.1M views
20:17
Endless Numbers Learn To Count From 71 To 80 #endlessnumbers
936.7K views