پشته فریلنسری: یک پروژه واقعی با NextJS13 و Strapi
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- Next.js 13 و Strapi را با یک پروژه واقعی بیاموزید.
- درک کنید که چگونه وبسایتها را به افرادی که کدنویسی بلد نیستند (یعنی مشتریان شما!) تحویل دهید.
- با CSS ساده و بدون هیچ فریمورک اضافی، استایلهای زیبا ایجاد کنید.
- ساختارهای داده پیچیده را از Strapi API با هر نوع فرانتاندی ادغام کنید.
- مزیت سهولت استفاده از وبسایتسازها را با انعطافپذیری کامل کدنویسی یک وبسایت از ابتدا ترکیب کنید.
- منطق پشت کامپوننتهای سمت سرور و کامپوننتهای سمت کلاینت را درک کنید.
توضیحات دوره
با یادگیری عملی و مبتنی بر پروژه که شکاف بین تئوری و کاربرد واقعی را پر میکند، به بررسی دنیای فریلنسری بپردازید. چه یک فریلنسر مشتاق باشید و چه توسعهدهندهای باتجربه که مشتاق گسترش ابزارهای خود است، این دوره برای شما طراحی شده است.
چرا این دوره را انتخاب کنید؟
- تمرکز بر پروژه واقعی: از مثالهای کلی دوری کنید. یک وبسایت کاملاً کاربردی برای یک "سرفکمپ" با یک وبلاگ یکپارچه و قابل تنظیم و فرمهای ثبتنام بسازید.
- پشته جامع: به بررسی عمیق همافزایی Next.js 13 و Strapi ترکیب امتحانشدهای برای طراحی انعطافپذیر و تجربه توسعهدهنده بینقص بپردازید.
- توسعه مشتریمحور: نه فقط کدنویسی، بلکه تحویل دادن را نیز یاد بگیرید. خودتان را مجهز کنید تا به مشتریان توانایی بروزرسانی مستقیم محتوای وبسایت را ارائه دهید، قابلیتی که با راحتی پلتفرمهایی مانند Wordpress ،Squarespace ،Wix رقابت میکند.
- از طراحی تا کد: طرحهای فیگما را به سایتهای زنده تبدیل کنید. از قدرت یک گردش کار بیدردسر از طراحی به توسعه استفاده کنید.
محتوای دوره چیست؟
یک برنامه درسی تعاملی و بصری با بیش از 10 ساعت محتوای آموزشی را ناوبری کنید. هر بخش با دقت طراحی شده تا مفاهیم جدید را با سرعتی راحت معرفی کند و اطمینان حاصل شود که شما هر عنصری را بدون احساس سردرگمی درک میکنید. ساختار دوره، قدرت اصلی آن است و به یادگیرندگان امکان میدهد دائماً دانش خود را افزایش دهند.
سفر و دستاوردهای شما
این فقط یک دوره فنی نیست؛ نقشهای برای تبدیل شدن به یک توسعهدهنده فریلنسر عالی است. در پایان، شما نه تنها فناوری جدیدی را یاد گرفتهاید، بلکه چگونگی ارائه اپلیکیشن ها را مطابق با نیازهای مشتریان خود نیز خواهید فهمید.
قدرت ترکیب یک CMS بدون سر با یک فرانتاند انعطافپذیر را درک خواهید کرد که به شما امکان میدهد پکیجی ارائه دهید که مشتریان بتوانند محتوا را به میل خود تغییر دهند. پیشنهاد شما برجسته خواهد شد و شکاف بین پلتفرمهای سفارشیسازی شده و CMS مناسب کاربران مانند وردپرس را پر میکند.
این دوره برای چه کسانی مناسب است؟
- هر کسی که کمی تجربه React دارد و میخواهد به صورت فریلنسری کار کند.
پشته فریلنسری: یک پروژه واقعی با NextJS13 و Strapi
-
معرفی دوره 02:34
-
پشته فریلنسری چیست؟ 06:37
-
چگونه این دوره را طی کنیم؟ 01:47
-
چرا از NextJS استفاده میکنیم؟ 06:11
-
راهاندازی یک پروژه NextJS 03:52
-
مسیریابی ساده در NextJS 03:54
-
طرح بندی در NextJS 05:25
-
لینکدهی از صفحهای به صفحه دیگر 02:56
-
بررسی کامپوننتهای سمت سرور و سمت کلاینت 07:56
-
دریافت داده 06:07
-
مسیریابی داینامیک 12:59
-
صفحات "یافت نشد" 04:55
-
راهاندازی پایهای NextJS 04:35
-
ویدئو استایلدهی: راهاندازی Sass 03:44
-
ویدئو استایلدهی: متغیرها و تایپوگرافی 13:17
-
بررسی راه اندازی ما (و دلایل این ساختار) 03:59
-
نصب و بررسی Strapi 10:53
-
ساختار JSX هدر 17:24
-
استایلدهی: هدر 08:43
-
ساختار JSX فوتر 10:18
-
استایلدهی: فوتر 08:11
-
ساختار JSX بخش Hero 16:27
-
استایلدهی: بخش Hero 15:26
-
ساختار JSX انفوبلاکها 09:26
-
استایلدهی: انفوبلاکها 05:53
-
صفحه تجربه: استفاده مجدد از بخش Hero و انفوبلاکهای ساخته شده 08:47
-
استایلدهی: تنظیم رنگ هدر بر اساس مسیر 01:26
-
ایجاد نوع محتوای InfoBlock در Strapi 14:57
-
استفاده از یک نوع محتوا در Strapi برای ساخت انفوبلاکهای هر صفحه 17:33
-
دریافت داده انفوبلاک از Strapi 08:27
-
دریافت داده از Strapi و پردازش آنها 16:57
-
رندر انفوبلاکها روی صفحه 09:20
-
ایجاد دکمه از داده Strapi مربوط به انفوبلاک در صفحه 07:13
-
رندر انفوبلاکها در صفحه تجربه 04:45
-
ساختار JSX مقاله برجسته 08:08
-
استایلدهی: مقاله برجسته 06:42
-
ساختار JSX فرم عضویت در خبرنامه 04:34
-
استایلدهی: کامپوننت عضویت در خبرنامه 09:57
-
عملکرد کامپوننت عضویت در خبرنامه 06:15
-
ساختار JSX کامپوننت آیتمهای ویژه 11:36
-
استایلدهی : کامپوننت آیتمهای ویژه 12:19
-
ایجاد نوع مقاله بلاگ در Strapi 09:12
-
ورود داده مقاله بلاگ در Strapi 12:30
-
نمایش مقالات از داده Strapi در صفحه اصلی بلاگ 13:57
-
ایجاد مسیرهای داینامیک برای همه مقالات بلاگ 08:26
-
ایجاد منطقه داینامیک در Strapi برای محتوای قابل تنظیم بلاگ 14:06
-
ایجاد داده برای مقاله برجسته 08:28
-
JSX بخش Hero مقاله 05:45
-
استایلدهی: بخش Hero مقاله 05:26
-
کامپوننت مقدمه مقاله JSX 08:40
-
استایلدهی: کامپوننت مقدمه مقاله 05:29
-
کامپوننت مقاله عمومی برای رندر کردن کامپوننتهای مختلف بر اساس داده strapi 09:14
-
تیتر مقاله JSX 03:15
-
استایلدهی: تیتر مقاله 01:00
-
کامپوننت متن با تصویر JSX 07:34
-
استایلدهی: کامپوننت متن همراه تصویر 05:48
-
پاراگراف مقاله JSX 02:23
-
استایلدهی: پاراگراف مقاله 01:06
-
کامپوننت تصویر JSX 03:47
-
استایلدهی: کامپوننت تصویر 02:20
-
بخش مقالات دیگر در صفحه فردی بلاگ 03:17
-
JSX بخش بلاگ در صفحه اصلی 13:11
-
استایلدهی: بخش بلاگ در صفحه اصلی 08:52
-
رفع مشکل آیتم مقاله برای آیتمهای ویژه در صفحه اصلی 01:18
-
درخواستهای Post در Strapi برای ثبتنام در خبرنامه 07:06
-
ارتباط فرانتاند با کامپوننت ثبتنام در Strapi 10:16
-
نوع محتوا Participant و Event در Strapi 07:21
-
وارد کردن داده به Strapi برای تمامی رویدادها 06:56
-
فرم ثبتنام JSX 15:50
-
استایلدهی: فرم ثبتنام 08:56
-
عملکرد فرم ثبتنام: ارسال داده به Strapi از صفحه رویدادهای اصلی 18:50
-
پیشتولید صفحات رویدادهای تکتک 14:12
-
پردازش داده رویداد 04:46
-
نمایش صفحه رویداد تکتک بر اساس داده Strapi 09:43
-
ثبتنام برای رویداد خاص 08:56
-
دریافت و فیلتر کردن رویدادهای آینده با یک کوئری رشتهای از Strapi 15:26
-
تنظیم کامپوننت آیتمهای ویژه برای صفحه رویداد تکتک 11:26
-
تنظیم کامپوننت FeaturedItem برای رویداد 03:45
-
گرفتن رویدادهای بیشتر در صفحه رویداد تکتک و تشکر از شما 11:05
مشخصات آموزش
پشته فریلنسری: یک پروژه واقعی با NextJS13 و Strapi
- تاریخ به روز رسانی: 1404/06/21
- سطح دوره:همه سطوح
- تعداد درس:79
- مدت زمان :10:59:29
- حجم :10.19GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy