دوره آموزشی ایجاد و میزبانی یک سایت فول استک با Next.js
3 ساعت 55 دقیقهمتوسط2024-11-19
مدرسین

Shaun Wassell
Full-Stack Software Developer
جزئیات دوره
بسیاری از توسعهدهندگان وب فقط بر روی یک بخش از یک برنامه تمرکز میکنند: فرانتاند، بکاند، پایگاه داده یا پلتفرم میزبانی. با این حال، جاوااسکریپت به زبان غالبی تبدیل شده است که میتوان از آن برای تمامی این بخشها استفاده کرد. این بدان معناست که یک توسعهدهنده جاوااسکریپت اکنون میتواند یک برنامه وب کامل ایجاد کند، کاری که قبلاً نیاز به تیم کامل داشت. در این دوره، شان واسل، مربی توسعه فولاستک، به توسعهدهندگان نشان میدهد که چگونه دقیقاً همین کار را با استفاده از Next.js برای ساخت یک برنامه فولاستک انجام دهند. یاد بگیرید چگونه رابطهای ساده React را در Next.js بسازید، عملکرد بکاند را به برنامههای Next.js اضافه کنید، درخواستهای شبکهای ارسال کنید و در نهایت یک برنامه فولاستک Next.js را میزبانی کنید تا هر کسی بتواند از آن استفاده کند.
اهداف یادگیری:
ایجاد رابطهای ساده React در Next.js
اضافه کردن عملکرد بکاند به برنامههای Next.js
ارسال درخواستهای شبکهای در Next.js
میزبانی برنامه فولاستک Next.js
اهداف یادگیری:
ایجاد رابطهای ساده React در Next.js
اضافه کردن عملکرد بکاند به برنامههای Next.js
ارسال درخواستهای شبکهای در Next.js
میزبانی برنامه فولاستک Next.js
مهارت ها
React.jsMetaWeb Development ToolsFull-Stack Web DevelopmentFront-End Web DevelopmentWeb DevelopmentOne-Off
سرفصل ها
0. مقدمه
- 01 - یک سایت فول استک با Next.js ایجاد کنید
- 02 - آنچه باید بدانید
- 03 - راهاندازی اولیه و فایلهای تمرین
- 04 - معرفی پروژه
1. ایجاد Next.js React Front End
- 05 - Next.js چیست
- 06 - راهاندازی یک پروژه Next.js
- 07 - ایجاد صفحات
- 08 - ایجاد لیست محصولات
- 09 - استفاده از پیوندهای Next.js
- 10 - سفارشی سازی محتوا با پارامترهای مسیر
- 11 - ایجاد لیست سبد خرید
- 12 - ایجاد صفحه 404
- 13 - استایل کردن برنامههای Next.js با Tailwind CSS
- 14 - چالش - ایجاد نوار ناوبری
- 15 - راه حل - ایجاد نوار ناوبری
2. ایجاد مسیرهای API Next.js
- 16 - کنترلرهای مسیر Next.js چیست؟
- 17 - کنترلرهای مسیر Next.js چگونه کار میکنند
- 18 - تست گردانندگان مسیر با Postman
- 19 - ایجاد نقطه پایانی لیست برای محصولات
- 20 - استفاده از پارامترهای مسیر در هدایتگرهای مسیر
- 21 - ایجاد نقطه پایانی سبد خرید
- 22 - ایجاد نقطه پایانی افزودنی به سبد خرید
- 23 - چالش - ایجاد نقطه پایانی حذف از سبد خرید
- 24 - راه حل - ایجاد نقطه پایانی حذف از سبد خرید
3. افزودن MongoDB به Next.js
- 25 - MongoDB چیست
- 26 - راهاندازی هاست برای MongoDB
- 27 - افزودن MongoDB به Next.js
- 28 - افزودن داده به MongoDB
- 29 - بازنویسی نقاط پایانی لیست
- 30 - بازنویسی نقطه پایان محصول بار
- 31 - بازنویسی نقطه پایانی سبد خرید
- 32 - بازنویسی نقطه پایانی افزودنی به سبد خرید
- 33 - چالش - بازنویسی نقطه پایانی remove-from-cart
- 34 - راه حل - بازنویسی نقطه پایانی remove-from-cart
4. اتصال Front End و Back End
- 35 - مبانی بارگذاری دادهها در Next.js
- 36 - دانلود دادهها با Fetch
- 37 - دانلود همه محصولات
- 38 - دانلود تک تک محصولات
- 39 - دانلود اقلام سبد خرید
- 40 - افزودن اقلام به سبد خرید
- 41 - بهبود سبد خرید
- 42 - چالش - حذف اقلام از سبد خرید
- 43 - راه حل - حذف اقلام از سبد خرید
5. میزبانی یک برنامه Next.js
- 44 - آماده سازی یک برنامه برای انتشار
- 45 - انتشار یک برنامه Next.js
- 46 - خاموش کردن برنامه Next.js
نتیجه گیری
- 47 - مراحل بعدی در سفر تمام پشته شما
دوره های مرتبط
- دوره آموزشی ساخت کتابخانههای مقیاسپذیر کامپوننتهای رابط کاربری React با استفاده از Storybook
- دوره آموزشی چالشهای کدنویسی پیشرفته React
- دوره آموزشی ریاکت تعاملی برای وب
- دوره آموزشی احراز هویت در React
- دوره آموزشی رندر کردن دادهها در React
- دوره آموزشی تمرین React برای مبتدیها: ساخت و تغییر کامپوننتهای پایه
- دوره آموزشی الگوهای طراحی React
- دوره آموزشی معماری میکرو فرانتاند با React