وب سایت تخصصی شرکت فرین
دسته بندی دوره ها

کورس یادگیری Next.js از طریق ساخت 3 پروژه واقعی

سرفصل های دوره

پروژه های بعدی. JS (React JS Framework). 3 دست NextJs را روی پروژه ها بسازید. IMDB ، اینستاگرام و Google Clones با استفاده از JS Next JS

عنوان اصلی : Next.js Projects - 3 NextJS projects (Instagram, Google,...)

سرفصل های دوره :

پروژه 1 - Google Clone:
NextJS و Tailwind CSS را نصب کنید
بخش هدر را ایجاد کنید
احراز هویت را اضافه کنید و داده های کاربر را از Google دریافت کنید
بخش بدن را ایجاد کنید
مؤلفه پاورقی ایجاد کنید
این اصطلاح را از ورودی دریافت کرده و به صفحه مرتبط هدایت کنید
مؤلفه هدر جستجو را ایجاد کنید
مؤلفه گزینه های هدر جستجو را ایجاد کنید
داده ها را از Google API دریافت کرده و داده های مسخره را ایجاد کنید
بخش About Data را ایجاد کرده و عنوان را در صفحه جستجو تغییر دهید
بخش نتیجه را کامل کنید و HTML React Parser را نصب کنید
مؤلفه صفحه بندی ایجاد کنید
مؤلفه نتایج تصویر را اضافه کنید
دکمه های باقیمانده را مستقر و تعمیر کنید
پروژه 2 - کلون IMDB:
next.js و tailwind css را نصب کنید
مؤلفه ها را ایجاد کنید و الگوی را تمام کنید
مؤلفه هدر را ایجاد کنید
بخش هدر را سبک کنید
مؤلفه NAVBAR و درخواست ها را ایجاد کنید.
عملکرد سمت سرور را ایجاد کرده و آن را به سمت مشتری منتقل کنید
ایجاد مؤلفه کارت
مؤلفه کارت را کامل کنید و بخش نتیجه را پاسخگو کنید
استقرار به Vercel و اضافه کردن نام دامنه سفارشی
پروژه 3 - کلون اینستاگرام:
NextJS و Tailwind CSS را نصب کنید و الگوی صفحه اصلی ایجاد کنید
آرم Instageram را به سمت چپ جزء هدر اضافه کنید
نوار جستجو را به مؤلفه هدر اضافه کنید
تصویر منو و نمایه را در سمت راست هدر اضافه کنید
هدر چسبنده را پیاده سازی کنید
داده های جعلی را با استفاده از Minifaker و ایجاد اجزای خوراک و داستان ایجاد کنید
بخش داستان را سبک کنید و tailwind-scrollbar را نصب کنید
ایجاد پست و مؤلفه های ارسال شده و برخی از داده های ساختگی را تهیه کنید
بخش های هدر و تصویر را از مؤلفه پست ایجاد کنید
بخش دکمه های مؤلفه پست را ایجاد کنید
زیرنویس و کادر ورودی مؤلفه پست را اضافه کنید
بخش خوراک را پاسخگو است
مؤلفه مینی پروفایل را ایجاد کنید
بخشی از مؤلفه خوراک را بسازید
Auth و Firebase Next-Auth و Firebase را شروع کنید
صفحه Signin را کامل کنید
جلسه را دریافت کرده و مؤلفه هدر را با داده های Google تغییر دهید
مینی پروفایل و مؤلفه های داستان را اصلاح کنید تا جلسه را شامل شود
recoil را نصب کرده و مؤلفه اتم و آپلود را اضافه کنید
نصب و تحمیل React-Modal
مؤلفه آپلود را کامل کنید
یک پست ایجاد کنید و آن را به Firestore اضافه کنید و بارگیری را دریافت کنید
داده های پست را از پایگاه داده دریافت کرده و آن را در بخش خوراک نشان دهید
وقتی کاربر از سیستم خارج شد ، دکمه ها و بخش ورودی را پنهان کنید
نظر خود را به پایگاه داده Firebase اضافه کنید
نظرات را در بخش نظرات نشان دهید و از پایگاه داده Firebase اطلاعات دریافت کنید
مانند عملکرد اعمال می شود
استقرار به Vercel
به روز رسانی 1- تعداد لایک ها را نشان دهید

نمایش سرفصل های انگلیسی

Next.js Projects - 3 NextJS projects (Instagram, Google,...)

53,700 تومان
بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

ایمیل شما:
تولید کننده:
شناسه: UD24374
حجم: 10458 مگابایت
مدت زمان: 1101 دقیقه
تعداد دیسک: 3 عدد
زیرنویس انگلیسی: دارد
زبان: انگلیسی ساده و روان
تاریخ انتشار: 24 اردیبهشت 1401
کورس یادگیری Next.js از طریق ساخت 3 پروژه واقعی
کورس یادگیری Next.js از طریق ساخت 3 پروژه واقعی 1
کورس یادگیری Next.js از طریق ساخت 3 پروژه واقعی 2
کورس یادگیری Next.js از طریق ساخت 3 پروژه واقعی 3
کورس یادگیری Next.js از طریق ساخت 3 پروژه واقعی 4
کورس یادگیری Next.js از طریق ساخت 3 پروژه واقعی 5
کورس یادگیری Next.js از طریق ساخت 3 پروژه واقعی 6
طراحی سایت و خدمات سئو

53,700 تومان
افزودن به سبد خرید