راهنمای کامل توسعهدهنده در Next JS
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- ساخت وب اپلیکیشن با کارایی فوقالعاده با استفاده از Next JS
- درک تفاوتهای اجرای Next JS در محیط توسعه و تولید
- استفاده از چهار سیستم کش مختلف برای افزایش سرعت پاسخدهی درخواستها
- استفاده از جدیدترین فناوریهای React با Server Components برای ساخت رابطهای استریمینگ
- پیادهسازی احراز هویت کاربری قدرتمند و امن با کتابخانه Next Auth
- بهروزرسانی و تجدید دادهها به صورت خودکار با استفاده از Server Actions و Revalidation
- بهینهسازی دریافت و بارگذاری تصاویر از طریق کامپوننت Image در Next
- اضافه کردن اعتبارسنجی و مدیریت قوی فرمها با پیادهسازی hook جدید useFormState در React
پیش نیازهای دوره
- آشنایی پایهای با React و Typescript مفید است، اما بخشهای مرور این مباحث نیز گنجانده شده است
توضیحات دوره
در آستانه ورود به دنیای پرشتاب NextJS هستید، فناوریای که توسعهدهندگان را با ابزارهای لازم برای ساخت وب اپلیکیشن با کارایی بالا و امکانات غنی مجهز میکند، تا در منظره دیجیتال امروزی بدرخشند.
NextJS کلیدی است برای بهرهبرداری کامل از اپلیکیشن های واکنشدهنده سرور-رندر شده، که بهترینهای توسعه وب را در قالب یک فریمورک قدرتمند و کاربرپسند جمعآوری میکند. این دوره جامع شما را با ویژگیهای پیشرفته NextJS آشنا میکند که میتواند در بازار کار شما تفاوت ایجاد کند. یاد میگیرید چگونه با کتابخانه Next-Auth احراز هویت را پیادهسازی کنید، و رویکرد نوآورانه در تغییر دادهها با استفاده از Server actions را درک کنید. همچنین مفاهیم پایهای کامپوننتهای سرور و کلاینت را فرا میگیرید، تا در توسعه وب مدرن ماهر شوید.
با صنعت فناوری که به دنبال افراد ماهر است، تسلط بر NextJS شما را در خط مقدم فرصتها قرار میدهد و مجموعه مهارتهایی در خواست بالا دارد. چه در پی تغییر مسیر شغلی به سمت مهندسی نرمافزار باشید، چه قصد بهبود پروژههای موجود خود را دارید، اکنون زمان فوقالعادهای برای غوطهور شدن در Next است.
چه دستاوردهایی خواهید داشت؟
با مجموعهای گسترده از ویدیوهای آموزشی که همراه با تصویرهای دقیق و مثالهای عملی ارائه شده است، این دوره تضمین میکند درک عمیقی از قابلیتهای Next داشته باشید، هیچ پیشزمینهای در این فریمورک لازم نیست. من یک تجربهی یادگیری طراحی کردهام که هم سختگیرانه و هم تشویقکننده است، و دانش در لایههای مختلف ساخته شده است، با گفتگوهای فراوان برای توضیح هر ویژگی از Next.
با افتخار، جامعترین مسیر آموزش Next را در فضای آنلاین ارائه میدهم. در این ماجراجویی پرمحتوا، هیچ نکتهای بدون بررسی نمانده است.
آماده شوید مجموعهای متنوع از موضوعات را فرا بگیرید، از جمله:
- اجرای روندهای احراز هویت کاربر با next-auth، برای مدیریت امن و مقیاسپذیر کاربران
- ساختاردهی مؤثر Server actions برای تغییر دادهها
- بررسی نظریه کامپوننتهای سرور و کلاینت، و نحوه بهرهبرداری از هر کدام برای حداکثر کارایی
- تسلط بر تکنیکهای اعتبارسنجی دادهها برای تضمین صحت و اصالت ورودیهای کاربر
- محتواگذاری مؤثر حافظه پنهان در Next برای ارائه محتوا با سرعت فوقالعاده
- درک تفاوتهای حیاتی بین محیط توسعه و تولید و آمادهسازی اپلیکیشن ها برای استقرار موفق
- سفارشیسازی رندر سمت سرور (SSR) و تولید سایت استاتیک (SSG) بر اساس نیازهای اپلیکیشن شما
- استفاده از تولید استاتیک افزایشی (ISR) برای ترکیب بهترینهای SSR و SSG
- ارتقاء رابطهای کاربری با پشتیبانی TailwindCSS برای استایلدهی مؤثر
- بهینهسازی تصاویر در لحظه با کامپوننت Image در Next برای افزایش عملکرد و تجربه کاربری بهتر
- استقرار اپلیکیشن های Next در Vercel و سایر پلتفرمهای میزبانی با سهولت
- استفاده از TypeScript در کنار Next برای اپلیکیشن های قدرتمند و ایمن نوع
با هر موضوع جدید، دانش، مهارت و اعتماد به نفس لازم برای بهکارگیری آن در پروژههای عملی را به دست خواهید آورد. و با این مهارتها، آیندهی توسعه وب را شکل دهید و همگام با بهترینها حرکت کنید.
این دوره برای چه کسانی مناسب است؟
- هر مهندسی که به دنبال ساخت وب اپلیکیشن با عملکرد بالا با Next JS است.
راهنمای کامل توسعهدهنده در Next JS
-
چگونه سریع NextJS را بیاموزیم؟ 03:58
-
نمای کلی پروژه 03:31
-
مسیر دهی مبتنی بر فایل 06:43
-
اضافه کردن مسیرهای دیگر 03:47
-
اتصال بین صفحات 03:03
-
رابط کاربری رایج در Next JS با Layouts 05:42
-
استراتژی ساختار پروژه 03:39
-
کلید میانبر وارد کردن مسیر مطلق 02:15
-
اضافه کردن تصاویر در Next JS 06:11
-
بیشتر درباره کامپوننت Image 08:30
-
اضافه کردن یک کامپوننت ارائه چندمنظوره 07:29
-
اضافه کردن استایلها 05:33
-
نصب و استقرار در Vercel 04:46
-
بررسی اپلیکیشن 01:31
-
راهاندازی پروژه 03:50
-
اضافه کردن ایجاد صفحه 02:15
-
ایجاد یک کلاینت Prisma در Next.js 02:14
-
اضافه کردن ایجاد فرم 05:51
-
معرفی Server Actions در Next.js 10:37
-
بررسی عمیقتر Server Actions 02:48
-
تفاوت کامپوننتهای سرور و کلاینت 08:50
-
واکشی داده با کامپوننتهای سرور 03:51
-
اضافه کردن مسیرهای پویا 04:56
-
واکشی رکوردهای خاص 05:06
-
صفحات سفارشی برای خطای 404 05:07
-
آیکونهای بارگذاری خودکار 03:00
-
چندین تسک سریع 06:25
-
استایلدهی صفحه نمایش 02:56
-
لینکسازی به صفحه ویرایش 03:28
-
نمایش کامپوننت کلاینت در کامپوننت سرور 09:53
-
اضافه کردن ویرایشگر Monaco 05:03
-
مدیریت تغییرات در ادیتور 03:21
-
Server Actions در کامپوننتهای کلاینت در Nextjs 05:43
-
Server Actions در فایل جداگانه 03:36
-
گزینههای فراخوانی Server Actions از کامپوننتهای کلاینت 07:33
-
فراخوانی Server Action از کامپوننت کلاینت 04:59
-
حذف رکورد با Server Action 03:26
-
درک hook useFormState 07:10
-
استیت useForm در عمل 06:53
-
اضافه کردن اعتبارسنجی فرم 03:35
-
نکات حیاتی در مدیریت خطا در Nextjs 09:48
-
رفتار قابل انتظار عجیب 02:16
-
سیستم کش کامل مسیرها 04:02
-
چه چیزی مسیر استاتیک یا داینامیک در Next.js میسازد؟ 05:10
-
چه زمانی هر کنترل کش را استفاده کنیم؟ 05:17
-
کمک، صفحه من دادههای قدیمی نشان میدهد! 04:06
-
فعال کردن کش با GenerateStaticParams 02:37
-
کش کردن مسیرهای داینامیک 06:18
-
نمای کلی پروژه 03:35
-
کتابخانههای مهم پروژه ما 02:50
-
نصب و پیکربندی NextUI 06:58
-
نصب و راهاندازی پایگاه داده 04:50
-
نصب OAuth 05:48
-
نصب Next-Auth 08:16
-
تئوری پشت OAuth 08:12
-
بستهبندی احراز هویت در Server Actions 03:04
-
ورود، خروج و بررسی وضعیت احراز هویت 12:10
-
فرایند طراحی اولیه 06:51
-
چرا از راهنماهای مسیر؟ 03:49
-
پیادهسازی راهنمای مسیر 03:34
-
ایجاد ساختار مسیریابی 03:21
-
شبیهسازی Server Actions 06:02
-
برنامهریزی استراتژیهای Revalidate 07:17
-
ساخت هدر 08:13
-
نمایش دکمههای ورود و خروج 05:03
-
فعال کردن خروج 05:53
-
موردهای بیشتر در کشینگ 06:15
-
کش استاتیک در حین استفاده از احراز هویت 08:52
-
ایجاد موضوعات 05:14
-
ایجاد فرم پاپآپ 05:07
-
دریافت دادههای فرم 02:58
-
اضافه کردن اعتبارسنجی فرم با Zod 09:07
-
یادآوری hook useFormState 02:39
-
رفع خطاهای نوع در useFormState 05:15
-
این نوع formState ما است 04:55
-
نمایش خطاهای اعتبارسنجی 02:44
-
مدیریت خطاهای عمومی فرم 06:05
-
مدیریت خطاهای پایگاه داده در فرمها 09:13
-
نمایش اسپینرهای بارگذاری 07:05
-
واکشی و فهرستبندی محتوا با Prisma 06:30
-
Scaffold کردن صفحات موضوع 03:03
-
نمایش ایجاد فرم 06:08
-
اعمال اعتبارسنجی هنگام ایجاد پست 09:17
-
بررسی وضعیت احراز هویت 02:47
-
ارسال آرگومانهای اضافی به Server Action 09:22
-
ایجاد رکورد 04:58
-
ادغام چند فایل 04:15
-
ملاحظات درباره مکان واکشی دادهها 10:56
-
واکشی داده در کامپوننتهای فرزند 11:38
-
واکشی دادههای پیشنهاد شده 04:26
-
تعریف در والد، واکشی در فرزند 08:38
-
نامهای نوع جایگزین و تعاریف کوئری 03:55
-
در استفاده مجدد زیادهروی نکنید 04:51
-
ایجاد کامنت 01:12
-
رندر کردن بازگشتی کامپوننتها 04:50
-
واکشی کردن لیست بزرگ 09:42
-
چندین درخواست مکرر پایگاه داده 02:11
-
مقدمهای بر درخواستهای تکراری 04:51
-
ذخیرهسازی درخواستها 04:10
-
تکمیل درخواستها با کش 02:25
-
اضافه کردن استریمینگ کامپوننت 04:22
-
استریمینگ با Suspense 03:19
-
اضافه کردن اسکلت بارگذاری 03:44
-
پستهای برتر در صفحه اصلی 04:27
-
بازگشت به ورودی جستجو 01:51
-
یادداشتهایی درباره QueryStrings در Next 06:21
-
دسترسی به رشته کوئری 02:18
-
ریدایرکت از Server Action 03:26
-
دریافت رشته کوئری در Server Component 02:34
-
اجرای جستجو 04:40
-
اخطار کاهش استفاده از رندر سمت کاربر 02:51
-
جمعبندی! 02:40
-
بیایید یک اپلیکیشن بسازیم! 07:56
-
سوالات حیاتی 05:49
-
چند سوال حیاتی دیگر 08:51
-
نصب نود 01:58
-
اجرای اپلیکیشن 01:47
-
Create React App چیست؟ 05:50
-
نمایش محتوای پایه 06:41
-
JSX چیست؟ 05:48
-
چاپ متغیرهای JavaScript در JSX 04:29
-
عبارات کوتاه JSX 01:51
-
طرح بندی های معمولی کامپوننت 01:58
-
سفارشیسازی عناصر با props 07:36
-
تبدیل HTML به JSX 05:07
-
اعمال استایل در JSX 06:13
-
استخراج کامپوننتها 04:26
-
بررسی سیستمهای ماژول 16:05
-
نمای کلی پروژه 05:37
-
ساخت کامپوننتهای اصلی 05:00
-
معرفی سیستمهای props 04:51
-
تصویرسازی حرکت دادهها 06:06
-
اضافه کردن props 03:04
-
استفاده از تجزیه آرگومانها 04:57
-
ابزارهای توسعه React 02:37
-
شایعترین خطای props 04:42
-
اضافه کردن تصاویر 08:09
-
مدیریت دسترسیپذیری تصاویر 06:39
-
مرور نحوه کار CSS 06:10
-
اضافه کردن کتابخانههای CSS با NPM 05:57
-
یک حجم بزرگ HTML! 09:38
-
آخرین بخش استایلدهی 05:45
-
مروری بر تایپاسکریپت 06:19
-
راهاندازی محیط 07:59
-
یک اپلیکیشن اولیه 04:43
-
اجرای کدهای تایپاسکریپت 05:03
-
یک تغییر سریع 03:35
-
گیر انداختن خطاها با TypeScript 07:22
-
گرفتن خطاهای بیشتر! 05:15
-
انواع 05:12
-
بیشتر درباره انواع 05:53
-
نمونههایی از انواع 04:48
-
کجا از انواع استفاده میکنیم؟ 00:49
-
حاشیه نویسی ها و قابلیت استنتاج نوع 02:03
-
حاشیه نویسی ها با متغیرها 04:53
-
حاشیه نویسی های شیگرای منیع 06:53
-
حاشیه نویسی ها در توابع 05:55
-
درک استنتاج 03:51
-
نوع 07:47
-
رفع مشکل نوع 01:49
-
مقداردهی اولیه با تأخیر 03:05
-
وقتی استنتاج کار نمیکند 04:37
-
بیشتر در مورد حاشیه نویسی ها در اطراف توابع 04:56
-
استنتاج در اطراف توابع 06:08
-
انوتیشنها برای توابع ناشناس 01:42
-
Void و Never در تایپاسکریپت 02:49
-
تجزیه با استفاده از حاشیه نویسی ها 03:35
-
حاشیه نویسی های اطراف اشیاء 07:05
-
آرایهها در تایپاسکریپت 05:05
-
چرا آرایههای تایپدار؟ 04:30
-
استفاده از چند نوع در آرایهها 02:57
-
چه زمانی از آرایههای تایپدار استفاده کنیم؟ 00:54
-
تایپهای Tuple در تایپاسکریپت 04:04
-
تایپهای Tuple در عمل 05:28
-
چرا تایپهای Tuple؟ 03:20
-
رابطها 01:26
-
حاشیه نویسی های نوع بلند 04:42
-
رفع خطاهای حاشیه نویسی ها با رابطها 04:36
-
نحو نگارش اطراف رابطها 03:31
-
توابع در رابطها 04:46
-
استفاده مجدد از کد با استفاده از رابطها 04:15
-
برنامه کلی با رابطها 03:12
مشخصات آموزش
راهنمای کامل توسعهدهنده در Next JS
- تاریخ به روز رسانی: 1404/06/21
- سطح دوره:همه سطوح
- تعداد درس:182
- مدت زمان :15:43:52
- حجم :5.37GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy