اپلیکیشن پورتال شغلی Next.js نسخه 13.4
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- ابتدا، اپلیکیشن شامل فرمهای ورود و ثبتنام کاربر خواهد بود که به کاربران اجازه میدهد حساب کاربری ایجاد کرده و با اطلاعات خود وارد پورتال شوند.
- در هنگام ثبتنام، اپلیکیشن از تکراری نبودن کاربران و جلوگیری از ایجاد حسابهای دوگانه اطمینان حاصل میکند.
- اپلیکیشن همچنین اطمینان میدهد که مسیرها با توکنهای JWT محافظت شده باشند تا دادههای کاربران امنیت داشته و دسترسی غیرمجاز جلوگیری شود.
- برای بهبود امنیت، میانافزاری برای مسیرهای محافظتشده پیادهسازی خواهد شد.
- اپلیکیشن از نقشهای کاربری مختلف شامل Employee و Employer پشتیبانی میکند. کارفرمایان میتوانند مشاغل ایجاد کرده و تمامی عملیات CRUD (ایجاد، خواندن، بروزرسانی و حذف) مرتبط با شغلها را انجام دهند.
- برای جلوگیری از ارسال درخواستهای تکراری، کاربران نمیتوانند چندین درخواست برای یک شغل ارسال کنند.
- اپلیکیشن امکان ردیابی وضعیت درخواستها را فراهم میکند. کارفرمایان هنگام دریافت درخواست جدید برای شغلهایشان ایمیل دریافت میکنند و کارجویان در صورت تغییر وضعیت درخواست، ایمیل اطلاعرسانی دریافت خواهند کرد.
- کارفرمایان قادر خواهند بود پروفایل متقاضیان شغلهایشان را ببینند و کارجویان نیز میتوانند پروفایل شرکتهایی که شغل اعلام کردهاند را مشاهده کنند.
توضیحات دوره
به دوره اپلیکیشن پورتال شغلی Next.js نسخه 13.4 - 2023 خوش آمدید.
ابتدا، اپلیکیشن شامل فرمهای ورود و ثبتنام کاربران خواهد بود که به آنها امکان میدهد حساب ایجاد کرده و با اطلاعات خود وارد پورتال شوند.
در هنگام ثبتنام، اپلیکیشن از تکراری نبودن کاربران مطمئن میشود تا حسابهای دوگانه ایجاد نشوند.
اپلیکیشن تضمین میکند که مسیرها با توکنهای JWT محافظت شوند تا داده ایمن بمانند و دسترسی غیرمجاز مسدود شود.
- برای بهبود امنیت، میانافزاری برای مسیرهای محافظت شده استفاده میشود.
- اپلیکیشن از نقشهای مختلف کاربران شامل Employee و Employer پشتیبانی میکند. کارفرمایان قادرند شغل ایجاد کرده و همه عملیات CRUD مربوط به شغلها را انجام دهند. کارمندان نیز میتوانند تمام شغلهای موجود در پورتال را ببینند و بر اساس صلاحیت خود اقدام به درخواست شغل کنند.
- برای جلوگیری از ارسال درخواستهای تکراری، اپلیکیشن از ارائه بیش از یک درخواست برای یک شغل توسط یک کاربر جلوگیری میکند.
- اپلیکیشن امکان ردیابی وضعیت درخواستها را فراهم کرده است. کارفرمایان هنگام دریافت درخواست جدید ایمیل اطلاعرسانی دریافت میکنند و کارجویان هنگام تغییر وضعیت درخواست خود نیز ایمیل دریافت خواهند کرد.
- کارفرمایان میتوانند پروفایل متقاضیان شغلهای خود را ببینند و کارجویان نیز پروفایل شرکتهای منتشرکننده آگهی را مشاهده میکنند.
Next.js نسخه 13 جدیدترین نسخه فریمورک محبوب React است. این نسخه در تاریخ 8 مارس 2023 منتشر شد و شامل ویژگیها و بهبودهای زیادی است.
برخی از نکات برجسته Next.js نسخه 13 عبارتند از:
- کامپوننت جدید Image: این کامپوننت جدید بارگذاری تصاویر بدون تغییر ناگهانی در چینش صفحه را سادهتر کرده و فایلها را به صورت درخواستمحور بهینه میکند تا عملکرد بهتر شود.
- سیستم فونت جدید: سیستم فونت جدید به صورت خودکار فونتها، از جمله فونتهای سفارشی را بهینهسازی میکند. همچنین درخواستهای شبکه خارجی را حذف کرده که منجر به حفظ حریم خصوصی و بهبود عملکرد میشود.
- روتر اپلیکیشن جدید: این روتر جدید مدیریت مسیرها را در اپلیکیشن Next.js شما انعطافپذیرتر و قدرتمندتر کرده است.
- بهبود عملکرد: نسخه 13 بهبودهای زیادی در سرعت بارگذاری تصاویر و فرآیند hydration (تبدیل صفحه رندر شده از سرور به صفحه رندر شده از کلاینت) دارد که تجربه کاربری روانتری را ارائه میدهد.
اگر از Next.js استفاده میکنید، توصیه میکنم به نسخه 13 ارتقا دهید. این نسخه شامل ویژگیهای جدید و بهبودهای قابل توجهی است.
جزئیات بیشتری درباره ویژگیهای جدید Next.js 13 عبارتند از:
- کامپوننت جدید Image: نسخه جدید کامپوننت Image بهبود قابلتوجهی نسبت به نسخه قبلی دارد. از بارگذاری تنبل بومی پشتیبانی میکند، یعنی تصاویر تنها زمانی بارگذاری میشوند که در صفحه قابل مشاهده باشند. این موضوع به ویژه در دستگاههای موبایل، عملکرد را به طور چشمگیری افزایش میدهد. افزون بر این، بهینهسازی خودکار تصاویر نیز در این کامپوننت وجود دارد که عملکرد را بیشتر ارتقا میدهد.
- سیستم فونت جدید: سیستم فونت جدید به صورت خودکار فونتها، حتی فونتهای سفارشی را بهینهسازی میکند. همچنین درخواستهای شبکه خارجی حذف شدهاند که باعث حفظ حریم خصوصی و بهبود عملکرد میشود. این سیستم همچنین از خودمیزبانی خودکار برای هر فایل فونت پشتیبانی میکند، یعنی میتوانید فونتهای خود را روی سرور خود میزبانی کنید که مزید بر علت بهبود عملکرد است.
- روتر اپلیکیشن جدید: روتر جدید نسبت به نسخه قبلی تغییرات بزرگی داشته و مدیریت مسیرها را انعطافپذیرتر و قدرتمندتر میکند. این روتر از مسیرهای تو در تو، مسیرهای داینامیک و امکانات بیشتر پشتیبانی میکند.
- بهبود عملکرد: Next.js 13 شامل بهبودهای متعددی در سرعت بارگذاری تصاویر و فرآیند hydration است. Hydration فرآیند تبدیل صفحهای است که توسط سرور رندر شده به صفحهای که توسط کلاینت رندر میشود. بهبود عملکرد در این مرحله به تجربه کاربری روانتر کمک میکند.
اگر از Next.js استفاده میکنید، توصیه میکنیم به نسخه 13 ارتقا دهید. این نسخه دارای ویژگیها و بهبودهای بسیار خوبی است.
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان فول استک
اپلیکیشن پورتال شغلی Next.js نسخه 13.4
-
کد تخفیف / کد منبع 13:05
-
ایجاد اپلیکیشن Next 09:06
-
ساختار فولدر 10:50
-
راه اندازی Antd 09:27
-
بازنویسی کامپوننتهای Antd 10:53
-
کلاسهای سفارشی 14:37
-
صفحه ورود 22:06
-
صفحه ثبتنام 06:03
-
مسیرهای API 12:12
-
اتصال Mongo DB 14:39
-
مدل کاربر 04:55
-
رابط برنامهنویسی ثبتنام 08:59
-
یکپارچهسازی API ثبتنام 06:23
-
API ورود 08:12
-
یکپارچهسازی API ورود 07:58
-
میانافزار 14:36
-
مسیرهای API محافظت شده 03:04
-
دریافت کاربر فعلی - 1 08:10
-
دریافت کاربر فعلی - 2 09:17
-
دریافت کاربر فعلی با استفاده از کامپوننتهای سرور 15:09
-
طرح بندی - 1 06:44
-
طرح بندی - 2 19:52
-
طرح بندی - 3 11:44
-
راه اندازی مدیریت استیت Redux 19:26
-
نمایش/مخفی کردن لودر با Redux 12:06
-
امکانات خروج از حساب 08:41
-
راه اندازی صفحه پروفایل 09:52
-
فرم کارمند - 1 10:02
-
فرم کارمند - 2 17:25
-
بهبودهای مدل کاربر 03:14
-
فرم کارفرما 08:57
-
API بروزرسانی پروفایل کاربر 20:39
-
داینامیک کردن نوار کناری 12:51
-
فرم شغل 09:47
-
API افزودن شغل 16:30
-
نمایش مشاغل اضافه شده 18:21
-
ویرایش شغل 15:09
-
حذف شغل 03:03
-
فیلتر مشاغل بر اساس کاربر فعلی 06:59
-
نمایش تمام مشاغل در صفحه اصلی 20:42
-
توضیحات شغل 12:57
-
درخواست برای شغل 13:36
-
محدودیت درخواستهای تکراری 09:30
-
نمایش درخواستها - 1 08:47
-
نمایش درخواست - 2 11:06
-
بروزرسانی وضعیت درخواست - 1 07:41
-
بروزرسانی وضعیت درخواست - 2 05:42
-
صفحه اطلاعات کاربر داینامیک 11:22
-
اطلاعات کارفرما 07:48
-
اطلاعات کارمند 17:33
-
راه اندازی Nodemailer 14:21
-
ارسال ایمیل برای بروزرسانی وضعیت درخواست 08:05
-
ارسال ایمیل برای دریافت درخواست جدید 02:31
-
فیلترها در صفحه اصلی 13:55
-
استقرار در Vercel 04:05
-
خطا 1 12:53
-
خطا 2 02:22
مشخصات آموزش
اپلیکیشن پورتال شغلی Next.js نسخه 13.4
- تاریخ به روز رسانی: 1404/12/10
- سطح دوره:مقدماتی
- تعداد درس:57
- مدت زمان :10:25:59
- حجم :5.66GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy