دوره آموزشی
دوبله زبان فارسی
ری اکت و Nextjs - ایجاد یک وبسایت و پورتال خبری مبتنی بر هوش مصنوعی
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- ساخت یک پورتال خبری فول استک
- تسلط به Nextjs و ری اکت
- توسعه APIهای قدرتمند نود جی اس
- پیادهسازی احراز هویت و مجوز با NextAuth
- داشبوردهای ادمین، کاربر و ویراستار
- صفحات محافظت شده و میانافزار
- دریافت قیمتهای لحظهای سهام با Rapid API
- محتوای پریمیوم با درگاه پرداخت Stripe
- طراحی واکنشگرا و تجربه کاربری
- بهینهسازی سئو
- اخبار بر اساس دستهبندی و دستهبندی فرعی شده
- اخبار داغ و اخبار از دست رفته
- بنرها
- اخبار زنده تلویزیونی و پادکست
- اخبار خبرنامه
- سیستم کامنتگذاری با لایک، پاسخ و امکانات غیره
- امکان اشتراکگذاری اجتماعی و کپی در کلیپبورد
- کتابخانه تصویر و ویدئو
- مدیریت پروفایل کاربر، ویراستار و ادمین
- یکپارچهسازی اخبار زنده و پادکست
- مدیریت تنظیمات سایت
- مدیریت نقشهای کاربری
- افزودن قابلیت Snackbar
- ویژگی ارسال ایمیل
- تغییر رمز عبور و ریست کردن آن
- Context API
- تسلط به قابلیت CRUD
- آپلود تصاویر پویا و آپلودر انبود
- مدیریت اخبار
- و غیره
پیشنیازهای دوره
- دانش اولیه جاوا اسکریپت
- Material-UI
- اصول اچ تی ام ال و سی اس اس
- درک اولیه از توسعه وب
- مبانی نود جی اس
- مبانی Nextjs
- مبانی ری اکت
- مبانی MongoDB
- گیت و کنترل نسخه
- کامپیوتر
- ویرایشگر کد
- نود جی اس و npm
- گیت
- طراحی واکنشگرا
- مبانی بوتاسترپ
توضیحات دوره
- ساخت یک پورتال خبری فول استک: ایجاد یک پورتال خبری جامع از ابتدا با نود جی اس، Next.js ،Express و MongoDB که شامل تمامی ویژگیهای ضروری است.
- تسلط به ری اکت و Next.js: تخصص ری اکت و Next.js را برای ساخت اپلیکیشنهای پویا و رندر شده در سمت سرور برای پرتال اخبار خود کسب کنید.
- توسعه APIهای قدرتمند نود جی اس: طراحی و پیادهسازی RESTful APIها با نود جی اس و یکپارچهسازی آنها در پورتال خبری به طور یکنواخت
- پیادهسازی احراز هویت و مجوز با NextAuth: اپلیکیشن خود را با یکپارچهسازی NextAuth برای احراز هویت کاربر، ایجاد صفحات ورود جداگانه برای کاربران، ویراستاران و ادمینها
- داشبوردهای ادمین، کاربر و ویراستار: ایجاد و مدیریت داشبوردهای متناسب برای ادمینها، ویراستاران، کاربران با کنترل دسترسی مبتنی بر نقش
- صفحات محافظت شده و میانافزار: پیادهسازی میانافزار برای محافظت از صفحات حساس، اطمینان از اینکه فقط کاربران مجاز میتوانند به آنها دسترسی داشته باشند.
- دریافت قیمتهای لحظهای سهام با Rapid API: یکپارچهسازی APIهای شخص ثالث برای واکشی و نمایش قیمتهای لحظهای بازار سهام در پورتال خبری
- محتوای پریمیوم با درگاه پرداخت Stripe: راهاندازی یک مدل مبتنی بر اشتراک برای محتوای خبری پریمیوم، یکپارچهسازی Stripe برای پردازش پرداخت ایمن
- طراحی واکنشگرا و تجربه کاربری: مطمئن شوید پورتاال خبری شما کاملا واکنشگرا است و تجریه یکنواختی در تمام دستگاهها ارائه میدهد.
- بهینهسازی سئو: پورتال خبری خود را برای موتورهای جستجو به منظور بهبود رویتپذیری و جذب بازدیدکنندگان بیشتر بهینهسازی کنید.
- اخبار بر اساس دستهبندیها و دستهبندی فرعی: محتوای خبری را بر اساس دستهبندیها و دستهبندی فرعی سازماندهی کنید، پیدا کردن اخبار مرتبط را برای کاربران آسانتر کنید.
- بنرهای اخبار داغ و اخبار از دست رفته: بخشهای پویا را برای اخبار داغ و اخبار از دست رفته برای حفظ تعامل کاربران پیادهسازی کنید.
- تلویزیون زنده و پادکست: ویژگیهای پادکست و استریمینگ اخبار تلویزیونی زنده را برای ارائه فرمتهای متنوع محتوا اضافه کنید.
- خبرنامه: امکان سابسکرایب کردن در خبرنامهها و دریافت بروزرسانیهای منظم از طریق ایمیل را برای کاربران فراهم کنید.
- سیستم کامنتگذاری با لایکها، پاسخها و غیره: سیستم کامنتگذاری قوی را پیادهسازی کنید که در آن کاربران میتوانند کامنت بگذارند، لایک کنند، پاسخ دهند و با محتوا تعامل برقرار کنند.
- اشتراکگذاری اجتماعی و کپی در کلیپبورد: امکان انتشار خبر در فیسبوک، جیمیل، لینکدین، Reddit، توییتر، واتساپ و غیره توسط کاربر را با ویژگی "کپی در کلیپبورد" فراهم کنید.
- کتابخانه تصویر و ویدئو: کتابخانههای رسانه را برای مدیریت و نمایش تصاویر و ویدئوها در پورتال خبری خود یکپارچهسازی کنید.
- مدیریت پروفایل کاربر، ویراستار و ادمین: سیستمهای مدیریت پروفایل برای کابران، ویراستاران و ادمینها بسزید، به آنها اجازه دهید اطلاعات شخصی و تنظیمات خود را مدیریت کنند.
- یکپارچهسازی اخبار زنده و پادکست: یکپارچهسازیهای پادکست و بروزرسانیهای اخبار لحظهای را برای بهبود تعامل کاربر فراهم کنید.
- مدیریت تنظیمات سایت: تنظیمات سایت را پیکربندی و مدیریت کنید که شامل سفارشیسازی تم، مدیریت محتوای سایت و پیکربندیهای مدیریت دیگر است.
- مدیریت اخبار: مقالههای خبری را به طور موثر مدیریت کنید که شامل ایجاد، ویرایش و حذف محتوا است.
- آپلود تصویر پویا و آپلودر انبوه: قابلیتهای آپلود تصویر پویا و آپلود انبوه تصویر را برای مدیریت آسان رسانه پیادهسازی کنید.
- تسلط به قابلیت CRUD: یاد بگیرید عملیاتهای ایجاد، خواندن، بروزرسانی و حذف را به طور موثر در اپلیکیشن خود پیادهسازی کنید.
- Context API: از Context API ری اکت برای مدیریت state و بهبود اشتراکگذاری داده در کامپوننتها استفاده کنید.
- تغییر رمز عبور و ریست کردن رمز عبور: با قابلیت reset گزینههایی را برای کابران پیادهسازی کنید تا رمز عبور خود را تغییر دهند و رمز عبور فرموش شده را مدیریت کنند.
- ویژگی ارسال ایمیل: قابلیت ایمیل را برای ارسال نوتیفیکیشنها، تاییدها و پیامهای دیگر یکپارچهسازی کنید.
- اضافه کردن قابلیت Snackbar: از نوتیفیکیشنهای Snackbar برای ارائه بازخورد و هشدارها به کاربران در اپلیکیشن استفاده کنید.
- مدیریت نقشهای کاربری: نقشها و مسئولیتهای کاربر برای کنترل دسترسی و قابلیت بر اساس نوع کاربر را مدیریت کنید.
- محتوای تولید شده توسط هوش مصنوعی: پورتال خبری خود را با محتوای تولید شده توسط هوش مصنوعی بهبود دهید، جریان پیوسته مقالههای خبری جذاب و بروز را برای مخاطبان خود تضمین کنید.
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان وب
- توسعهدهندگان وب سطح متوسط
- توسعهدهندگان فرانتاند
- توسعهدهندگان بکاند
- توسعهدهندگان فول استک
- علاقهمندان به تکنولوژی
- دانشجویان و مدرسان
- توسعهدهندگان فریلنس
ری اکت و Nextjs - ایجاد یک وبسایت و پورتال خبری مبتنی بر هوش مصنوعی
-
نصب وابستگیهای لازم - قسمت 1 07:53
-
نصب وابستگیهای لازم - قسمت 2 02:44
-
راهاندازی پروژه Next.js 07:20
-
Material UI 04:47
-
کامپوننت ثبتنام - قسمت 1 12:19
-
کامپوننت ثبت نام - قسمت 2 11:08
-
کامپوننت ثبتنام - قسمت 3 07:59
-
کامپوننت ثبتنام - قسمت 4 09:54
-
کامپوننت ثبتنام - قسمت 5 13:15
-
کامپوننت ثبتنام - قسمت 6 09:33
-
مدل کاربر 12:07
-
اتصال به پایگاه داده و env 07:12
-
Register API - قسمت 1 08:57
-
Register API - قسمت 2 10:42
-
Register API - قسمت 7 09:47
-
صفحه ورود و Next-auth 10:58
-
صفحه ورود - قسمت 2 06:02
-
providerها 14:31
-
پیکربندی Next-auth 07:45
-
پیکربندی Next-auth - قسمت 2 12:58
-
صفحات محافظتشده و میانافزارها 16:27
-
نوار ناوبری 24:08
-
سایدبار - قسمت 1 23:12
-
سایدبار - قسمت 2 09:20
-
صفحه پروفایل 16:35
-
آپلود تصویر در Cloudinary - قسمت 1 16:02
-
داده پروفایل 22:13
-
profile update API و profile create API 17:50
-
profile get API 04:06
-
پروفایل - قسمت 2 09:09
-
پر کردن پروفایل 07:13
-
کامپوننت تغییر رمز 10:52
-
کامپوننت تغییر رمز - قسمت 2 11:14
-
password change API 15:07
-
مدل دستهبندی 03:59
-
category get API 07:25
-
category post API 05:46
-
category put API و category delete API 10:42
-
category context API - قسمت 1 16:53
-
category context API - قسمت 2 11:50
-
category context API - قسمت 3 12:35
-
seed کردن داده دستهبندی 05:16
-
صفحه دستهبندی 16:48
-
تابع ارسال دستهبندی 15:27
-
کامپوننت جدول دستهبندی 12:03
-
نمایش دستهبندیها در جدول 14:09
-
حذف دستهبندی 24:07
-
ویرایش دستهبندی 22:14
-
مدل دستهبندی فرعی 04:04
-
subcategory get API و subcategory post API 09:14
-
subcategory delete API و subcategory put API 05:52
-
subcategory context API - قسمت 1 18:56
-
subcategory context API - قسمت 2 15:58
-
subcategory context API - قسمت 3 06:53
-
تسلط به قالب دستهبندی فرعی 04:58
-
صفحه دستهبندی فرعی 19:15
-
تابع handlesubmit دستهبندی فرعی 14:42
-
seed کردن داده دستهبندی فرعی 13:42
-
نمایش دستهبندی فرعی در جدول 16:51
-
مقداردهی اولیه state 09:40
-
حذف دستهبندی فرعی - قسمت 1 14:16
-
حذف دستهبندی فرعی - قسمت 2 11:57
-
ویرایش دستهبندی فرعی - قسمت 1 15:38
-
ویرایش دستهبندی فرعی - قسمت 2 13:58
-
ویرایش دستهبندی فرعی - قسمت 3 05:04
-
مدل پست خبری - قسمت 1 11:59
-
مدل پست خبری - قسمت 2 06:05
-
newspost get API 09:20
-
newspost post API 12:30
-
newspost put API و newspost delete API 09:10
-
تسلط به قالب پست خبری 14:02
-
newspost context API - قسمت 1 08:34
-
newspost context API - قسمت 2 23:14
-
newspost context API - قسمت 3 15:45
-
نمایش دستهبندی و دستهبندی فرعی در منوی کشویی 08:59
-
مقدار پست خبری 15:00
-
ذخیره پست خبری در پایگاه داده 20:24
-
تسلط به قالب جدول پست خبری 08:27
-
واکشی پست خبری 13:54
-
حذف پست خبری 20:09
-
تسلط به قالب صفحه ویرایش 12:39
-
ویرایش جزئیات واکشی شده خبر 11:47
-
fetch details API 14:09
-
بروزرسانی پست خبری 17:41
-
seed کردن داده پست خبری 20:02
-
مدل imagelib 02:20
-
کامپوننت imagelib و مدیریت تغییر تصویر 20:36
-
فرمت base64 12:33
-
تابع handlesubmit 09:33
-
upload image API - قسمت 1 13:47
-
upload image API - قسمت 2 08:19
-
واکشی تصویر به داشبورد 20:41
-
حذف imagelib 08:27
-
مدل Videolib 06:08
-
صفحه Videolib 20:18
-
تابع videolib handlesubmit 22:15
-
videolib get API و videolib post API 12:54
-
videolib put API و videolib delete API 11:03
-
نمایش videolib در جدول 25:26
-
حذف videolib 24:37
-
بروزرسانی راهاندازی صفحه 08:20
-
بروزرسانی موفق videolib 25:19
-
مدل بنر 08:37
-
تسلط به قالب بنر 06:17
-
context API 08:11
-
ایجاد banner context API 11:40
-
کامپوننت بنر 17:08
-
آپلود تصویر در Cloudinary 16:23
-
banner get API و banner post API 10:58
-
banner put API و banner delete API 09:59
-
seed کردن داده بنر 08:47
-
نمایش بنر در جدول 22:41
-
حذف بنر 12:28
-
نوتیفیکیشن حذف بنر 03:18
-
update banner context API 14:17
-
واکشی جزئیات در صفحه ویرایش 16:06
-
banneredit API 13:39
-
مدل زنده 05:04
-
صفحه livetv 18:44
-
تابع handlesubmit - قسمت 1 10:26
-
تابع handlesubmit - قسمت 2 06:37
-
livetv API 12:46
-
پر کردن livetv در فرم 18:46
-
دستهبندی با subcategory API 20:34
-
دستهبندی واکشی شده با دستهبندی فرعی 17:33
-
نمایش دستهبندی با دستهبندی فرعی در نوار ناوبری 10:35
-
نمایش دستهبندی فرعی در منوی بزرگ - قسمت 2 16:01
-
نمایش دستهبندی و دستهبندی فرعی در منوی بزرگ - قسمت 3 06:45
-
نمایش دستهبندی فرعی در منوی بزرگ - قسمت 4 16:52
-
خبرنامه در منوی بزرگ 18:34
-
نمایش اخبار زنده و پادکست در منوی بزرگ 13:13
-
فوتر بالای صفحه 12:10
-
بخش فوتر 16:07
-
راهاندازی نوار ناوبری 15:53
-
بازار سهام Rapid API 19:43
-
واکشی قیمت بلادرنگ سهام 20:45
-
home page API 09:51
-
نمایش دستهبندی و دستهبندی فرعی در صفحه اصلی 24:45
-
نمایش پست خبری در صفحه اصلی 19:12
-
کامپوننت بنر 11:13
-
اسلایدر اخبار فوری 23:24
-
breaking new API 04:06
-
missed news API 08:30
-
کامپوننت اخبار از دست رفته - قسمت 1 08:38
-
کامپوننت اخبار از دست رفته - قسمت 2 07:23
-
کامپوننت اخبار از دست رفته - قسمت 3 18:07
-
LiveTV API 07:44
-
مودال LiveTV 17:32
-
imagelib API و videolib API 10:13
-
کتابخانه تصویر - قسمت 1 24:36
-
کتابخانه تصویر - قسمت 2 08:28
-
گالری ویدئو 20:55
-
مودال گالری ویدئو 08:14
-
morenews API 04:39
-
کامپوننت اخبار بیشتر - قسمت 1 07:18
-
کامپوننت اخبار بیشتر - قسمت 2 17:00
-
کامپوننت اخبار بیشتر - قسمت 3 07:13
-
بخش اخبار ورزشی 14:35
-
well news API 06:25
-
واکشی اخبار خوب 10:53
-
پست خبری خوب 12:48
-
culture API 06:39
-
اخبار فرهنگی واکشی شده 08:12
-
کامپوننت فرهنگی 15:13
-
News API 06:23
-
داده اخبار واکشی شده 07:18
-
کامپوننت اخبار 16:59
-
Opinion API 06:24
-
کامپوننت نظرات 11:59
-
API اخبار زنده 07:35
-
کامپوننت زنده 13:04
-
real east API 07:38
-
کامپوننت املاک 12:14
-
single page API 11:50
-
واکشی پست خبری تکی 17:05
-
کامپوننت پست خبری تکی 14:55
-
trending news API 08:25
-
اخبار داغ واکشی شده 08:11
-
کامپوننت اخبار داغ 09:53
-
اشتراکگذاری اجتماعی React-share 21:56
-
مودال React-share 11:33
-
منوی کشویی disqus-react MUI 06:55
-
کامنت، لایک، اشتراکگذاری و پاسخ 10:06
-
categorynews news API 19:42
-
اخبار بر اساس دستهبندی 06:12
-
واکشی اخبار بر اساس دستهبندی 12:04
-
seed کردن داده پست خبری 04:24
-
محتوا بروزرسانی شد 03:47
-
پست خبری آموزشی 11:25
-
پست خبری فناوری 13:30
-
پست خبری املاک 11:42
-
پست خبری کسبوکار 09:33
-
پست خبری فرهنگی 14:06
-
پست خبری نظرات 10:33
-
پست خبری خوب 09:10
-
پست خبری بر اساس دستهبندی - قسمت 2 16:10
-
کامپوننت برتر 11:22
-
کامپوننت خوب 19:47
-
کامپوننت بخش 12:42
-
subcategory news API 25:14
-
پست خبری دستهبندی فرعی واکشی شده 15:04
-
پست خبری سبک خیابانی 06:56
-
پست خبری آموزشی 09:30
-
استارتاپها 06:13
-
صفحه اخبار دستهبندی فرعی 09:14
-
ارسال داده به عنوان propها 06:28
-
نمایش کامپوننت برتر 10:45
-
کامپوننت دستهبندی فرعی بخش 04:37
-
داشبورد ویراستار 21:04
-
تب فعال 17:28
-
کامپوننت ایمپورت 15:33
-
راهاندازی کامپوننت پروفایل 05:28
-
رمز عبور ویراستار 10:12
-
صفحه پست خبری ویراستار 09:55
-
CRUD روی پست خبری ویراستار 13:49
-
کامپوننت دستهبندی و دستهبندی فرعی 21:02
-
کامپوننت خروج 06:28
-
داشبورد کاربر 11:38
-
کامپوننت داشبورد کاربر 14:52
-
کامپوننت اشتراک - قسمت 1 15:37
-
تصویر اسلاید اشتراک 10:22
-
مدیریت پرداخت Stripe 07:44
-
subscription API - قسمت 1 05:06
-
مدل اشتراک 07:27
-
subscription API - قسمت 2 23:08
-
صفحه موفقیت 21:21
-
payment success API - قسمت 1 15:27
-
payment success API - قسمت 2 19:54
-
مدلهای سفارش 09:05
-
ذخیره سفارشها در پایگاه داده 16:46
-
صفحه لغو 04:58
-
subscription details API 09:47
-
صفحه جزئیات اشتراک 19:48
-
باگ success API 09:49
-
premuim content API 15:40
-
پست خبری پریمیوم 18:32
-
صفحه پریمیوم 15:48
-
premuim user API 23:38
-
باگ مقاله پریمیوم 02:23
-
order API 08:51
-
صفحه سفارش 18:21
-
user put API ،user get API و user delete API 16:20
-
همه کاربران در داشبورد ادمین 12:00
-
حذف کاربر 24:14
-
صفحه ویرایش کاربر - قسمت 1 23:40
-
بروزرسانی جزئیات کاربر 16:27
-
addnew در صفحه ادمین 22:11
-
dashboard API - قسمت 1 13:35
-
dashboard API - قسمت 2 09:18
-
تحلیل داشبورد ادمین - قسمت 1 12:23
-
واکشی جزئیات در داشبورد ادمین 13:08
-
تحلیل داشبورد ادمین 11:27
-
Generative AI 22:00
-
Generative AI - قسمت 2 09:51
-
Generative AI - قسمت 3 15:24
-
مدل تنظیمات سایت 06:05
-
site setting API 09:25
-
صفحه تنظیمات سایت 12:37
-
آپلود تصویر در فضای ابری 14:27
-
ذخیره تنظیمات سایت 12:22
-
پر کردن تنظیمات سایت 08:42
-
کامپوننت جستجو 16:37
-
search API 08:38
-
کامپوننت نتیجه - قسمت 1 08:09
-
کامپوننت نتیجه - قسمت 2 17:19
-
جستجو بر اساس متن 11:57
-
result API 16:30
-
تابع جستجوی صفحه اصلی 05:22
-
تابع جستجوی صفحه اصلی - قسمت 2 05:46
-
راهاندازی نوار ناوبری صفحه تکی 12:27
-
کامپوننت منوی کشویی - قسمت 1 12:59
-
کامپوننت منوی کشویی - قسمت 2 12:32
-
کامپوننت منوی کشویی - قسمت 3 10:30
-
کامپوننت جستجوی نوار ناوبری 10:19
-
کامپوننت حساب کاربری - قسمت 1 11:15
-
پیام خوشآمدگویی 06:54
-
کامپوننت حساب کاربری - قسمت 2 12:24
-
کامپوننت نوار ناوبری 17:05
-
صفحه درباره ما 08:04
-
صفحه خدمات 05:29
مشخصات آموزش
ری اکت و Nextjs - ایجاد یک وبسایت و پورتال خبری مبتنی بر هوش مصنوعی
- تاریخ به روز رسانی: 1404/06/21
- سطح دوره:همه سطوح
- تعداد درس:280
- مدت زمان :61:34:05
- حجم :31.4GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy