دوره آموزشی
دوبله زبان فارسی
دوره Next.js - ساخت پروژه اپلیکیشن فیلم آماده تولید
✅ سرفصل و جزئیات آموزش
در این دوره اپلیکیشن های واقعی را با Next.js و Tailwind CSS و Material UI و تایپ اسکریپت می سازید. شما با پروژه پویای Next.js شروع می کنید.
آنچه یاد خواهید گرفت
- ساخت اپلیکیشن فیلم کاملاً تابعی با استفاده از Next JS و TMDB API
- تسلط به مفاهیم اصلی Next JS مانند رندرینگ سمت سرور (SSR) و تولید سایت استاتیک (SSG)
- پیاده سازی طراحی های واکنش گرا با استفاده از Tailwind CSS
- ایجاد کامپوننت های مدرن و شیک با Material UI
- یکپارچه سازی تایپ اسکریپت برای توسعه اپلیکیشن ایمن و مقیاس پذیر
- مدیریت مسیرهای API و واکشی داده در Next JS
- توسعه ویژگی جستجوی پویا با نتایج بلادرنگ
- ایجاد صفحه بندی، فیلترینگ و طرح بندی های پیشرفته برای فیلم ها و نمایش های تلویزیونی
- استقرار پروژه ها در Vercel برای اپلیکیشن های لایو و آماده تولید
- بهینه سازی اپلیکیشن ها برای واکنش گرایی در دستگاه های موبایل و دسکتاپ
توضیحات دوره
در بوت کمپ جامع Next.js، اپلیکیشن های واقعی و آماده تولید را از ابتدا می سازید. پروژه اصلی یک وب اپلیکیشن فیلم با استفاده از API TMDB است که در آن دانشجویان موارد زیر را یاد خواهند گرفت:
- واکشی داده فیلم از TMDB API
- پیاده سازی ویژگی جستجوی پویای فیلم
- ایجاد صفحه جزئیات فیلم با تریلرها و اطلاعات بازیگران
- ساخت یک اسلایدر واکنش گرا برای فیلم های برجسته
- قابلیت صفحه بندی و فیلترینگ فیلم ها و نمایش های تلویزیونی
- کاملا واکنش گرا کردن اپلیکیشن برای موبایل و دسکتاپ با استفاده از Tailwind CSS و Material UI
این دوره برای چه کسانی مناسب است؟
- مبتدیانی که به دنبال توسعه وب با Next JS هستند.
- توسعه دهندگان مشتاقی که می خواهند پروژه های واقعی بسازند.
- توسعه دهندگان فرانت اند که به دنبال افزایش مهارت های خود با فناوری های مدرن هستند.
- کسی که علاقه مند به یادگیری در مورد تایپ اسکریپت و مزایای آن است.
- طراحانی که می خواهند نمونه های اولیه تابعی را با Tailwind CSS پیاده کنند.
- دانشجویان مشتاق به یادگیری یکپارچه سازی API در وب اپلیکیشن ها
- حرفه ای ها با هدف گسترش مجموعه مهارت های خود با Material UI
- افرادی که علاقه مند به ساخت وب اپلیکیشن های واکنش گرا و پویا هستند.
- توسعه دهندگانی که می خواهند پروژه های خود را در ابر مستقر کنند.
- کسی که به دنبال ایجاد یک پورتفولیو با پروژه کامل اپلیکیشن فیلم است.
دوره Next.js - ساخت پروژه اپلیکیشن فیلم آماده تولید
-
مقدمه 04:28
-
بررسی پروژه وب اپلیکیشن فیلم با Next JS - دموی لایو 05:35
-
راه اندازی پروژه و تم 09:40
-
مسیرهای مطلق 04:55
-
مسیر تودرتو و مسیر پویا 06:41
-
طرح بندی 08:48
-
نوار ناوبری 05:51
-
تنظیمات نوار ناوبری برای صفحه نمایش موبایل 08:14
-
فیلد ورودی نوار ناوبری 03:39
-
Context API در ری اکت 02:55
-
TMDB API 06:13
-
واکشی داده فیلم برای Context API 09:09
-
بخش بنر ساده 09:11
-
تایپ فیلم صفحه بنر پویا 07:25
-
تایپ گلوبال ایمن برای هر فیلم ها 05:39
-
تابع سفارشی برای اسلایدر بنر 09:53
-
دایره پیشرفت شمارش معکوس سفارشی برای بنر 04:36
-
دکمه بنر بهینه شده 02:19
-
بنر BG، بنر پوستر و پوشش گرادیان 06:15
-
جزئیات بنر 07:33
-
عنصر رتبه بندی از MUI 10:36
-
اسلایدر دوم 08:33
-
داده اسلایدر واکشی شده 08:29
-
سفارشی سازی اسلایدر 04:31
-
استایل دهی اسلایدر 09:08
-
واکشی داده کانتینرهای گروه کارت 09:15
-
گرید بندی گروه کارت 04:06
-
Prop Drilling رسانه به کارت تلویزیون و فیلم 07:21
-
کارت های فیلم 09:02
-
تکمیل کارت فیلم 05:08
-
راه اندازی کانتکس صفحه 04:07
-
رندرینگ شرطی صفحات 09:09
-
تابعی کردن صفحه بندی 08:52
-
بروزرسانی States و تایپ کانتکس 09:44
-
بروزرسانی کانتکس پیش فرض 06:30
-
بروزرسانی Fetch API برای کانتکس 08:54
-
آشنایی با تب ها 06:01
-
افزودن هندلر به تب های فعال 08:26
-
صفحه نمایش تلویزیونی 08:26
-
کارت های نمایش تلویزیونی 07:44
-
تایپ نمایش تلویزیونی برای کارت تلویزیون 10:08
-
صفحه جزئیات فیلم 08:18
-
قابلیت صفحه جزئیات فیلم 09:34
-
Data Drilling در کامپوننت های رابط کاربری 08:37
-
بنر جزئیات رسانه در صفحه جزئیات فیلم 08:37
-
رندرینگ داده در کامپوننت جزئیات رسانه 09:37
-
تکمیل کامپوننت جزئیات رسانه 06:11
-
آشنایی با کامپوننت تریلر 05:40
-
آشنایی با کامپوننت پلیر یوتیوب 05:08
-
آشنایی با کامپوننت Casting 09:08
-
رندرینگ بازیگران فیلم 05:09
-
افزودن انیمیشن ها به کامپوننت Casting 04:00
-
آشنایی با کامپوننت صحنه ها 06:08
-
تکمیل کامپوننت صحنه ها 06:30
-
آشنایی با کامپوننت مودال صحنه 09:02
-
آشنایی با کامپوننت فیلم مشابه 07:58
-
تکمیل کامپوننت فیلم مشابه 06:38
-
صفحه جزئیات برای نمایش های تلویزیونی 09:00
-
آشنایی با کامپوننت فوتر 05:20
-
ساخت نوار ناوبری شرطی بر اساس مسیر فعلی 08:09
-
تنظیم استایل نوار ناوبری 05:31
-
آشنایی با کامپوننت تاگل تم 09:44
-
تنظیم کامپوننت سرچ باکس 07:50
-
تکمیل کامپوننت سرچ باکس 03:03
-
آشنایی با کامپوننت نتیجه جستجو 08:49
-
تصحیح States و اشکال زدایی 14:26
-
میزبانی کل پروژه در Vercel 10:38
مشخصات آموزش
دوره Next.js - ساخت پروژه اپلیکیشن فیلم آماده تولید
- تاریخ به روز رسانی: 1404/06/14
- سطح دوره:همه سطوح
- تعداد درس:67
- مدت زمان :08:11:58
- حجم :5.83GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy
آموزش های مرتبط
The Great Courses
7,256,500
1,451,300 تومان
- زمان: 09:44:25
- تعداد درس: 67
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
2,220,500
444,100 تومان
- زمان: 02:58:50
- تعداد درس: 16
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
37,255,500
7,451,100 تومان
- زمان: 50:00:27
- تعداد درس: 171
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
7,767,500
1,553,500 تومان
- زمان: 10:25:35
- تعداد درس: 134
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
4,639,500
927,900 تومان
- زمان: 06:13:40
- تعداد درس: 42
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
10,599,000
2,119,800 تومان
- زمان: 14:13:39
- تعداد درس: 135
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
41,920,500
8,384,100 تومان
- زمان: 56:16:09
- تعداد درس: 284
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
31,118,000
6,223,600 تومان
- زمان: 41:46:09
- تعداد درس: 155
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
16,427,000
3,285,400 تومان
- زمان: 22:02:59
- تعداد درس: 99
-
سطح دوره:
-
زبان: دوبله فارسی