دوره Next JS - ساخت پروژه کامل وب برای کلونسازی یوتیوب
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- یاد میگیرید چگونه از Next.js برای رندرینگ سمت سرور و تولید سایت استاتیک استفاده کنید.
- ساخت کلون کامل تابعی از یوتیوب با استفاده از تکنولوژیهای مدرن وب
- API یوتیوب را یکپارچه میکنید تا ویدئوها را واکشی کرده و آنها را در اپلیکیشن نمایش دهید.
- استفاده از تایپاسکریپت برای نوشتن کد دارای تایپ ایمن و افزایش قابلیت نگهداری پروژه
- ساخت طراحیهای وب واکنشگرا با Tailwind CS
- پیادهسازی کامپوننتهای DaisyUI برای توسعه سریع رابط کاربری
- راهاندازی قابلیت پلیبک ویدئو مشابه یوتیوب
- دنبال کردن شیوههای کد تمیز برای توسعه قابل نگهداری و مقیاسپذیر
- نوشتن کدی مطابق با استانداردهای صنعت که به شیوههای توسعه حرفهای پایبند باشد.
- استقرار اپلیکیشن کلون یوتیوب در Vercel Cloud برای میزبانی بدون سرور
- درک اینکه چگونه رندرینگ سمت سرور را با Next.js پیاده کنید.
- بهبود کدنویسی خود با تایپهای استاتیک تایپاسکریپت
- استفاده از رویکرد Utility-First در Tailwind CSS برای طراحی کامپوننتهای رابط کاربری سفارشی
پیشنیازهای دوره
- دانشجویان نیازی به دانشی قبلی برای شرکت در دوره ندارند. آنها همه موارد را یاد خواهند گرفت.
توضیحات دوره
در این دوره جامع به دنیای توسعه وب مدرن پرداخته و یک کلون کامل تابعی از یوتیوب میسازید. این دوره پروژه محور و عملی برای دانشجویانی طراحی شده که به یادگیری Next.js و کسب پایهای قوی در تکنولوژیهای توسعه وب علاقهمند هستند. شما یاد خواهید گرفت که چگونه یک وب اپلیکیشن واقعی بسازید که روی شیوههای کدنویسی استاندارد صنعت و بهترین شیوهها برای کد تمیز و قابل نگهداری تمرکز دارد.
در پایان دوره، شما کلون یوتیوب خود را با طراحی شگفتانگیز و طرحبندی واکنشگرا، که با ابزارها و تکنولوژیهای مدرنی مانند تایپاسکریپت، Tailwind CSS و DaisyUI قوی شده است، ایجاد خواهید کرد. همچنین، پروژه خود را در Vercel Cloud مستقر خواهید کرد تا پروژه شما به صورت آنلاین برای جهانیان قابل مشاهده باشد.
ویژگیهای دوره:
- یادگیری Next.js - کسب دانش عمیق از Next.js، فریمورکی برای رندرینگ سمت سرور، تولید سایت استاتیک و مسیریابی
- Tailwind CSS - تسلط به Tailwind CSS برای ایجاد سریع طراحیهای مدرن و واکنشگرا با استفاده از کلاسهای utility-first
- یکپارچهسازی API - یاد میگیرید چگونه APIs را با پروژه خود یکپارچه کنید، از جمله کار با API یوتیوب برای واکشی ویدئوها و متادیتا به صورت پویا
- طراحی واکنشگرا - ساخت یک طرحبندی کاملاً واکنشگرا که روی تمام دستگاهها، از موبایل تا دسکتاپ کار کند.
- DaisyUI - استفاده از کامپوننتهای DaisyUI برای تسریع در توسعه رابط کاربری و ایجاد طراحی زیبا و تمیز
- پخش ویدئوها - پیادهسازی قابلیت پلیبک ویدئو که مشابه ویژگی استریمینگ ویدئوی یوتیوب باشد.
- کد تمیز و قابل نگهداری - یادگیری بهترین شیوهها برای نوشتن کد تمیز، ماژولار و مقیاسپذیر با تایپاسکریپت که قابلیت نگهداری و خوانایی را تضمین کند.
- کد استاندارد صنعت - نوشتن کد آماده تولید با رعایت استانداردهای صنعتیو پیروی از دستورالعملها برای ساخت یک اپلیکیشن با کیفیت حرفهای.
- استقرار در Vercel Cloud - استقرار پروژه کامل خود در Vercel برای میزبانی سریع و بدون سرور و مقیاسپذیری آسان
این دوره برای دانشجویانی که میخواهند پایهای قوی در توسعه وب بسازند و در استفاده از Next.js، تایپاسکریپت و فریمورکهای CSS مدرن مهارت پیدا کنند ایدهآل است. چه شما مبتدی باشید یا تجربهای در توسعه وب داشته باشید، این دوره تجربه عملی لازم را برای پیشرفت مهارتها و ساخت یک پروژه باارزش برای پورتفولیوی شما فراهم میآورد. هماکنون به ما بپیوندید و شروع به ساخت کلون یوتیوب خود کنید.
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان مشتاق وب که میخواهند با تکنیکهای مدرن توسعه وب آشنا شوند.
- مبتدیانی که علاقهمند به ساخت وب اپلیکیشنهای فولاستک با Next.js هستند.
- توسعهدهندگان فرانتاند که به دنبال تسلط به ریاکت و Next.js برای بهبود عملکرد وب هستند.
- دانشجویانی که میخواهند بیاموزند چگونه اپلیکیشنهای واقعی با استفاده از تایپاسکریپت بسازند.
- کسی که به ساخت اپلیکیشن کلون یوتیوب از صفر علاقهمند است.
- توسعهدهندگانی که میخواهند در مورد Tailwind CSS و DaisyUI برای توسعه سریع رابط کاربری یاد بگیرند.
- کسی که کنجکاو است درباره یکپارچهسازی API و کار کردن با APIs واقعی مانند API یوتیوب بیاموزد.
- افرادی که میخواهند پروژههای وب خود را در Vercel Cloud مستقر کنند.
- طراحانی که میخواهند مهارتهای خود را با ساخت یک وب اپلیکیشن کاملاً واکنشگرا تقویت کنند.
- توسعهدهندگان فولاستک که میخواهند مهارتهای توسعه فرانتاند و بکاند خود را با Next.js تقویت کنند.
- توسعهدهندگانی که میخواهند شیوههای توسعه وب بروز صنعتی و تکنیکهای کدنویسی تمیز را یاد بگیرند.
- دانشجویانی که به یادگیری ساخت اپلیکیشنهای مقیاسپذیر و قابل نگهداری با استفاده از تایپاسکریپت علاقهمند هستند.
- افرادی که میخواهند روندهای مدرن طراحی وب را با استفاده از Tailwind CSS کشف کنند.
- کسی که میخواهد یاد بگیرد چگونه یک وب اپلیکیشن بسازد که ویدئوها را مانند یوتیوب پخش کند.
- توسعهدهندگانی که میخواهند وب اپلیکیشنهای خود را به طور مؤثر با پلتفرمهای ابری مانند Vercel مستقر کنند.
دوره Next JS - ساخت پروژه کامل وب برای کلونسازی یوتیوب
-
پروژه وب کلون یوتیوب - دموی لایو 06:27
-
راهاندازی دایرکتوری پروژه 05:35
-
تولید کلید API گوگل برای پروژه 04:55
-
راهاندازی مسیرهای مختلف برای اپلیکیشن 05:46
-
رابط برای پاسخ API 06:43
-
رابط برای کامپوننتهای مختلف 09:29
-
رابط برای آیتمهای ویدئو 09:31
-
تکمیل رابطهای تایپ 05:33
-
راهاندازی نمونه Axios 03:09
-
آبجکتها برای آیتمهای منوی سایدبار 08:36
-
Wrapper سرویسAPI برای واکشی داده از API 09:14
-
تبدیل کننده مدت زمان برای طول ویدئوی یوتیوب 08:58
-
تبدیل کننده مقدار برای لایکها یا دیگر مقادیر 04:56
-
نصب Daisy UI و پیکربندیها 06:22
-
ایجاد کانتکس برای سایدبار 09:52
-
آشنایی با کامپوننت نوار ناوبری 09:05
-
منوی کشویی برای صفحه نمایش موبایل در نوار ناوبری 07:29
-
Wrap کردن کل اپلیکیشن با کانتکس سایدبار 07:52
-
هندلرهای نوار ناوبری برای عملیاتهای نوار ناوبری 07:18
-
اعمال تنظیمات برای نوار ناوبری 03:20
-
استایلدهی بیشتر برای نوار ناوبری و آیکن نوار ناوبری 09:45
-
فیلد ورودی برای نوار ناوبری برای جستجو در ویدئوها 08:01
-
تکمیل نوار ناوبری با آواتار پروفایل 04:11
-
آشنایی با سایدبار و هندلرها 08:39
-
طراحی سایدبار 11:07
-
تکمیل رابط کاربری برای سایدبار 01:57
-
استایلدهی جهانی برای سایدبار 08:09
-
هندلرها برای مسیر صفحه اصلی 09:55
-
واکشی داده برای مسیر صفحه اصلی و آشنایی با کارت ویدئو 07:01
-
هندلرها برای کامپوننت کارت ویدئو 07:54
-
تکمیل هندلرهای کارت ویدئو 06:54
-
پیادهسازی رابط کاربری برای کارت ویدئو 09:00
-
ساخت بقیه رابط کاربری برای کارت ویدئو 06:47
-
تکمیل رابط کاربری برای کارت ویدئو 06:21
-
آشنایی با صفحه ویدئو پلیر 08:33
-
هندلرها برای ویدئوهای پیشنهادی 08:22
-
هندلرها برای کارت پیشنهادی 08:00
-
رابط کاربری کارت پیشنهادی 09:47
-
هندلرها برای صفحه ویدئو پلیر 09:14
-
تکمیل هندلرها صفحه ویدئو پلیر 08:35
-
مصورسازی ویدئو با iFrame 10:41
-
مصورسازی جزئیات ناشر در صفحه ویدئو 08:37
-
اشکالزدایی مشکل با آیکن و نمایش توضیحات ویدئو 08:35
-
واکشی داده کامنت و نمایش آواتار کامنت دهنده 09:42
-
نمایش کامنتها در صفحه ویدئو 05:39
-
هندلر برای داده صفحه کانال 08:54
-
تکمیل هندلر برای صفحه کانال 07:33
-
شروع رابط کاربری برای صفحه کانال 08:33
-
بنر و اطلاعات صفحه کانال 08:30
-
هندلر تبها برای صفحه کانال 03:19
-
رابط کاربری برای کامپوننت تبها 09:55
-
تکمیل رابط کاربری برای تبها 04:43
-
نمایش جدیدترین ویدئوها و تمام ویدئوها در صفحه کانال 09:29
-
تنظیم صفحه کانال 04:39
-
صفحه کوئری و کارت جستجو 09:59
-
هندلرها برای کارت جستجو 08:59
-
تکمیل رابط کاربری کارت جستجو 08:44
-
استقرار پروژه در Vercel 07:48
مشخصات آموزش
دوره Next JS - ساخت پروژه کامل وب برای کلونسازی یوتیوب
- تاریخ به روز رسانی: 1404/06/14
- سطح دوره:همه سطوح
- تعداد درس:58
- مدت زمان :07:22:45
- حجم :4.24GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy