دوره آموزشی
دوبله زبان فارسی
دوره 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
2,495,000
499,000 تومان
- زمان: 06:19:16
- تعداد درس: 40
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
6,787,000
1,357,400 تومان
- زمان: 17:11:52
- تعداد درس: 113
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
8,360,500
1,672,100 تومان
- زمان: 21:10:47
- تعداد درس: 202
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
5,720,500
1,144,100 تومان
- زمان: 14:29:26
- تعداد درس: 36
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
4,206,500
841,300 تومان
- زمان: 10:39:08
- تعداد درس: 64
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
4,391,000
878,200 تومان
- زمان: 11:07:45
- تعداد درس: 63
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
7,261,000
1,452,200 تومان
- زمان: 18:23:18
- تعداد درس: 103
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
490,000
98,000 تومان
- زمان: 00:57:00
- تعداد درس: 20
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
490,000
98,000 تومان
- زمان: 00:41:00
- تعداد درس: 9
-
سطح دوره:
-
زبان: دوبله فارسی