دوره آموزشی کدنویسی ویبی: پیادهسازی الگوهای رایج وب با Tailwind CSS
46 دقیقهمتوسط2025-06-13
مدرسین

Gary Kovar
Senior Back-End Developer and Software Engineer
جزئیات دوره
تو این دوره میری تو دنیای هیجانانگیزی که هوش مصنوعی تولیدی (Generative AI) با Tailwind CSS ترکیب میشه و یه روش جدید برای توسعه وب بهت نشون میده. گری کوور، یه توسعهدهنده باتجربه و مهندس نرمافزار، بهت یاد میده چطوری با کمک هوش مصنوعی، روند کدنویسی فرانتاند رو خیلی سریعتر و بهتر کنی.
اول یاد میگیری چطوری طرحهای اولیه (Wireframe) رو تو چند لحظه تبدیل به کد تمیز و کاربردی کنی، با استفاده از فریمورک Tailwind CSS که بر اساس utility-first ساخته شده. دوره مزیتهای استفاده از Tailwind CSS همراه با ابزارهای هوش مصنوعی رو نشونت میده تا بتونی فرآیند توسعه رو سادهتر و سریعتر انجام بدی.
با ابزارهایی مثل GitHub Copilot آشنا میشی که بهت کمک میکنن کد HTML و CSS دقیق و بهینه بنویسی و کارهای تکراری رو سریعتر انجام بدی. گری بهت میگه کجاها بهتره از کد تولید شده توسط AI استفاده نکنی تا کیفیت پروژه حفظ بشه.
با مثالهای عملی یاد میگیری چطوری تنظیمات Tailwind CSS رو مدیریت و سفارشی کنی، کدهای تکراری رو راحت کنترل کنی و کدت همیشه مطابق استانداردهای دسترسی (accessibility) باشه. این دوره بهت نشون میده چطوری هوش مصنوعی و کد کنار هم میتونن امکانات جدیدی برای ساخت صفحات وب منعطف و پرسرعت فراهم کنن.
آخرش، فرقی نمیکنه دنبال بهتر کردن تجربه کاربری باشی یا بالا بردن سرعت سایت، تو با این دوره یاد میگیری چطور هوش مصنوعی رو هوشمندانه تو پروژههای توسعه وب به کار ببری و یه قدم جلوتر از بقیه باشی.
اهداف یادگیری
درک دلیل اینکه چرا Tailwind CSS گزینه مناسبی برای مارکاپ با کمک Generative AI است
استفاده از GitHub Copilot برای تبدیل Wireframe به کد معتبر HTML و CSS
توجیه موقعیتهایی که بهتر است از استفاده AI در بخشهای مختلف پروژه خودداری شود
سرعت بخشیدن به نوشتن کد مارکاپ با کمک هوش مصنوعی
اول یاد میگیری چطوری طرحهای اولیه (Wireframe) رو تو چند لحظه تبدیل به کد تمیز و کاربردی کنی، با استفاده از فریمورک Tailwind CSS که بر اساس utility-first ساخته شده. دوره مزیتهای استفاده از Tailwind CSS همراه با ابزارهای هوش مصنوعی رو نشونت میده تا بتونی فرآیند توسعه رو سادهتر و سریعتر انجام بدی.
با ابزارهایی مثل GitHub Copilot آشنا میشی که بهت کمک میکنن کد HTML و CSS دقیق و بهینه بنویسی و کارهای تکراری رو سریعتر انجام بدی. گری بهت میگه کجاها بهتره از کد تولید شده توسط AI استفاده نکنی تا کیفیت پروژه حفظ بشه.
با مثالهای عملی یاد میگیری چطوری تنظیمات Tailwind CSS رو مدیریت و سفارشی کنی، کدهای تکراری رو راحت کنترل کنی و کدت همیشه مطابق استانداردهای دسترسی (accessibility) باشه. این دوره بهت نشون میده چطوری هوش مصنوعی و کد کنار هم میتونن امکانات جدیدی برای ساخت صفحات وب منعطف و پرسرعت فراهم کنن.
آخرش، فرقی نمیکنه دنبال بهتر کردن تجربه کاربری باشی یا بالا بردن سرعت سایت، تو با این دوره یاد میگیری چطور هوش مصنوعی رو هوشمندانه تو پروژههای توسعه وب به کار ببری و یه قدم جلوتر از بقیه باشی.
اهداف یادگیری
درک دلیل اینکه چرا Tailwind CSS گزینه مناسبی برای مارکاپ با کمک Generative AI است
استفاده از GitHub Copilot برای تبدیل Wireframe به کد معتبر HTML و CSS
توجیه موقعیتهایی که بهتر است از استفاده AI در بخشهای مختلف پروژه خودداری شود
سرعت بخشیدن به نوشتن کد مارکاپ با کمک هوش مصنوعی
مهارت ها
Programming FoundationsFront-End Web DevelopmentArtificial Intelligence FoundationsArtificial Intelligence (AI)Web DevelopmentSoftware DevelopmentOne-Off
سرفصل ها
۰. مقدمه
- 01 - مقدمهای بر تبدیل الگوهای رایج وب
- 02 - آنچه باید بدانید
- 03 - استفاده از فضاهای کد گیتهاب
۱. شروع کار
- 04 - Tailwind CSS چیست؟
- 05 - الگوهای رایج وب
- 06 - مروری بر هوش مصنوعی مولد
- 07 - تنظیم IDE برای هوش مصنوعی
۲. تبدیل وایرفریمها به Tailwind CSS با Generative AI
- 08 - شناسایی الگوها از روی وایرفریمها
- 09 - استفاده از Tailwind CSS برای طرحبندیها و کامپوننتها
- 10 - دستورات مربوط به تولید کد CSS توسط Tailwind
- 11 - استفاده از هوش مصنوعی مولد برای ایجاد الگوها
۳. بهبود گردش کار کد تولید شده توسط هوش مصنوعی
- 12 - اشکالزدایی و اصلاح کد با هوش مصنوعی
- 13 - سفارشیسازی پیکربندی CSS مربوط به Tailwind
- 14 - ملاحظات عملکرد در Tailwind CSS
۴. کدنویسی باکیفیت با GenAI
- 15 - ملاحظات امنیتی در کد وب تولید شده توسط هوش مصنوعی
- 16 - دسترسیپذیری در کد تولید شده توسط هوش مصنوعی
- 17 - چه زمانی از هوش مصنوعی مولد استفاده نکنیم
- 18 - کامپوننتهای پیشرفته وب
نتیجهگیری
- 19 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی ساخت عوامل هوش مصنوعی با API پاسخهای OpenAI
- دوره آموزشی پروتکل زمینه مدل (MCP) برای مبتدیان
- دوره آموزشی ساخت عوامل هوش مصنوعی برای مبتدیان
- دوره آموزشی فراتر از کدنویسی با Vibe با Google Gemini: تبدیل شدن به یک توسعهدهنده هدفمند
- دوره آموزشی ساخت عوامل MCP قطعی
- دوره آموزشی اپلیکیشنهای مبتنی بر LLM با Streamlit
- دوره آموزشی ساخت MVP یک سرویس ابری (SaaS) در یک روز
- دوره آموزشی هوش مصنوعی عملی: ساخت اولین اپلیکیشن خود با قدرت LLM