ساخت اپلیکیشن فولاستک مدرن با Next.js و لاراول 11
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- اصول React js
- اصول Next js
- طراحی کامل فرانتاند با Next JS
- بکاند با لاراول 11
- استفاده از احرازهویت دوعاملی (2FA) با استفاده از کد اعتبارسنجی
- سفارشیسازی راهاندازی قالب ادمین
- ریست پسورد و فراموشی پسورد در Laravel Breeze
- آپلود تصویر با Image intervention 3
- ایجاد API کامل فرانتاند با API
- پروژه کامل بر پایه API جامع
- ساخت API بکاند با Postman
- ایجاد کامل فرانتاند با Tailwind CSS
- احرازهویت کاربر
- ساخت اپلیکیشن فولاستک کامل
- ایجاد Get API و Post API از بکاند
پیشنیازهای دوره
- درک اولیه از جاوااسکریپت
- درک خوب از Tailwind CSS
- دانش HTML و CSS
- دانش اولیه خط فرمان
توضیحات دوره
پروژه ساخت اپلیکیشن فولاستک مدرن با Next.js و لاراول 11
با استفاده از دوره عملی و مبتنی بر پروژه، قدرت توسعه وب مدرن را کشف میکنید. چه شما مبتدی باشید یا توسعهدهنده باتجربه که میخواهید مهارتهای خود را گسترش دهد، این دوره شما را گامبهگام در ساخت یک اپلیکیشن فولاستک قدرتمند راهنمایی میکند. با ترکیب مقیاسپذیری Next.js برای فرانتاند و قدرت لاراول 11 در بکاند، تجربه عملی در طراحی وب اپلیکیشنهای پویا و با عملکرد بالا خواهید داشت.
آنچه یاد خواهید گرفت:
- تسلط به Next.js - فریمورک مبتنی بر ریاکت برای ساخت وب اپلیکیشنهای فوقالعاده سریع و سئو پسند
- استفاده از لاراول 11 - فریمورک برتر PHP برای ساخت بکاندهای ایمن و کارآمد
- یکپارچهسازی RESTful APIs بین Next.js و لاراول به صورت بیوقفه
- پیادهسازی امکانات احرازهویت، مجوز و ویژگیهای اعتبارسنجی ایمیل سفارشی
- مدیریت و کوئری پایگاه دادههای رابطهای به راحتی با استفاده از Eloquent ORM لاراول
- استقرار اپلیکیشن فولاستک خود در تولید با بهترین شیوههای صنعت
چرا باید این دوره را انتخاب کنید؟
درخواست برای توسعهدهندگانی که به هر دو فناوری Next.js و لاراول تسلط دارند به سرعت در حال رشد است. با یادگیری این فناوریهای پیشرفته، در بازار کار رقابتی، برتری خواهید داشت. این دوره طراحی شده تا به شما در ساخت وب اپلیکیشنهای مدرن، مقیاسپذیر و ایمن با یک فناوری قدرتمند کمک کند.
فرصت را از دست ندهید و مهارتهای توسعه وب خود را به سطح بعدی برسانید. هماکنون در دوره شرکت کرده و شروع به ساخت اپلیکیشن های فولاستک مدرن با Next.js و لاراول 11 کنید.
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان مشتاق که میخواهند توسعه فولاستک را یاد بگیرند.
- توسعهدهندگان بکاند که قصد دارند وارد فناوریهای فرانتاند مانند Next JS شوند.
- توسعهدهندگان فرانتاند که میخواهند مهارتهای بکاند خود را با لاراول 11 افزایش دهند.
- کارآفرینان و استارتآپهایی که قصد دارند راهحلهای وب مقیاسپذیر بسازند.
ساخت اپلیکیشن فولاستک مدرن با Next.js و لاراول 11
-
به این دوره خوش آمدید 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
-
JSX Short Hand If else 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 - مدیریت فرم مانند یک حرفهای - بخش 1 12:32
-
هوک useState - مدیریت فرم مانند یک حرفهای - بخش 2 11:34
-
هوک useEffect - درک آرگومانها و کاربردها 06:40
-
هوک useEffect - فراخوانی API با استفاده از promises 07:00
-
هوک useEffect - فراخوانی API با استفاده از async await 07:09
-
راهاندازی ابزارهای محیط 05:25
-
Next JS چیست و چرا؟ 03:10
-
تفاوت بین ریاکت و Next.js چیست؟ 04:38
-
ایجاد اپلیکیشن جدید و بررسی فرآیند بهینهسازی بیلد 08:49
-
بازی با ساختار پروژه 14:15
-
مفهوم صفحه اصلی و کامپوننت تابعی 06:40
-
کار با داراییهای استاتیک داخل public 05:57
-
کار با CSS گلوبال و ماژول 07:18
-
بررسی رندرینگ سمت کلاینت 14:06
-
بررسی رندرینگ سمت سرور 05:52
-
کجا از SSR و کجا از CSR استفاده کنیم؟ 05:21
-
چرا از useClient استفاده میکنیم؟ 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
-
به دوره خوش آمدید 01:15
-
ساختار دوره و طراحی آن 02:04
-
راهاندازی محیط 09:52
-
ایجاد پروژه Next.js 05:52
-
فایل راهاندازی پروژه 11:40
-
طراحی هدر و منوی فرانتاند - بخش 1 10:12
-
طراحی هدر و منوی فرانتاند - بخش 2 11:22
-
طراحی هدر و منوی فرانتاند - بخش 3 09:30
-
طراحی هدر و منوی فرانتاند - بخش 4 17:49
-
طراحی هدر و منوی فرانتاند - بخش 5 11:24
-
طراحی هدر و منوی فرانتاند - بخش 6 05:50
-
طراحی گزینههای اسلایدر فرانتاند - بخش 1 13:13
-
طراحی گزینههای اسلایدر فرانتاند - بخش 2 17:24
-
طراحی گزینههای سرویس ما در فرانتاند - بخش 1 15:43
-
طراحی گزینههای سرویس ما در فرانتاند - بخش 2 11:56
-
طراحی درگاههای پرداخت - بخش 1 12:25
-
طراحی درگاههای پرداخت - بخش 2 11:49
-
طراحی درگاههای پرداخت - بخش 3 07:38
-
طراحی فرانتاند - گزینههای مطالعه موردی - بخش 1 08:27
-
طراحی فرانتاند - گزینههای مطالعه موردی - بخش 2 12:04
-
طراحی بخش سرویسهای درگاه - بخش 1 10:24
-
طراحی بخش سرویسهای درگاه -بخش 2 14:24
-
طراحی کامپوننت درخواست فراخوانی 13:57
-
طراحی کامپوننت تصدیقنامه - بخش 1 10:26
-
طراحی کامپوننت تصدیقنامه - بخش 2 04:29
-
طراحی آخرین صفحه وبلاگ - بخش 1 08:57
-
طراحی آخرین صفحه وبلاگ - بخش 2 13:40
-
طراحی کامپوننت فوتر - بخش 1 08:51
-
طراحی کامپوننت فوتر - بخش 2 12:47
-
طراحی کامپوننت فوتر - بخش 3 08:42
-
طراحی کامپوننت فوتر - بخش 4 18:48
-
طراحی صفحه درباره ما - بخش 1 10:33
-
طراحی صفحه درباره ما - بخش 2 10:27
-
طراحی صفحه درباره ما - بخش 3 12:49
-
طراحی صفحه درباره ما - بخش 4 11:21
-
طراحی صفحه سرویسها و جزئیات سرویسها - بخش 1 12:49
-
طراحی صفحه سرویسها و جزئیات سرویسها - بخش 2 10:35
-
طراحی صفحه سرویسها و جزئیات سرویسها - بخش 3 14:06
-
طراحی صفحه سرویسها و جزئیات سرویسها - بخش 4 07:10
-
راهاندازی طراحی صفحه وبلاگ - بخش 1 12:47
-
راهاندازی طراحی صفحه وبلاگ - بخش 2 09:49
-
راهاندازی طراحی صفحه وبلاگ - بخش 3 10:11
-
راهاندازی طراحی صفحه وبلاگ - بخش 4 09:45
-
راهاندازی طراحی صفحه وبلاگ - بخش 5 07:32
-
راهاندازی طراحی صفحه تماس با ما - بخش 1 12:47
-
راهاندازی طراحی صفحه تماس با ما - بخش 2 17:37
-
افزودن اسپینرهای بارگذاری در کامپوننتها 16:44
-
راهاندازی اولیه برای شروع 05:19
-
نصب لاراول 11 07:06
-
ایجاد پایگاه داده و پیکربندی 04:58
-
نصب Laravel Breeze 11:15
-
سیستم فراموشی و ریست پسورد Laravel Breeze 09:03
-
بررسی تم پروژه 03:29
-
راهاندازی قالب ادمین 17:22
-
گزینه خروج ادمین از سیستم 09:25
-
سفارشیسازی فرم لاگین 09:36
-
سفارشیسازی فرم رجیستر 07:31
-
سفارشیسازی اعتبارسنجی فرم لاگین 04:56
-
رفرش قالب ادمین 06:48
-
احرازهویت دوعاملی - بخش 1 17:11
-
احرازهویت دوعاملی - بخش 2 11:09
-
احرازهویت دوعاملی - بخش 3 18:55
-
احرازهویت دوعاملی - بخش 4 08:04
-
بروزرسانی تصویر و پروفایل ادمین - بخش 1 12:42
-
بروزرسانی تصویر و پروفایل ادمین - بخش 2 13:11
-
بروزرسانی تصویر و پروفایل ادمین - بخش 3 12:49
-
بروزرسانی تصویر و پروفایل ادمین - بخش 4 06:15
-
بروزرسانی تصویر و پروفایل ادمین - بخش 5 14:30
-
بروزرسانی تصویر و پروفایل ادمین - بخش 6 06:22
-
افزودن Toster برای پیامهای مشاهده شده 07:49
-
تغییر پسورد پروفایل ادمین - بخش 1 08:29
-
تغییر پسورد پروفایل ادمین - بخش 2 14:08
-
راهاندازی گزینه اسلایدر در بکاند ادمین - بخش 1 13:23
-
راهاندازی گزینه اسلایدر در بکاند ادمین - بخش 2 13:57
-
راهاندازی گزینه اسلایدر در بکاند ادمین - بخش 3 10:02
-
راهاندازی گزینه اسلایدر در بکاند ادمین - بخش 4 13:30
-
نصب پکیج Image Intervention برای تغییر اندازه 05:16
-
راهاندازی گزینه اسلایدر در بکاند ادمین - بخش 5 18:54
-
راهاندازی گزینه اسلایدر در بکاند ادمین - بخش 6 11:08
-
راهاندازی گزینه اسلایدر در بکاند ادمین - بخش 7 07:52
-
راهاندازی گزینه اسلایدر در بکاند ادمین - بخش 8 09:20
-
راهاندازی گزینه سرویسهای بکاند ادمین - بخش 1 13:08
-
راهاندازی گزینه سرویسهای بکاند ادمین - بخش 2 11:09
-
راهاندازی گزینه سرویسهای بکاند ادمین - بخش 3 10:11
-
راهاندازی گزینه سرویسهای بکاند ادمین - بخش 4 13:53
-
راهاندازی گزینه سرویسهای بکاند ادمین - بخش 5 03:04
-
راهاندازی سرویسهای درگاه پرداخت در بکاند - بخش 1 13:27
-
راهاندازی سرویسهای درگاه پرداخت در بکاند - بخش 2 07:05
-
راهاندازی دو سرویس درگاه پرداخت در بکاند - بخش 1 08:46
-
راهاندازی دو سرویس درگاه پرداخت در بکاند - بخش 2 06:37
-
راهاندازی تصدیقنامه در بکاند ادمین - بخش 1 08:35
-
افزودن اعتبارسنجی جاوااسکریپت 09:30
-
راهاندازی تصدیقنامه در بکاند ادمین - بخش 3 12:19
-
راهاندازی دستهبندی وبلاگ ادمین - بخش 1 08:56
-
راهاندازی دستهبندی وبلاگ ادمین - بخش 2 11:51
-
راهاندازی دستهبندی وبلاگ ادمین - بخش 3 12:54
-
راهاندازی دستهبندی وبلاگ ادمین - بخش 4 08:06
-
راهاندازی پست وبلاگ ادمین - بخش 1 11:17
-
راهاندازی پست وبلاگ ادمین - بخش 2 09:05
-
راهاندازی پست وبلاگ ادمین - بخش 3 10:26
-
راهاندازی پست وبلاگ ادمین - بخش 4 12:31
-
راهاندازی پست وبلاگ ادمین - بخش 5 02:51
-
راهاندازی تنظیمات سایت ادمین - بخش 1 13:21
-
راهاندازی تنظیمات سایت ادمین - بخش 2 08:20
-
راهاندازی صفحه درباره ما - بخش 1 13:25
-
راهاندازی صفحه درباره ما - بخش 2 08:39
-
راهاندازی صفحه تماس با ما در بکاند 10:20
-
ساخت API بکاند با Postman 06:41
-
ایجاد API اسلایدر در بکاند 08:20
-
ایجاد API سرویس در بکاند 12:06
-
ایجاد API درگاه پرداخت در بکاند 07:00
-
ایجاد API تصدیقنامه در بکاند 04:02
-
ایجاد API وبلاگ در بکاند - بخش 1 09:16
-
ایجاد API وبلاگ در بکاند - بخش 2 10:34
-
ایجاد API وبلاگ در بکاند - بخش 3 09:10
-
ایجاد API تنظیمات سایت در بکاند 03:50
-
ایجاد API صفحه درباره ما در بکاند 04:03
-
فراخوانی API بکاند در صفحه فرانتاند Next.js 08:51
-
فراخوانی API اسلایدر در صفحه فرانتاند - بخش 1 10:56
-
فراخوانی API اسلایدر در صفحه فرانتاند - بخش 2 13:47
-
فراخوانی API اسلایدر در صفحه فرانتاند - بخش 3 06:21
-
فراخوانی API سرویسها در صفحه فرانتاند - بخش 1 11:10
-
فراخوانی API سرویسها در صفحه فرانتاند - بخش 2 04:06
-
فراخوانی API صفحه جزئیات سرویسها - بخش 1 09:09
-
فراخوانی API صفحه جزئیات سرویسها - بخش 2 04:58
-
فراخوانی API صفحه جزئیات سرویسها - بخش 3 07:23
-
فراخوانی API سرویسهای درگاه در صفحه فرانتاند - بخش 1 06:40
-
فراخوانی API سرویسهای درگاه در صفحه فرانتاند - بخش 2 06:14
-
فراخوانی API تصدیقنامه در صفحه فرانتاند 09:25
-
فراخوانی API وبلاگ در صفحه فرانتاند - بخش 1 14:50
-
فراخوانی API وبلاگ در صفحه فرانتاند - بخش 2 16:18
-
فراخوانی API وبلاگ در صفحه فرانتاند - بخش 3 19:19
-
فراخوانی API وبلاگ در صفحه فرانتاند - بخش 4 09:25
-
فراخوانی API وبلاگ در صفحه فرانتاند - بخش 5 13:30
-
فراخوانی API وبلاگ در صفحه فرانتاند - بخش 6 10:15
-
فیکس کردن مشکلات نمایش دستهبندی در دریافت وبلاگ بر اساس دستهبندی 03:37
-
فراخوانی API تنظیمات سایت در صفحه فرانتاند - بخش 1 07:19
-
فراخوانی API تنظیمات سایت در صفحه فرانتاند - بخش 2 07:02
-
فراخوانی API صفحه درباره ما در صفحه فرانتاند 13:49
-
ارسال داده فرم تماس با ما در فرانتاند - بخش 1 16:10
-
ارسال داده فرم تماس با ما در فرانتاند - بخش 2 10:45
-
ارسال داده فرم تماس با ما در فرانتاند - بخش 3 11:14
-
استقرار کامل پروژه بکاند در Webhost 20:32
-
استقرار کامل پروژه فرانتاند در Webhost 19:52
مشخصات آموزش
ساخت اپلیکیشن فولاستک مدرن با Next.js و لاراول 11
- تاریخ به روز رسانی: 1404/06/21
- سطح دوره:مقدماتی
- تعداد درس:226
- مدت زمان :34:39:50
- حجم :19.33GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy