زندگیبخشی به طراحی UI شما: کدگذاری با Cursor AI برای مبتدیان کامل (1 ساعت)
✅ سرفصل و جزئیات آموزش
اگر تا به حال آرزو داشتهاید از فایل طراحی خود خارج شوید و آثار خود را در وب زنده ببینید، این دوره برای شماست. هیچ تجربه کدنویسی لازم نیست — فقط تمایل به امتحان کردن چیز جدید.
در این دوره، مدرس به شما نشان میدهد چگونه یک طراحی ساده در Figma را با کمک Cursor، یک دستیار کدنویسی رایگان و هوش مصنوعی، به سرعت به یک وبسایت زنده تبدیل کنید.
چیزی که درباره Cursor عالی است این است که در واقع با ویرایشگر کد خود در حال گفتگو هستید، تقریباً مثل کار کردن با یک توسعهدهنده فوقالعاده صبور. میتوانید هر چیزی را بپرسید، و Cursor نه تنها کمک میکند بلکه به شما توضیح میدهد چگونه آن را بسازید.
Cursor یکی از ابزارهای نوآورانهترین در بازار است. این یک ویرایشگر کد قوی هوش مصنوعی است که ابتدا برای کمک به توسعهدهندگان در نوشتن کد کارآمدتر و انجام تسک های پیچیده مانند اشکالزدایی طراحی شد. اما برای مبتدیان نیز بسیار قدرتمند است. Cursor موانع ورود به کدنویسی را میشکند و به عنوان یک ابزار یادگیری عالی برای شروع کارتان عمل میکند.
در کمتر از یک ساعت، شما اولین وبسایت خود را با HTML ،CSS و کمی JS میسازید، اصول را درک میکنید، یاد میگیرید چگونه طراحیها را ویرایش کنید و در نهایت یک وبسایت واقعی را در Netlify منتشر میکنید.
این دوره برای شماست اگر طراح UI هستید و میخواهید موانع ورود به کدنویسی را شکسته و شروع به ساخت صفحات و محصولات خود کنید.
این دوره توسط moonlearning.io است.
در این دوره ما پوشش میدهیم؟
- گرفتن یک طراحی (Figma یا دیگر) و تبدیل آن به کد برای مبتدیان کامل
- درک اینکه Cursor AI چیست و چگونه استفاده میشود.
- دریافت اپلیکیشن Cursor.com
- پیکربندی ساختار فایل با HTML و CSS
- پیکربندی محتوا با HTML و Cursor AI
- افزودن استایل با Cursor و CSS
- ساخت واکنشگرا کردن وبسایت با Cursor AI
- راهاندازی صفحه خود در Netlify
- اتصال به اپلیکیشن های شخص ثالث
- پیکربندی پایگاه داده با Google Sheets
- نکات و ترفندهای مفید
زندگیبخشی به طراحی UI شما: کدگذاری با Cursor AI برای مبتدیان کامل (1 ساعت)
-
معرفی دوره 0:01:20
-
Cursor چیست؟ 0:01:41
-
چیزی که میخواهیم بسازیم 0:00:39
-
مواد کاری 0:00:56
-
HTML و CSS اولیه 0:05:23
-
پیکربندی ساختار فایل 0:04:02
-
استفاده از پوشههای موجود و تم 0:01:58
-
پیکربندی محتوا با HTML و Cursor 0:10:20
-
افزودن استایل با Cursor و CSS 0:14:32
-
ساخت واکنشگرا کردن وبسایتمان با Cursor 0:06:58
-
راهاندازی صفحه خود در Netlify 0:03:13
-
اتصال به اپلیکیشن های شخص ثالث 0:05:17
-
متشکرم 0:01:23
مشخصات آموزش
زندگیبخشی به طراحی UI شما: کدگذاری با Cursor AI برای مبتدیان کامل (1 ساعت)
- تاریخ به روز رسانی: 1405/04/02
- سطح دوره:مقدماتی
- تعداد درس:13
- مدت زمان :0:57:42
- حجم :226.0MB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy