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