دوره آموزشی
آموزش های یودمی
دوبله زبان فارسی

ری‌اکت و Next.js - ساخت اپلیکیشن فول‌استک پورتال خبری

ری‌اکت و Next.js - ساخت اپلیکیشن فول‌استک پورتال خبری

✅ سرفصل و جزئیات آموزش

آنچه یاد خواهید گرفت:

  • ساخت اپلیکیشن فول‌استک پورتال خبری
  • وبسایت پورتفولیوی اولیه Next js با پنل ادمین
  • اصول Next.js
  • اصول React.js
  • اصول Express.js
  • کامپوننت‌های تابعی
  • اصول MongoDB
  • طراحی کامل اپلیکیشن با Tailwind CSS از ابتدا
  • استفاده از میان‌افزار برای مسیرهای محافظت شده
  • دو داشبورد متفاوت به عنوان ادمین و نویسنده با نقش‌
  • اپلیکیشن کاملاً واکنش‌گرا برای هر دستگاهی
  • گزینه خروج کاربر از سیستم
  • یاد می‌گیرید چگونه احرازهویت و مجوز را پیاده‌ کنید.
  • راه‌اندازی تابع آپلود تصاویر در Cloudinary
  • مدیریت مسیر تودرتو
  • راه‌اندازی پروفایل ادمین و نویسنده
  • راه‌اندازی تغییر پسورد
  • تابع عکس خبری در مودال
  • راه‌اندازی گزینه فیلتر اخبار
  • راه‌اندازی صفحه‌بندی سفارشی اخبار
  • راه‌اندازی گزینه جستجوی اخبار
  • دریافت جدیدترین، پرکاربردترین و پرطرفدارترین خبرها
  • نمایش اخبار بر اساس دسته‌بندی‌
  • ایجاد API اخبار
  • گزینه گالری تصویر
  • استقرار پروژه Next.js روی وب سرور 

پیش‌نیازهای دوره

  • درک اولیه از جاوااسکریپت
  • آشنایی با Tailwind CSS
  • دانش HTML و CSS
  • دانش اولیه از خط فرمان

توضیحات دوره

Next.js و ری‌اکت - ساخت اپلیکیشن فول‌استک پورتال خبری

آیا آماده‌اید تا به Next.js و React.js مسلط شوید تا بتوانید وب اپلیکیشن‌های فول‌استک را از ابتدا بسازید؟ پس جایی نروید!

در این دوره جامع یاد خواهید گرفت که چگونه با استفاده از قدرت Next.js ،React.js ،Express.js و MongoDB یک اپلیکیشن پورتال خبری کاملاً تابعی بسازید.

چرا باید Next.js و React.js را یاد بگیرید؟

Next.js فریمورک اصلی برای ساخت اپلیکیشن‌های ری‌اکت با کارایی بالا است. با قابلیت رندرینگ سمت سرور (SSR) و تولید سایت استاتیک (SSG)، قادر خواهید بود وب اپلیکیشن‌های سریع و سئوپسند بسازید. در کنار React.js، محبوب‌ترین کتابخانه فرانت‌اند، می‌توانید رابط‌های کاربری مدرن، تعاملی و مقیاس‌پذیر تولید کنید.

آنچه قرار است بسازید:

در این دوره، ساخت یک پورتال خبری فول‌استک که شامل موارد زیر است، آموزش داده می‌شود:

  • احرازهویت کاربر - یاد می‌گیرید که چگونه ثبت‌نام کاربر، لاگین کاربر و مدیریت سشن را به صورت ایمن پیاده‌ کنید.
  • ارسال و ویرایش اخبار - یک سیستم پویای مدیریت اخبار ایجاد می‌کنید که در آن کاربران احرازهویت شده بتوانند مقالات خبری را به صورت بلادرنگ منتشر و ویرایش کنند.
  • دسته‌بندی‌ها و تگ‌ها - خبرها را بر اساس دسته‌بندی‌ها و تگ‌ها سازماندهی می‌کنید تا ناوبری و تجربه کاربری بهبود یابد.
  • طراحی واکنش‌گرا - با Tailwind CSS تضمین می‌کنید که اپلیکیشن شما روی همه دستگاه‌ها به خوبی نمایش داده شود.
  • جستجو و فیلتر - قابلیت‌های جستجو و فیلترینگ پیشرفته را برای یافتن راحت خبرهای دلخواه پیاده می‌کنید.
  • داشبورد ادمین - برای مدیریت موثر کاربران، پست‌ها و کامنت‌ها، داشبورد شهودی برای ادمین می‌سازید.

