0

    دوره Next.js - ساخت پروژه اپلیکیشن فیلم آماده تولید

    • 10
    • گروه آموزشی فرهنگی و هنری
    • کف سرمایه0 تومان
    • ریسکمتوسطه
    • سودآوری
    • نیروی انسانی
    • مقیاس

    توضیحات دوره آموزشی

    در این دوره اپلیکیشن های واقعی را با 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افرادی که علاقه مند به ساخت وب اپلیکیشن های واکنش گرا و پویا هستند.توسعه دهندگانی که می خواهند پروژه های خود را در ابر مستقر کنند.کسی که به دنبال ایجاد یک پورتفولیو با پروژه کامل اپلیکیشن فیلم است.

    ویژگی های دوره

    • مهارت حرفه ای
    • زمان یادگیری آزاد
    • اتاق گفتگو
    • هزینه معقول
    • نمایش با موبایل
    • محتوی ویدویی با کیفیت بالا
    • دسترسی طولانی مدت به دوره

    0

    (از 0 رای)
    %0
    %0
    %0
    %0
    %0
    %0
    %0
    ---
    فصل اول
    1 - مقدمه
    0:4

    2 - بررسی پروژه وب اپلیکیشن فیلم با Next JS - دموی لایو
    0:5

    4 - راه اندازی پروژه و تم
    0:9

    5 - مسیرهای مطلق
    0:4

    6 - مسیر تودرتو و مسیر پویا
    0:6

    7 - طرح بندی
    0:8

    8 - نوار ناوبری
    0:5

    9 - تنظیمات نوار ناوبری برای صفحه نمایش موبایل
    0:8

    10 - فیلد ورودی نوار ناوبری
    0:3

    11 - Context API در ری اکت
    0:2

    12 - TMDB API
    0:6

    13 - واکشی داده فیلم برای Context API
    0:9

    14 - بخش بنر ساده
    0:9

    15 - تایپ فیلم صفحه بنر پویا
    0:7

    16 - تایپ گلوبال ایمن برای هر فیلم ها
    0:5

    17 - تابع سفارشی برای اسلایدر بنر
    0:9

    18 - دایره پیشرفت شمارش معکوس سفارشی برای بنر
    0:4

    19 - دکمه بنر بهینه شده
    0:2

    20 - بنر BG، بنر پوستر و پوشش گرادیان
    0:6

    21 - جزئیات بنر
    0:7

    22 - عنصر رتبه بندی از MUI
    0:10

    23 - اسلایدر دوم
    0:8

    24 - داده اسلایدر واکشی شده
    0:8

    25 - سفارشی سازی اسلایدر
    0:4

    26 - استایل دهی اسلایدر
    0:9

    27 - واکشی داده کانتینرهای گروه کارت
    0:9

    28 - گرید بندی گروه کارت
    0:4

    29 - Prop Drilling رسانه به کارت تلویزیون و فیلم
    0:7

    30 - کارت های فیلم
    0:9

    31 - تکمیل کارت فیلم
    0:5

    32 - راه اندازی کانتکس صفحه
    0:4

    33 - رندرینگ شرطی صفحات
    0:9

    34 - تابعی کردن صفحه بندی
    0:8

    35 - بروزرسانی States و تایپ کانتکس
    0:9

    36 - بروزرسانی کانتکس پیش فرض
    0:6

    37 - بروزرسانی Fetch API برای کانتکس
    0:8

    38 - آشنایی با تب ها
    0:6

    39 - افزودن هندلر به تب های فعال
    0:8

    40 - صفحه نمایش تلویزیونی
    0:8

    41 - کارت های نمایش تلویزیونی
    0:7

    42 - تایپ نمایش تلویزیونی برای کارت تلویزیون
    0:10

    43 - صفحه جزئیات فیلم
    0:8

    44 - قابلیت صفحه جزئیات فیلم
    0:9

    45 - Data Drilling در کامپوننت های رابط کاربری
    0:8

    46 - بنر جزئیات رسانه در صفحه جزئیات فیلم
    0:8

    47 - رندرینگ داده در کامپوننت جزئیات رسانه
    0:9

    48 - تکمیل کامپوننت جزئیات رسانه
    0:6

    49 - آشنایی با کامپوننت تریلر
    0:5

    50 - آشنایی با کامپوننت پلیر یوتیوب
    0:5

    51 - آشنایی با کامپوننت Casting
    0:9

    52 - رندرینگ بازیگران فیلم
    0:5

    53 - افزودن انیمیشن ها به کامپوننت Casting
    0:4

    54 - آشنایی با کامپوننت صحنه ها
    0:6

    55 - تکمیل کامپوننت صحنه ها
    0:6

    56 - آشنایی با کامپوننت مودال صحنه
    0:9

    57 - آشنایی با کامپوننت فیلم مشابه
    0:7

    58 - تکمیل کامپوننت فیلم مشابه
    0:6

    59 - صفحه جزئیات برای نمایش های تلویزیونی
    0:9

    60 - آشنایی با کامپوننت فوتر
    0:5

    61 - ساخت نوار ناوبری شرطی بر اساس مسیر فعلی
    0:8

    62 - تنظیم استایل نوار ناوبری
    0:5

    63 - آشنایی با کامپوننت تاگل تم
    0:9

    64 - تنظیم کامپوننت سرچ باکس
    0:7

    65 - تکمیل کامپوننت سرچ باکس
    0:3

    66 - آشنایی با کامپوننت نتیجه جستجو
    0:8

    67 - تصحیح States و اشکال زدایی
    0:14

    68 - میزبانی کل پروژه در Vercel
    0:10

    0
    50,000
    تومان
    دوره Next.js - ساخت پروژه اپلیکیشن فیلم آماده تولید
    اطلاعات کلی دوره
    • سطح آموزشی مقدماتی
    • تعداد درس‌ها67 درس
    • ویدئو آموزشی491 دقیقه
    • مدت زمان آموزش معادل 11 : 8 ساعت
    • تعداد هنرآموز0 نفر
    • کتاب‌های آموزشی0 صفحه
    • ویدیوی کمک آموزشی 0 دقیقه

    برچسب

    دوره های مرتبط

    0
    50,000
    تومان