آموزش طراحی رابط کاربری خود را زنده کنید: کد با هوش مصنوعی مکان نما برای افراد مبتدی (1 ساعت)
دانلود Bring Your UI Design to Life: Code with Cursor AI for total Beginners (1 Hour)
اگر تا به حال خواستید از فایل طراحی خود خارج شوید و خلاقیت های خود را در وب زنده کنید، این دوره برای شما مناسب است. هیچ تجربه کدنویسی مورد نیاز نیست - فقط میل به امتحان چیز جدیدی است.
در طول این دوره، من به شما نشان می‌دهم که چگونه می‌توانید یک طراحی ساده Figma را به یک وب‌سایت زنده با کمک Cursor، یک دستیار رایگان برنامه‌نویسی مبتنی بر هوش مصنوعی، در کمترین زمان تبدیل کنید.
نکته جالب در مورد مکان نما این است که شما اساساً با ویرایشگر کد خود مکالمه دارید، تقریباً مانند کار با یک توسعه دهنده فوق العاده بیمار. شما می توانید هر چیزی را بپرسید، و مکان نما نه تنها کمک می کند، بلکه نحوه ساخت آن را نیز توضیح می دهد.
مکان نما یکی از پیشگامانه ترین ابزارهای جدید در بازار است. این یک ویرایشگر کد مبتنی بر هوش مصنوعی است که در ابتدا برای کمک به توسعه‌دهندگان برای نوشتن کد مؤثرتر و کمک به کارهای پیچیده مانند اشکال‌زدایی طراحی شده است. اما برای مبتدیان نیز فوق العاده قدرتمند است. مکان نما موانع برنامه نویسی را از بین می برد و به عنوان یک ابزار یادگیری فوق العاده برای شروع شما عمل می کند.
در کمتر از یک ساعت، اولین وب‌سایت خود را با استفاده از HTML، CSS و مقداری JS می‌سازید، اصول را درک میکنید، نحوه ویرایش طرح‌ها را یاد می‌گیرید و در نهایت یک وب‌سایت واقعی را در Netlify منتشر میکنید.
اگر طراح رابط کاربری هستید، این دوره برای شما مناسب است که به دنبال شکستن موانع کدنویسی و شروع ساخت صفحات و محصولات خود هستید.
این دوره توسط
استدر این دوره به شما خواهیم پرداخت؟
- گرفتن یک طرح (Figma یا دیگر) و ترجمه آن به کد به صورت کاملا مبتدی
- درک اینکه نشانگر هوش مصنوعی چیست و چگونه از آن استفاده خواهد شد
- برنامه را دریافت کنید
- تنظیم ساختار فایل با HTML و CSS
- تنظیم محتوا با HTML و مکان نما AI
- افزودن استایل با مکان نما و CSS
- پاسخگو کردن وب سایت با هوش مصنوعی مکان نما
- راه اندازی صفحه خود به صورت آنلاین با Netlify
- اتصال به برنامه های شخص ثالث
- راه اندازی پایگاه داده با کاربرگ‌نگار Google
- نکات و ترفندهای مفید
این دوره آموزشی توسط moonlearing.io آموزش ماه در ماه است
درس ها Lessons
-
08 اضافه کردن یک ظاهر طراحی با مکان نما و CSS 08 Adding styling with cursor and CSS
-
03 مواد کار 03 Working material
-
01 مکان نما چیست 01 What is cursor
-
11 اتصال به برنامه های شخص ثالث 11 Connecting to third party apps
-
07 تنظیم محتوای خود با HTML و مکان نما 07 Setting up our content with HTML and cursor
-
06 از پوشه ها و تم موجود استفاده کنید 06 Use existing folders and theme
-
04 html و css اولیه 04 Basic html and css
-
10 صفحه خود را به صورت آنلاین با Netlify راه اندازی کنید 10 Launch your page online with Netlify
-
05 تنظیم ساختار فایل 05 Setting up a file structure
-
02 آنچه ما خواهیم ساخت 02 What we will be building
-
00 مقدمه دوره 00 Course intro
-
09 ریسپانسیو کردن وب سایت ما با مکان نما 09 Making our website responsive with cursor
https://donyad.com/d/1ad608
Christine Vallaure
UI/UX DESIGN + CODE
طراح UX/UI با علاقه به کد و بنیانگذار .
من در سطح بین‌المللی، داخلی و از راه دور روی پروژه‌هایی برای برندها، آژانس‌ها و استارت‌آپ‌های پیشرو کار کرده‌ام. من عمیقاً به ایجاد محصولاتی با فکر و زیبایی اهمیت می دهم. کارهای من از ایده‌های اولیه گرفته تا طرح‌ها، وایرفریم‌ها، نمونه‌سازی اولیه و تنظیم جلویی را شامل می‌شود.
علاوه بر پروژه‌های مشتری (بازدید برای منابع)، من در حال ساختن یک پلتفرم یادگیری آنلاین برای طراح UX/UI. من همچنین در مورد کد طراحی در رسانه و من می نویسم.
برای اطلاعات بیشتر درباره من لطفاً به من مراجعه کنید صفحه LinkedIn .
نمایش نظرات