آنچه یاد خواهید گرفت:

اصول ضروری Next.js:

  • رندرینگ سمت سرور (SSR) و تولید سایت استاتیک (SSG)
  • مسیریابی پویا و مسیرهای API
  • بهینه‌سازی عملکرد با ویژگی های داخلی Next.js

مفاهیم پیشرفته React.js:

  • مدیریت State با Context API و ریداکس
  • ساخت کامپوننت‌های قابل استفاده مجدد
  • مدیریت اثرات جانبی با هوک‌های ری اکت

توسعه بک‌اند با Express.js و MongoDB:

  • توسعه RESTful API با Express.js
  • اتصال اپلیکیشن به MongoDB برای ذخیره مقالات خبری، داده‌ کاربر و غیره
  • پیاده‌سازی احرازهویت JWT برای مدیریت ایمن کاربران

این دوره برای چه کسانی مناسب است؟

  • توسعه‌دهندگان فرانت‌اند که می‌خواهند مهارت‌های خود را با یادگیری توسعه بک‌اند با Next.js و MongoDB افزایش دهند.
  • توسعه‌دهندگان فول‌استک که می‌خواهند با استفاده از فناوری‌های مدرن، اپلیکیشن های فول‌استک با عملکرد بالا بسازند.
  • کسی که به توسعه وب علاقه‌مند است - چه مبتدی باشید چه توسعه‌دهنده باتجربه، این دوره گام‌به‌گام شما را در ساختن یک وب اپلیکیشن پیچیده همراهی می‌کند.

بهینه‌سازی سئو و عملکرد

نه تنها در پایان، یک پورتال خبری زیبا خواهید ساخت، بلکه نحوه بهینه‌سازی اپلیکیشن برای سئو را نیز یاد خواهید گرفت.

تکنیک‌هایی که بررسی می‌کنیم شامل موارد زیر است:

  • مدیریت تگ‌های متا برای رنکینگ بهتر در موتورهای جستجو
  • بهینه‌سازی تصاویر و دارایی‌ها برای سرعت بارگذاری بیشتر
  • بهبود امتیازات Lighthouse برای تجربه کاربری بهتر و قابلیت کشف

پس از اتمام دوره‌، شما درک خوبی از Next.js ،React.js و توسعه فول‌استک کسب کرده و همچنین اعتمادبه‌نفس لازم برای ساخت و استقرار وب اپلیکیشن‌ها با عملکرد بالا را به دست خواهید آورد.

همین امروز در دوره شرکت کرده و آینده توسعه وب را با Next.js و React.js بسازید.

این دوره برای چه کسانی مناسب است؟

  • توسعه‌دهندگان فرانت‌اند که می‌خواهند مهارت‌های خود را با یادگیری توسعه بک‌اند با Next js و MongoDB بهبود بخشند.
  • توسعه‌دهندگان فول‌استک که می‌خواهند با استفاده از فناوری‌های مدرن، اپلیکیشن‌های فول‌استک با عملکرد بالا بسازند.
  • فریلنسرهایی که می‌خواهند خدمات خود را گسترش دهند.
  • علاقه‌مندان به فناوری که می‌خواهند با روندهای توسعه وب مدرن آشنا شوند.
  • کسی که به توسعه وب علاقه‌مند است.

ری‌اکت و Next.js - ساخت اپلیکیشن فول‌استک پورتال خبری

  • مقدمه پروژه - آنچه خواهید ساخت 13:56
  • به این دوره خوش آمدید 01:15
  • به پشتیبانی شما نیاز داریم 01:20
  • ماموریت مدرس 01:23
  • بررسی دوره - برای ما خیلی الهام‌بخش خواهد بود 02:39
  • مقدمه‌ ری‌اکت 06:46
  • ایجاد اپلیکیشن ری‌اکت جدید با Vite 07:21
  • فرمان بیلد و اجرای پروژه 06:33
  • بررسی ساختار پروژه ری‌اکت 14:43
  • سازماندهی پوشه‌های فایل 05:09
  • بهترین افزونه‌ها و تنظیمات ویژوال استودیو کد برای توسعه ری‌اکت 06:19
  • درک اولیه درباره کامپوننت - بخش 1 08:59
  • درک اولیه درباره کامپوننت - بخش 2 07:22
  • JSX و کنوانسیون‌ها 09:41
  • شرطی if else کوتاه شده در JSX 04:01
  • فراخوانی فوری تابع در JSX 06:42
  • حلقه در JSX 05:52
  • رندرینگ شرطی JSX با استفاده از If Else 08:55
  • رندرینگ شرطی JSX با استفاده از دستور Switch 04:07
  • رندرینگ شرطی JSX با عملگر سه‌تایی 02:42
  • رندرینگ شرطی JSX با استفاده از منطقی و And 03:32
  • رندرینگ شرطی JSX با استفاده از فراخوانی فوری تابع 03:40
  • ارسال ویژگی‌ها به کامپوننت فرزند 05:13
  • ارسال رشته ساده به کامپوننت فرزند 05:06
  • ارسال آبجکت به کامپوننت فرزند 05:35
  • ارسال تابع به کامپوننت فرزند 02:52
  • مدیریت رویداد کلیک 05:40
  • مدیریت ارسال فرم 05:07
  • اعمال React Router Dom 15:15
  • لینک و لینک ناوبری برای مسیریاب 13:37
  • BrowserRouter در مقابل HashRouter 05:09
  • ارسال پارامتر از طریق ناوبری 05:45
  • [هوک] آشنایی با هوک 01:45
  • [هوک] useRef InnerText InnerHTML 09:58
  • [هوک] کار با useRef و Attribute 05:44
  • کار با useRef و عنصر ورودی 07:38
  • کار با useRef و کلاس‌ CSS 06:13
  • useRef برای کش کردن محاسبات سنگین 15:27
  • درک useState در داخل 08:35
  • کار با useState و آبجکت تغییرناپذیر 08:21
  • کار با آرایه‌ تغییرناپذیر و useState - بخش 1 14:15
  • کار با آرایه‌ تغییرناپذیر و useState - بخش 2 06:48
  • فرم مدیریت useState مانند یک Pro - بخش 1 12:32
  • فرم مدیریت useState مانند یک Pro - بخش 2 11:34
  • درک آرگومان‌های useEffect و کاربرد آنها 06:40
  • useEffect با استفاده از promises می‌تواند API را فراخوانی می‌کند 07:00
  • useEffect با استفاده از await می‌تواند API را فراخوانی می‌کند 07:09
  • مقدمه‌ Express.js چیست؟ 04:01
  • اولین اپلیکیشن Express خود 10:23
  • مسیریابی Express.js 06:45
  • چهار مبحث کلیدی که باید بر آن تمرکز کنیم 01:21
  • درک پاسخ 04:17
  • پاسخ ساده رشته‌ 05:07
  • کد وضعیت پاسخ 04:12
  • پاسخ جی‌سان 04:14
  • دانلود پاسخ 04:12
  • ریدایرکشن پاسخ 04:27
  • هدر پاسخ 05:43
  • کوکی‌های مجموعه پاسخ 04:59
  • کوکی‌های پاکسازی پاسخ 04:46
  • کار با درخواست‌ 01:32
  • درخواست GET با کوئری URL 06:26
  • کار با هدر درخواست GET 04:15
  • درخواست ساده POST 02:48
  • درخواست POST با کوئری URL 03:52
  • درخواست POST با ویژگی‌های هدر 05:14
  • درخواست Post در اپلیکیشن جی‌سان 07:42
  • کار با داده‌ فرم چندبخشی 08:46
  • آپلود فایل 09:46
  • میان‌افزار 02:18
  • میان‌افزار اپلیکیشن 08:05
  • میان‌افزار مسیر 03:49
  • آشنایی با MongoDB 01:41
  • نصب MongoDB و Compass 06:23
  • اتصال به MongoDB 08:07
  • اسکیما و مدل‌ها 07:24
  • ایجاد و ذخیره یک سند 08:05
  • یافتن مستندات به روش‌های مختلف 10:21
  • کوئری API - انتخاب، مرتب‌سازی، محدود کردن و شمارش مستندات 08:51
  • عملگرهای پیچیده مقایسه کوئری 07:58
  • کوئری پیچیده و عملیات‌های AND و OR 05:34
  • تمرین کوئری پیشرفته 06:13
  • بروزرسانی سند (روش 1) 03:43
  • بروزرسانی سند (روش 2) 05:38
  • حذف مستندات به دو روش 03:53
  • راه‌اندازی ابزارهای محیط 05:25
  • Next.js چیست و چرا استفاده می‌شود؟ 03:10
  • تفاوت بین ری‌اکت و Next.js چیست؟ 04:38
  • ایجاد اپلیکیشن جدید و بررسی فرآیندهای بهینه‌سازی بیلد 08:49
  • بازی با ساختار پروژه 14:15
  • مفهوم صفحه اصلی و کامپوننت تابعی 06:40
  • کار با دارایی‌ استاتیک در داخل دارایی عمومی 05:57
  • کار با CSS گلوبال و ماژول 07:18
  • بررسی رندرینگ سمت کلاینت 14:06
  • بررسی رندرینگ سمت سرور 05:52
  • کجا از SSR و CSR استفاده کنیم؟ 05:21
  • چرا از کلاینت استفاده می‌کنیم؟ 05:27
  • بررسی مفهوم مسیریابی دایرکتوری 05:56
  • مفهوم مسیریابی دایرکتوری تودرتو 04:20
  • کامپوننت لینک اولیه 08:50
  • نوار پیشرفت در مسیر‌یابی 08:31
  • مدیریت لینک فعال 07:14
  • کوئری کامپوننت لینک 06:09
  • کوئری کامپوننت لینک با useSearchParams 04:14
  • ویژگی‌های پیش واکشی و جایگزینی کامپوننت لینک 07:21
  • جزئیات مسیریابی برنامه‌‌ای 12:13
  • فکر کردن در Next JS درباره کامپوننت سرور 05:57
  • فکر کردن در Next JS درباره کامپوننت‌ کلاینت 02:54
  • پیکربندی و درک مسیر اولیه و متغیرهای محیطی 11:03
  • درک پیکربندی هدر 05:46
  • پیکربندی امنیت هدر - بخش 1 07:17
  • پیکربندی امنیت هدر - بخش 2 07:47
  • پیکربندی امنیت هدر - بخش 3 08:22
  • اتصال و فشرده‌سازی 05:40
  • بهینه‌سازی تصاویر 08:36
  • بهینه‌سازی فونت - بخش 1 07:11
  • بهینه‌سازی فونت - بخش 2 05:46
  • اسکریپت‌ و دارایی‌های استاتیک 03:56
  • راه‌اندازی میان‌افزار - بخش 1 10:13
  • راه‌اندازی میان‌افزار - بخش 2 11:13
  • صفحه Not Found 08:59
  • وبسایت پورتفولیوی اولیه Next.js با پنل ادمین 07:30
  • ایجاد پکیج‌ها و پروژه Nextjs 07:24
  • راه‌اندازی پایگاه‌ داده MongoDB 09:05
  • ایجاد کامپوننت‌های منوی ناوبری ادمین - بخش 1 14:10
  • ایجاد کامپوننت‌های منوی ناوبری ادمین - بخش 2 09:57
  • ایجاد کامپوننت‌های منوی ناوبری ادمین - بخش 3 08:02
  • ایجاد فرم صفحه اصلی برای ذخیره‌ داده‌ - بخش 1 11:46
  • ایجاد فرم صفحه اصلی برای ذخیره‌ داده‌ - بخش 2 17:16
  • ایجاد فرم صفحه درباره ما 10:17
  • ایجاد فرم صفحه تجربه 08:38
  • ایجاد فرم صفحه آموزش 05:57
  • ایجاد فرم صفحه پروژه 07:56
  • کار برای ایجاد مودال 13:48
  • اسکیماها و مدل‌های Mongoose None
  • ایجاد API برای تمام کامپوننت‌ها - بخش 1 11:16
  • ایجاد API برای تمام کامپوننت‌ها - بخش 2 09:30
  • ایجاد سرویس‌های API مشترک 11:57
  • توابع async و Fetch API در جاوااسکریپت None
  • افزودن داده به پایگاه‌ داده - بخش 1 21:30
  • افزودن داده به پایگاه‌ داده - بخش 2 (حل مشکل تجربه) 08:49
  • افزودن و ریست داده فرم 08:45
  • دریافت لیست داده‌ و نمایش آن 14:34
  • بروزرسانی داده‌ صفحه اصلی و صفحه درباره ما - بخش 1 10:50
  • بروزرسانی داده‌ صفحه اصلی و صفحه درباره ما - بخش 2 13:25
  • رندرینگ داده‌ تجربه در صفحه 12:29
  • رندرینگ داده‌ آموزش و پروژه در صفحه 09:46
  • احرازهویت لاگین - بخش 1 12:01
  • احرازهویت لاگین - بخش 2 05:10
  • احرازهویت لاگین - بخش 3 11:03
  • احرازهویت و اعتبارسنجی کاربر None
  • احرازهویت لاگین - بخش 4 11:31
  • خروج کاربر از سیستم 05:23
  • کار با فرانت‌اند برای واکشی داده‌ - بخش 1 07:45
  • کار با فرانت‌اند برای واکشی داده‌ - بخش 2 15:40
  • طراحی نوار ناوبری فرانت‌اند - بخش 1 12:33
  • طراحی نوار ناوبری فرانت‌اند - بخش 2 16:49
  • طراحی نوار ناوبری فرانت‌اند - بخش 3 14:35
  • طراحی نوار ناوبری فرانت‌اند - بخش 4 02:21
  • طراحی صفحه اصلی فرانت‌اند - بخش 1 12:30
  • طراحی صفحه اصلی فرانت‌اند - بخش 2 14:40
  • طراحی صفحه اصلی فرانت‌اند - بخش 3 12:13
  • طراحی صفحه اصلی فرانت‌اند - بخش 4 11:36
  • طراحی صفحه درباره ما در فرانت‌اند - بخش 1 18:50
  • طراحی صفحه درباره ما در فرانت‌اند - بخش 2 11:17
  • طراحی صفحه درباره ما در فرانت‌اند - بخش 3 15:17
  • طراحی صفحه تجربه و آموزش در فرانت‌اند - بخش 1 16:00
  • طراحی صفحه تجربه و آموزش در فرانت‌اند - بخش 2 11:31
  • طراحی صفحه تجربه و آموزش در فرانت‌اند - بخش 3 06:09
  • طراحی صفحه پروژه در فرانت‌اند - بخش 1 14:54
  • طراحی صفحه پروژه در فرانت‌اند - بخش 2 14:58
  • طراحی صفحه پروژه در فرانت‌اند - بخش 3 08:45
  • طراحی صفحه تماس با ما در فرانت‌اند - بخش 1 06:01
  • طراحی صفحه تماس با ما در فرانت‌اند - بخش 2 20:36
  • طراحی صفحه تماس با ما در فرانت‌اند - بخش 3 09:45
  • ارسال فرم تماس با ما - بخش 1 11:20
  • ارسال فرم تماس با ما - بخش 2 07:40
  • حذف داده‌ آموزش - بخش 1 15:13
  • حذف داده‌ آموزش - بخش 2 12:12
  • مدیریت درخواست DELETE None
  • استقرار پورتفولیوی اولیه Next.js روی وب سرور 18:22
  • ویدئوی مقدمه پورتال خبری 13:56
  • ساختار پروژه 02:01
  • راه‌اندازی محیط 04:14
  • راه‌اندازی پروژه - بخش 1 07:44
  • راه‌اندازی پروژه - بخش 2 13:13
  • نصب Tailwind CSS 06:43
  • راه‌اندازی پروژه - بخش 3 12:47
  • طراحی پنل ادمین - بخش 1 13:01
  • طراحی پنل ادمین - بخش 2 10:36
  • طراحی پنل ادمین - بخش 3 14:18
  • طراحی پنل ادمین - بخش 4 17:55
  • مدیریت مسیر تودرتو - بخش 1 13:00
  • مسیر‌یابی و طرح‌بندی‌ها None
  • مدیریت مسیر تودرتو - بخش 2 11:22
  • طراحی صفحه خبری - بخش 1 09:03
  • طراحی صفحه خبری - بخش 2 08:02
  • طراحی صفحه خبری - بخش 3 10:27
  • طراحی صفحه خبری - بخش 4 11:55
  • طراحی صفحه خبری - بخش 5 09:25
  • طراحی پنل ادمین - بخش 1 08:46
  • طراحی پنل ادمین - بخش 2 09:50
  • طراحی افزودن نویسنده به ادمین - بخش 1 13:38
  • طراحی افزودن نویسنده به ادمین - بخش 2 08:56
  • طراحی صفحه ادمین نویسنده 09:48
  • طراحی صفحه پروفایل کاربر - بخش 1 09:56
  • طراحی صفحه پروفایل کاربر - بخش 2 09:29
  • راه‌اندازی صفحه افزودن خبر نویسنده - بخش 1 11:30
  • راه‌اندازی صفحه افزودن خبر نویسنده - بخش 2 12:32
  • راه‌اندازی صفحه افزودن خبر نویسنده - بخش 3 15:28
  • راه‌اندازی صفحه افزودن خبر نویسنده - بخش 4 19:24
  • طراحی داشبورد نویسنده 04:26
  • طراحی صفحه لاگین و اتصال پایگاه‌ داده - بخش 2 08:48
  • مدیریت فرم و مدیریت State None
  • طراحی صفحه لاگین و اتصال پایگاه‌ داده - بخش 3 09:09
  • طراحی صفحه لاگین و اتصال پایگاه‌ داده - بخش 4 12:47
  • بک‌اند لاگین کاربر - بخش 1 12:16
  • بک‌اند لاگین کاربر - بخش 2 11:58
  • بک‌اند لاگین کاربر - بخش 3 17:14
  • بک‌اند لاگین کاربر - بخش 4 13:53
  • بک‌اند لاگین کاربر - بخش 5 18:42
  • بک‌اند لاگین کاربر - بخش 6 17:10
  • تابع خروج از داشبورد 10:57
  • راه‌اندازی افزودن نویسنده - بخش 1 15:00
  • راه‌اندازی افزودن نویسنده - بخش 2 13:00
  • راه‌اندازی افزودن نویسنده - بخش 3 14:45
  • راه‌اندازی افزودن نویسنده - بخش 4 17:47
  • ویرایش، بروزرسانی و حذف نویسنده - بخش 1 11:09
  • ویرایش، بروزرسانی و حذف نویسنده - بخش 2 08:58
  • ویرایش، بروزرسانی و حذف نویسنده - بخش 3 08:34
  • ویرایش، بروزرسانی و حذف نویسنده - بخش 4 18:20
  • اعتبارسنجی ورودی و مدیریت خطا None
  • ویرایش، بروزرسانی و حذف نویسنده - بخش 5 13:08
  • تابع افزودن اخبار - بخش 1 19:17
  • تابع افزودن اخبار - بخش 2 14:27
  • تابع افزودن اخبار - بخش 3 07:40
  • تابع افزودن اخبار - بخش 4 12:21
  • تابع افزودن اخبار - بخش 5 20:01
  • تابع افزودن اخبار - بخش 6 04:42
  • تابع تصویر خبری در مودال - بخش 1 12:15
  • تابع تصویر خبری در مودال - بخش 2 08:42
  • تابع تصویر خبری در مودال - بخش 3 09:25
  • تابع تصویر خبری در مودال - بخش 4 12:50
  • آپلود فایل و یکپارچه‌سازی Cloudinary None
  • تابع تصویر خبری در مودال - بخش 5 07:24
  • دریافت داده خبری از پایگاه‌ داده - بخش 1 10:36
  • دریافت داده خبری از پایگاه‌ داده - بخش 2 16:11
  • ویرایش و بروزرسانی اخبار - بخش 1 17:57
  • ویرایش و بروزرسانی اخبار - بخش 2 06:03
  • ویرایش و بروزرسانی اخبار - بخش 3 17:47
  • حذف اخبار با تصویر - بخش 1 08:22
  • حذف اخبار با تصویر - بخش 2 10:22
  • افزودن داده دمو به پایگاه‌ داده 11:26
  • جستجو و صفحه‌بندی اخبار - بخش 1 17:20
  • جستجو و صفحه‌بندی اخبار - بخش 2 07:13
  • نمایش گزینه فیلتر اخبار 08:22
  • تابع بروزرسانی وضعیت اخبار - بخش 1 12:59
  • تابع بروزرسانی وضعیت اخبار - بخش 2 09:25
  • درخواست API و مجوز None
  • تابع بروزرسانی وضعیت اخبار - بخش 3 07:42
  • ایجاد پروژه Next Js 07:21
  • نصب تمامی وابستگی‌های پروژه اخبار 04:21
  • ایجاد و طراحی هدر - بخش 1 11:11
  • ایجاد و طراحی هدر - بخش 2 08:01
  • ایجاد و طراحی هدر - بخش 3 11:40
  • ایجاد و طراحی هدر - بخش 4 18:25
  • ایجاد و طراحی هدر - بخش 5 13:33
  • ایجاد و طراحی هدر - بخش 6 04:47
  • طراحی هدلاین در فرانت‌اند 16:05
  • طراحی اخبار جدید - بخش 1 11:35
  • طراحی اخبار جدید - بخش 2 11:21
  • طراحی اخبار جدید - بخش 3 12:45
  • طراحی اخبار جدید - بخش 4 09:53
  • طراحی اخبار جدید - بخش 5 11:32
  • طراحی اخبار پرطرفدار - بخش 1 09:16
  • طراحی اخبار پرطرفدار - بخش 2 12:04
  • طراحی اخبار پرطرفدار - بخش 3 13:12
  • طراحی اخبار پرطرفدار - بخش 4 15:24
  • طراحی اخبار پرطرفدار - بخش 5 13:56
  • طراحی اخبار پرطرفدار - بخش 6 11:13
  • طراحی فوتر و اخبار - بخش 1 09:07
  • طراحی فوتر و اخبار - بخش 2 12:40
  • طراحی فوتر و اخبار - بخش 3 15:36
  • طراحی فوتر و اخبار - بخش 4 07:56
  • طراحی صفحه دسته‌بندی اخبار - بخش 2 09:02
  • طراحی صفحه دسته‌بندی اخبار - بخش 3 11:11
  • طراحی صفحه دسته‌بندی اخبار - بخش 4 06:06
  • طراحی صفحه جزئیات اخبار 11:21
  • ایجاد API اخبار - بخش 1 05:33
  • ایجاد API اخبار - بخش 2 11:42
  • ایجاد API اخبار - بخش 3 20:56
  • پایپ‌لاین تجمیع در MongoDB None
  • گزینه نمایش داده‌ اخبار - بخش 1 12:31
  • گزینه نمایش داده‌ اخبار - بخش 2 19:43
  • گزینه نمایش داده‌ اخبار - بخش 3 14:45
  • دسته‌بندی هدلاین‌های اخبار - بخش 1 14:14
  • دسته‌بندی هدلاین‌های اخبار - بخش 2 06:15
  • دسته‌بندی هدلاین‌های اخبار - بخش 3 05:47
  • نمایش صفحه جزئیات اخبار - بخش 1 09:00
  • نمایش صفحه جزئیات اخبار - بخش 2 11:26
  • نمایش اخبار مرتبط در صفحه جزئیات 09:22
  • نمایش صفحه دسته‌بندی اخبار - بخش 1 06:05
  • نمایش صفحه دسته‌بندی اخبار - بخش 2 05:37
  • فیلترینگ کوئری با MongoDB None
  • اخبار جدید و محبوب - بخش 1 10:17
  • اخبار جدید و محبوب - بخش 2 08:34
  • نمایش اخبار اخیر - بخش 1 07:57
  • نمایش اخبار اخیر - بخش 2 05:10
  • بروزرسانی دسته‌بندی‌ با شمارش 07:18
  • گزینه گالری تصویر 08:01
  • گزینه نمایش اخبار جستجو شده - بخش 1 11:21
  • گزینه نمایش اخبار جستجو شده - بخش 2 12:24
  • گزینه نمایش اخبار جستجو شده - بخش 3 13:14
  • گزینه بروزرسانی پروفایل کاربر - بخش 1 16:34
  • گزینه بروزرسانی پروفایل کاربر - بخش 2 15:29
  • گزینه بروزرسانی پروفایل کاربر - بخش 3 25:23
  • گزینه بروزرسانی پروفایل کاربر - بخش 4 07:41
  • گزینه بروزرسانی پروفایل کاربر - بخش 5 06:52
  • اعتبارسنجی شناسه کاربر و بازیابی داده None
  • توابع تغییر پسورد کاربر - بخش 1 13:55
  • توابع تغییر پسورد کاربر - بخش 2 17:46
  • بروزرسانی داشبورد ادمین 15:08
  • بروزرسانی اخبار اخیر در داشبورد ادمین 04:13

19,717,000 3,943,400 تومان

مشخصات آموزش

ری‌اکت و Next.js - ساخت اپلیکیشن فول‌استک پورتال خبری

  • تاریخ به روز رسانی: 1404/06/21
  • سطح دوره:همه سطوح
  • تعداد درس:323
  • مدت زمان :49:55:05
  • حجم :26.3GB
  • زبان:دوبله زبان فارسی
  • دوره آموزشی: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
  • سطح دوره:
  • زبان: دوبله فارسی

آیا سوالی دارید؟

ما به شما کمک خواهیم کرد تا شغل و رشد خود را افزایش دهید.
امروز با ما تماس بگیرید