آموزش Vibe Coding: تبدیل الگوهای رایج وب به Tailwind CSS - آخرین آپدیت

سرفصل ها و درس ها

مقدمه Introduction

• استفاده از GitHub Codespaces Using GitHub Codespaces

• مقدمه‌ای بر تبدیل الگوهای رایج وب Introduction to converting common web patterns

• پیش‌نیازها و موارد ضروری What you should know

1. شروع به کار 1. Getting Started

• Tailwind CSS چیست؟ What is Tailwind CSS?

• مروری بر هوش مصنوعی مولد Generative AI overview

• تنظیم IDE برای استفاده از AI Setting up your IDE for AI

• الگوهای رایج وب Common web patterns

2. تبدیل وایرفریم‌ها به Tailwind CSS با هوش مصنوعی مولد 2. Converting Wireframes to Tailwind CSS with Generative AI

• استفاده از AI مولد برای ایجاد الگوها Using generative AI to create patterns

• استفاده از Tailwind CSS برای چیدمان‌ها و کامپوننت‌ها Using Tailwind CSS for layouts and components

• شناسایی الگوها از روی وایرفریم‌ها Identifying patterns from wireframes

• پرامپت‌های مناسب برای تولید کد Tailwind CSS Prompts for Tailwind CSS code generation

3. بهبود گردش کار کدهای تولید شده توسط AI 3. Improving Your AI-Generated Code Workflow

• ملاحظات مربوط به عملکرد در Tailwind CSS Performance considerations in Tailwind CSS

• دیباگ و ریفکتورینگ با کمک AI AI-powered debugging and refactoring

• سفارشی‌سازی پیکربندی Tailwind CSS Customizing Tailwind CSS configuration

4. تولید کد با کیفیت با GenAI 4. Quality Code with GenAI

• ملاحظات امنیتی در کدهای وب تولید شده توسط AI Security considerations in AI-generated web code

• کامپوننت‌های پیشرفته وب Advanced web components

• چه زمانی از هوش مصنوعی مولد استفاده نکنیم When not to use generative AI

• دسترسی‌پذیری در کدهای تولید شده توسط AI Accessibility in AI-generated code

جمع‌بندی Conclusion

• گام‌های بعدی Next steps