دوره آموزشی
دوبله زبان فارسی
دوره سمت سرور با REACT 19 و NEXT.JS
✅ سرفصل و جزئیات آموزش
در این دوره SSR را با استفاده از ری اکت نسخه 19 که دوست دارید و آخرین نسخه Next.js نسخه 15 می آموزید.
آنچه یاد خواهید گرفت
- استفاده از Next JS و ری اکت
- اپلیکیشن ها با عملکرد بهتر
- تمرین سناریوهای واقعی
- استقرار در تولید
پیش نیازهای دوره
- کمی دانش در جاوا اسکریپت، HTML و CSS
- صبر کنید، ما کدهای زیادی را انجام خواهیم داد.
توضیحات دوره
ما از همان ابتدا از «من حتی نمی دانم چیست و چرا باید از آن استفاده کنم؟» شروع می کنیم تا نحوه عملکرد سمت سرور با Next و ری اکت را درک کنیم.
شما تمام منطق و تمرین پشت ماژول های مختلف Next JS و ری اکت را از همان ابتدا تا مباحث under the hood یاد خواهید گرفت.
برای جمع بندی همه مطالب، موارد زیر را یاد خواهید گرفت:
- مبانی Next، نحوه نصب و منطق پشت آن
- چگونه از مسیرها به درستی استفاده کرده و با ری اکت کار کنیم؟
- ما یاد می گیریم که چگونه پیش رندرینگ در Next JS انجام می شود.
- از آنجایی که اپلیکیشن ما به یک پایگاه داده نیاز دارد، نحوه استفاده از آن با MongoDB و mongoose را یاد می گیرید.
- اعمال امنیت، احراز هویت و محافظ های مسیر
- ما فقط برای تمرین همه موارد پروژه های عملی ایجاد خواهیم کرد.
- البته، ما کل فرآیند استقرار در میزبانی Vercel، Next را یاد می گیریم.
- اگر می خواهید توانایی های ری اکت خود را رفرش کنید، یک مینی دوره کامل ری اکت نیز دریافت خواهید کرد.
این دوره برای چه کسانی مناسب است؟
- همه سطوح
دوره سمت سرور با REACT 19 و NEXT.JS
-
مقدمه 01:08
-
نصب نود جی اس 01:17
-
IDE 01:05
-
مخازن و کد منبع 01:00
-
Next JS چیست؟ 01:54
-
ایجاد یک اپلیکیشن 05:49
-
مسیرها چگونه کار می کنند؟ 02:52
-
مسیرهای استاتیک 03:35
-
مسیرهای تودرتو 04:10
-
مسیرهای پویا 03:27
-
پارامترها و پارامترهای جستجو 05:59
-
ضبط همه سگمنت ها 06:31
-
طرح بندی ها 06:12
-
لینک دهی و ناوبری 07:33
-
کامپوننت های استاندارد 03:59
-
استایل ها و ماژول ها 04:28
-
مسیرهای موازی 05:39
-
گروه های مسیر 04:37
-
مقدمه 08:16
-
رفرشر SSR 04:07
-
راه اندازی سرور جی سان 05:08
-
واکشی کارمندان 06:58
-
چرا نمی توانیم از هوک ها استفاده کنیم؟ 09:58
-
سرور در مقابل کلاینت 08:09
-
آشنایی با فرم های سرور 08:52
-
فرم سرور - No JS 04:53
-
هوک useActionState 15:17
-
رابط کاربری بارگذاری 06:24
-
دریافت کارمند با شناسه 03:37
-
رابط کاربری خطا 10:43
-
رابط کاربری Not Found 07:10
-
ویرایش صفحه کارمند 09:43
-
فرم ها با Formik و Yup 12:29
-
اکشن ویرایش کارمند - بخش 1 07:16
-
اکشن ویرایش کارمند - بخش 2 08:49
-
حذف کارمندان 06:21
-
استریمینگ 06:34
-
ساخت و شروع 04:58
-
پویا یا استاتیک 04:48
-
گزینه های پیکربندی سگمنت 06:52
-
اعتبارسنجی مجدد مسیر 06:16
-
استفاده از گزینه های واکشی 03:10
-
هدرها و کوکی ها 10:17
-
ایجاد پارامترهای استاتیک 06:20
-
مقدمه 01:20
-
ایجاد مسیر API 04:00
-
مبانی اندپوینت 04:11
-
عملیات GET کارمندان 07:51
-
عملیات POST کارمندان 06:14
-
عملیات PATCH کارمندان 06:18
-
عملیات DELETE کارمندان 03:13
-
مقدمه 02:13
-
Tailwind چیست؟ 12:22
-
نصب Sass 04:30
-
مقدمه رابط کاربری NEXT 07:27
-
ناوبری رابط کاربری NEXT (تمرین) 17:01
-
ایمپورت Alias 04:07
-
کامپوننت تصویر 08:06
-
مقدمه 03:35
-
ایجاد ناوبری 09:57
-
فونت های سفارشی 06:02
-
فایل پیکربندی احراز هویت 10:08
-
Secret احراز هویت 07:14
-
میان افزار احراز هویت 08:50
-
استفاده از سشن سرور 08:20
-
سشن سرور کلاینت 08:23
-
ورود به سیستم گیت هاب 07:16
-
فرم رجیستر سفارشی - بخش 1 10:53
-
فرم رجیستر سفارشی - بخش 2 11:17
-
ایجاد خوشه MongoDB 06:28
-
پیکربندی پایگاه داده 10:43
-
مسیر رجیستر 10:45
-
رجیستر کاربران 06:31
-
ورود به سیستم کاربر 18:47
-
خروج از سیستم کاربر 03:49
-
افزودن لینک ها به ناوبری 07:45
-
مدل Venue 06:53
-
افزودن فرم Venue 08:50
-
ارسال Venues 05:21
-
اعتبارسنجی اسکیمای Venue 12:59
-
افزودن مدیریت خطاهای Venue 05:45
-
مدل رویداد و صفحه 10:39
-
افزودن فرم رویداد 12:22
-
افزودن datepicker رویداد 12:53
-
ارسال رویدادها 11:27
-
نمایش toasts 04:00
-
دریافت رویدادهای صفحه اصلی 10:16
-
کارت های رویداد صفحه اصلی - بخش 1 11:57
-
کارت های رویداد صفحه اصلی - بخش 2 10:39
-
بارگذاری بیشتر صفحه اصلی 08:29
-
صفحه رویداد توسط Slug 09:49
-
کارت رویداد - بخش 1 09:30
-
استقرار 12:21
-
Next JS چیست؟ 02:14
-
نصب اپلیکیشن NEXT 03:32
-
مسیرها چگونه کار می کنند؟ 03:36
-
ایجاد مسیر ساده 03:40
-
مسیرهای تودرتو 02:48
-
مسیرهای پویا 04:28
-
پارامترها و SearchParams 04:01
-
Catch ALL 06:55
-
طرح بندی ها 08:32
-
ناوبری 07:31
-
کد استاندارد ری اکت 05:00
-
استایل ها 05:27
-
مسیرهای موازی 08:08
-
گروه های مسیر 12:35
-
ایجاد قالب کوچک 06:08
-
هدر و لینک ها 04:21
-
استراتژی ها 04:05
-
سرور جی سان 04:11
-
نمایش کارمندان 08:40
-
استفاده از هوک ها 11:03
-
اطلاعات بیشتر درباره سرور و کلاینت 05:57
-
فایل اکشن سرور 03:09
-
ارسال کارمندان 08:15
-
ریفکتور کردن به فایل اکشن ها 05:25
-
UseFormState - بخش 1 06:40
-
UseFormState - بخش 2 05:27
-
کارمند با شناسه 04:02
-
رابط کاربری بارگذاری 05:38
-
رابط کاربری خطا 11:11
-
رابط کاربری Not found 05:26
-
کامپوننت سرور ویرایش کاربر 07:03
-
اعتبارسنجی سمت کلاینت 12:07
-
اکشن ویرایش سرور - بخش 1 07:03
-
اکشن ویرایش سرور - بخش 2 05:59
-
حذف کارمندان 07:03
-
ساخت و شروع 05:52
-
پویا یا استاتیک؟ 06:42
-
گزینه های پیکربندی سگمنت 10:36
-
اعتبارسنجی مجدد مسیرها 07:39
-
واکشی گزینه های API 03:13
-
هدر و کوکی ها 07:54
-
استفاده از تابع "generateStaticParams" 10:29
-
نصب 10:30
-
ایجاد ناوبری 05:57
-
کاروسل صفحه اصلی 11:28
-
واکشی مقالات 11:39
-
واکشی صفحه اصلی 08:33
-
مقاله با شناسه 10:40
-
صفحه بیو 07:11
-
ساخت 08:56
-
آشنایی با Vercel و استقرار ساده 11:04
-
استقرار سرور جی سان 15:49
-
استقرار پروژه Hokusai 10:20
-
مسیرهای API چیست؟ 01:40
-
هندلرهای مسیر در مقابل مسیرهای API 06:03
-
هندلرهای مسیر 12:34
-
هندلرهای مسیر - ارسال 05:53
-
هندلرهای مسیر - پارامترها 05:57
-
مسیر API 07:18
-
مسیر API - پارامترها 04:53
-
شروع یک پروژه جدید 03:21
-
Tailwind CSS 13:49
-
SASS 05:48
-
رابط کاربری Next 06:29
-
نوار ناوبری رابط کاربری Next 17:04
-
ایمپورت مطلق و aliases ماژول 05:13
-
کامپوننت تصویر 07:58
-
MongoDB 13:18
-
تست MongoDB 08:51
-
درباره Mongoose؟ 13:51
-
درباره React Context؟ 14:08
-
درباره React Redux چطور؟ 10:12
-
نصب 05:29
-
ایجاد ناوبری 09:31
-
نصب فونت ها 05:49
-
اعتبارات NEXT AUTH 13:47
-
NEXT AUTH secret 05:37
-
میان افزار NEXT AUTH 10:16
-
سشن سرور کاربر 10:10
-
سشن سرور کلاینت 09:52
-
ورود به گیت هاب 06:10
-
فرم رجیستر - بخش 1 14:22
-
فرم رجیستر - بخش 2 08:11
-
رجیستر کاربران - بخش 1 08:40
-
رجیستر کاربران - بخش 2 08:35
-
رجیستر کاربران - بخش 2 04:24
-
فیکس کردن "Authorize" 15:44
-
خروج کاربران از سیستم 04:16
-
افزودن صفحات به ناوبری 08:12
-
افزودن فرم venue 16:51
-
افزودن اکشن سرور venue 12:11
-
تست فرم Venues 04:20
-
افزودن رویداد - فرم 16:15
-
افزودن رویداد - Datepicker 16:04
-
افزودن رویداد - اکشن 09:34
-
ارسال رویدادها 07:07
-
نمایش toast های موفقیت 07:28
-
دریافت رویدادهای صفحه اصلی 11:26
-
نصب Masonry 11:38
-
کارت رویداد - بخش 1 10:20
-
کارت رویداد - بخش 2 12:11
-
"الگوهای راه دور" 03:04
-
یافتن رویداد با slug 07:56
-
نمایش اطلاعات رویداد 08:27
-
نمایش اطلاعات venue 04:00
-
دریافت رویدادهای صفحه بندی شده 16:19
-
جدول صفحه بندی شده 13:34
-
مبانی - دریافت boilerplate 05:16
-
مبانی - باندل 04:44
-
مبانی - از پایه 09:52
-
مبانی - پشت صحنه 08:37
-
مبانی - ساختار پروژه 12:41
-
مبانی - انواع کامپوننت ها 05:38
-
مبانی - افزودن استایل ها 14:17
-
مبانی - رویدادها 11:52
-
مبانی - State 16:35
-
مبانی Props - بخش 1 14:22
-
مبانی Props - بخش 2 09:43
-
مبانی Props - بخش 3 07:28
-
مبانی فرزندان در ری اکت 03:58
-
مبانی - اطلاعات بیشتر درباره استایل دهی 07:01
-
مبانی - فیلتر اخبار 12:52
-
مبانی - چرخه های عمر - بخش 1 14:44
-
مبانی - چرخه های عمر - بخش 2 19:02
-
مبانی - مقدمه هوک های ری اکت 04:29
-
مبانی - هوک UseState - بخش 1 13:33
-
مبانی - هوک UseState - بخش 2 16:04
-
مبانی - Use effect 13:04
-
مبانی - Use callback 26:12
-
مبانی - UseRef 13:42
-
مبانی کانتکس - بخش 1 18:27
-
مبانی کانتکس - بخش 2 11:47
-
تمرین - نصب 05:02
-
تمرین - کانتکس 15:29
-
تمرین - مرجع و اعتبارسنجی 14:28
-
تمرین - افزودن بازیکنان 07:05
-
تمرین - نمایش بازیکنان 07:53
-
تمرین - Next و toastify 13:35
-
تمرین - دریافت looser 11:27
-
مسیرها - مقدمه 05:21
-
مسیرها - فرآیند مسیر 03:02
-
مسیرها - فایل مسیر اصلی 04:18
-
مسیرها - راه اندازی مسیرها 05:43
-
مسیرها - لینک دهی 08:52
-
مسیرها - طرح بندی بهتر 05:30
-
مسیرها - پارامترها 05:47
-
مسیرها - اطلاعات بیشتر درباره react router 05:59
-
مسیرها - سوئیچ 05:18
-
مسیرها - ریدایرکشن ها 07:39
-
مسیرها - 404 04:31
-
مبانی 2 - مقدمه 08:10
-
مبانی 2 - کامپوننت های خالص 14:11
-
مبانی 2 - عناصر مجاور 07:06
-
مبانی 2 - HOCs - بخش 1 11:10
-
مبانی 2 - HOCs - بخش 2 11:51
-
مبانی 2 - ترنزیشن ها - بخش 1 14:04
-
مبانی 2 - ترنزیشن ها - بخش 2 11:52
-
مبانی 2 - ترنزیشن های CSS 08:19
-
مبانی 2 - گروه ترنزیشن ها 13:26
-
مبانی 2 - Honorable mentions 06:22
-
تمرین - نصب 12:52
-
تمرین - راه اندازی ریداکس 11:27
-
تمرین - هدر و طرح بندی اصلی 09:06
-
تمرین - سرور API 07:18
-
تمرین - واکشی پست های صفحه اصلی - بخش 1 18:23
-
تمرین - واکشی پست های صفحه اصلی - بخش 2 19:13
-
تمرین - Masonry 12:46
-
تمرین - ایجاد افزودن خبرنامه 21:14
-
تمرین - پایان خبرنامه 19:03
-
تمرین - فیکس کردن خبرنامه و ایجاد صفحه پست 18:39
-
تمرین - پاکسازی صفحه پست و 404 12:33
-
ریداکس - مقدمه 03:30
-
ریداکس - اتصال 10:20
-
ریداکس - creators و reducers اکشن 05:09
-
ریداکس - ترکیب reducers 05:57
-
ریداکس - ایجاد reducer معتبر 10:58
-
ریداکس - ابزارهای توسعه ریداکس 07:16
-
ریداکس - Dispatch کردن اکشن ها 11:52
-
ریداکس - نگاشت state در props 06:35
-
ریداکس - هوک های ریداکس 13:02
-
ریداکس - تایپ ها 06:13
-
ریداکس - ایجاد درخواست 09:26
مشخصات آموزش
دوره سمت سرور با REACT 19 و NEXT.JS
- تاریخ به روز رسانی: 1404/06/14
- سطح دوره:همه سطوح
- تعداد درس:275
- مدت زمان :39:10:56
- حجم :14.39GB
- زبان:دوبله زبان فارسی
- دوره آموزشی: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
-
سطح دوره:
-
زبان: دوبله فارسی