استفاده از چتجیپیتی و Vercel برای ساخت فرانتاند فروشگاه تجارت الکترونیک با Next.js
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- توسعه یک وبسایت کامل تجارت الکترونیک از ابتدا با استفاده از Next.js ،Tailwind و CSS و تایپاسکریپت
- ساخت صفحات کاملاً تابعی و واکنشگرا برای تجارت الکترونیک با اطمینان از تجربههای بینقص برای کاربران در تمام دستگاهها
- کسب تجربه عملی با استفاده از Next.js ،Tailwind CSS، تایپاسکریپت و ShadCN UI برای ایجاد یک فرانتاند سفارشی فروشگاه تجارت الکترونیک از ابتدا
- کسب مهارت در استفاده از ابزارهای هوش مصنوعی مانند VO از Vercel و چتجیپیتی برای طراحی و ساخت وبسایتهای با کیفیت بالا با سرعت و دقت
- یادگیری نحوه تهیه مؤثر پرامپتها برای ابزارهای هوش مصنوعی که به آنها کمک میکند تا تولید کد فرانتاند را به طور خودکار و طراحی وبسایتها را سریع و دقیق انجام دهند.
- ساخت یک پروژه کامل فرانتاند تجارت الکترونیک از ابتدا فقط با استفاده از ابزارهای هوش مصنوعی
پیشنیازهای دوره
- یک کامپیوتر با دسترسی به اینترنت
- مفاهیم اساسی در Next.js، Tailwind CSS و تایپاسکریپت
- هیچ نرمافزار هوش مصنوعی پولی لازم نیست.
- ما شما را گامبهگام در کل فرآیند نصب و راهاندازی تمام نرمافزارهای ضروری راهنمایی میکنیم تا بروز باشید و به سرعت شروع به ساخت کنید.
توضیحات دوره
تقویت توسعه فرانتاند شما با ابزارهای هوش مصنوعی
به دوران جدیدی از توسعه وب خوش آمدید! این دوره به گونهای طراحی شده که مهارتهای توسعه فرانتاند شما را با استفاده از ابزارهای قدرتمند هوش مصنوعی مانند VO از Vercel و چتجیپیتی ارتقا دهد. با این ابزارهای پیشرفته، شما یاد خواهید گرفت که چگونه با الهامات از سایتهای مورد علاقه خود - بدون توجه به پیچیدگی آنها - طراحیهای وبسایت فوقالعاده و با کیفیت بالا ایجاد کنید.
آنچه خواهید آموخت:
در این دوره، ما شما را گامبهگام در فرآیند ساخت طراحیهای وب کامل راهنمایی خواهیم کرد. شما با استفاده از فناوریهای پیشرفته مانند Next.js ،Tailwind CSS، تایپاسکریپت و ShadCN UI، یک وبسایت کامل تجارت الکترونیک از ابتدا ایجاد خواهید کرد. در پایان بخش اول و دوم، شما تجربه عملی در طراحی و توسعه یک فرانتاند زیبا و تابعی با ساخت و تبدیل یک الگوی شروع به وبسایت واقعی خواهید داشت.
در بخش سوم، ما وارد دنیای هیجانانگیز توسعه وب با استفاده از هوش مصنوعی خواهیم شد. در اینجا، شما همان وبسایت تجارت الکترونیک را که در بخشهای 1 و 2 ساختهایم، دوباره با استفاده از ابزارهای هوش مصنوعی خواهید ساخت که به طور چشمگیری فرآیند کار شما را تسریع میکند. شما یاد خواهید گرفت که چگونه پرامپتهای مؤثر تهیه کنید تا هوش مصنوعی در تولید کد فرانتاند با کیفیت بالا راهنمایی شود که به شما امکان میدهد که طراحیهای شگفتانگیز را در کسری از زمان بسازید.
این دوره برای چه کسانی مناسب است؟
این دوره برای مبتدیان، توسعهدهندگان سطح متوسط و حرفهایها که میخواهند هوش مصنوعی را به گردشکار خود اضافه کنند، ایدهآل است. داشتن درکی ابتدایی از کدنویسی فرانتاند توصیه میشود.
در پایان دوره موارد زیر را خواهید دانست:
- کسب تجربه عملی با Next.js ،Tailwind CSS، تایپاسکریپت و ShadCN UI با ساخت یک فرانتاند کامل تجارت الکترونیک
- یاد میگیرید چگونه از قدرت ابزارهای هوش مصنوعی مانند VO از Vercel و چتجیپیتی بهرهبرداری کنید تا توسعه وب را تسهیل کنید.
- تسلط به هنر دقیق ایجاد پرامپتها برای هوش مصنوعی جهت ایجاد کد به طور سریع و کارآمد
- توانایی طراحی و ساخت وبسایتها با سرعت و دقت و تبدیل ایدههای خود به طراحیهای وب کاملاً تابعی و واکنشگرا
این دوره برای چه کسانی مناسب است؟
- اگر شما توسعهدهنده فرانتاند هستید.
- اگر میخواهید یک فرانتاند کامل تجارت الکترونیک را با Next.js، Shadcn UI و Tailwind CSS بسازید.
- اگر به یکپارچهسازی هوش مصنوعی در توسعه فرانتاند علاقهمند هستید.
استفاده از چتجیپیتی و Vercel برای ساخت فرانتاند فروشگاه تجارت الکترونیک با Next.js
-
مقدمه 03:45
-
پیشنیازها 00:33
-
دمو 29:18
-
راهاندازی پروژه 09:05
-
طراحی نوار ناوبری - بخش 1 27:15
-
طراحی نوار ناوبری - بخش 2 01:09:02
-
طراحی فوتر 10:10
-
طراحی نوار پایینی 28:41
-
صفحه اصلی - طراحی کاروسل بنر 16:53
-
صفحه اصلی - طراحی بخش Combos ویژه 06:36
-
صفحه اصلی - طراحی بخش پرفروشها 21:52
-
صفحه اصلی - طراحی بخش دستهبندی 03:50
-
صفحه اصلی - طراحی بخش پیشنهادات ویژه 02:12
-
صفحه اصلی - طراحی بخش نیازهای وبسایت 09:19
-
صفحه اصلی - طراحی بخش نظرات 13:32
-
صفحه اصلی - طراحی بخش تصاویر بلاگ 03:08
-
طراحی صفحه محصول 49:58
-
طراحی صفحه فروشگاه 20:36
-
طراحی صفحه چکاوت 22:53
-
طراحی صفحه موفقیت در سفارش 16:35
-
طراحی صفحه ردیابی سفارش 14:46
-
طراحی صفحه سفارشات من 11:36
-
تکمیل کارهای اصلاحی 11:05
-
فیکس کردن مشکلات کوچک 00:52
-
بروزرسانی تصاویر بنر 02:42
-
بروزرسانی تصاویر بخش Combos ویژه و پیشنهادات ویژه 04:24
-
بروزرسانی تصاویر بخش دستهبندی 02:49
-
بروزرسانی تصاویر بنر 01:30
-
بروزرسانی تصاویر وبلاگ 02:11
-
بروزرسانی تصاویر صفحه محصول - بخش 1 02:03
-
بروزرسانی تصاویر صفحه محصول - بخش 2 01:48
-
بروزرسانی تصاویر فروشگاه 05:08
-
حذف خطاهای تایپاسکریپت 00:23
-
بروزرسانی تصاویر دیگر 07:02
-
تبدیل تگهای img HTML به کامپوننت تصویر Next.js 11:29
-
راهاندازی وبسایت کامل شده ما 09:38
-
تبریک به خاطر تکمیل بخشهای 1 و 2 02:02
-
طراحی نوار ناوبری با هوش مصنوعی 33:42
-
بروزرسانی نوار ناوبری با هوش مصنوعی 02:42
-
طراحی فوتر با هوش مصنوعی 02:28
-
طراحی نوار پایین موبایل با هوش مصنوعی 03:29
-
صفحه اصلی - طراحی کاروسل بنر با هوش مصنوعی 11:26
-
صفحه اصلی - طراحی بخش Combos ویژه با هوش مصنوعی 14:04
-
صفحه اصلی - طراحی بخش کارتهای محصول با هوش مصنوعی 10:08
-
صفحه اصلی - طراحی بخش دستهبندی با هوش مصنوعی 04:30
-
صفحه اصلی - طراحی بخش پیشنهادات ویژه با هوش مصنوعی 02:49
-
صفحه اصلی - طراحی بخش نیازهای وبسایت با هوش مصنوعی 10:16
-
صفحه اصلی - طراحی بخش نظرات با هوش مصنوعی 07:52
-
صفحه اصلی - طراحی بخش تصاویر وبلاگ با هوش مصنوعی 04:00
-
طراحی صفحه محصول با هوش مصنوعی - بخش 1 14:21
-
طراحی صفحه محصول با هوش مصنوعی - بخش 2 02:46
-
طراحی صفحه محصول با هوش مصنوعی - بخش 3 05:25
-
طراحی صفحه محصول با هوش مصنوعی - بخش 4 - تکمیل 01:59
-
طراحی صفحه چکاوت با هوش مصنوعی 08:19
-
طراحی صفحه موفقیت در سفارش با هوش مصنوعی 05:28
-
طراحی صفحه ردیابی سفارش با هوش مصنوعی 02:12
-
طراحی کامپوننت شیت سبد خرید با هوش مصنوعی 15:45
-
طراحی پاپآپ جستجو با هوش مصنوعی 06:31
-
طراحی پاپآپ حساب کاربری با هوش مصنوعی - بخش 1 04:07
-
طراحی پاپآپ حساب کاربری با هوش مصنوعی - بخش 2 00:26
-
طراحی صفحه فروشگاه با هوش مصنوعی 08:00
-
طراحی صفحه پروفایل من با هوش مصنوعی 04:42
-
تشکر از شما 00:44
مشخصات آموزش
استفاده از چتجیپیتی و Vercel برای ساخت فرانتاند فروشگاه تجارت الکترونیک با Next.js
- تاریخ به روز رسانی: 1404/12/10
- سطح دوره:همه سطوح
- تعداد درس:63
- مدت زمان :10:44:52
- حجم :5.95GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy