آموزش HTML، CSS و هوش مصنوعی مولد: سرعت فرآیند خود را افزایش دهید

معرفی Introduction

• نحوه کار این دوره How this course works

• هوش مصنوعی مولد چگونه می تواند به HTML و CSS کمک کند؟ How can generative AI help with HTML and CSS?

• آنچه شما باید بدانید What you should know

1. برنامه ریزی 1. Planning

• راه حل: یک نقشه سایت برای یک وب سایت ایجاد کنید Solution: Create a sitemap for a website

• تحقیق کلمات کلیدی با هوش مصنوعی Keyword research with AI

• برنامه ریز محتوا Content planner

• متغیرهای محتوا Content placeholders

• نقشه های سایت و نشانه گذاری مناسب SEO Site maps and SEO-friendly markup

• چالش: یک نقشه سایت برای یک وب سایت ایجاد کنید Challenge: Create a sitemap for a website

• نمونه سازی Prototyping

2. تولید HTML 2. Generating the HTML

• چالش: با استفاده از هوش مصنوعی یک قالب HTML ایجاد کنید Challenge: Create an HTML template using AI

• راه حل: با استفاده از هوش مصنوعی یک قالب HTML ایجاد کنید Solution: Create an HTML template using AI

• تولید قالب های کامل HTML Generating full HTML templates

• استفاده از فریم ورک با هوش مصنوعی Using frameworks with AI

• استفاده از هوش مصنوعی برای ایجاد بخش های وب سایت Using AI to create website sections

• مولدهای HTML چقدر خوب هستند؟ How good are HTML generators?

3. تولید CSS 3. Generating the CSS

• طرح های رنگی و تایپوگرافی Color schemes and typography

• چالش: ایجاد CSS برای قالب HTML Challenge: Generate CSS for the HTML template

• طرح بندی پاسخگو با هوش مصنوعی Responsive layouts with AI

• تعریف متغیرهای CSS با هوش مصنوعی Defining CSS variables with AI

• ایجاد طرح بندی کامل Generating full layouts

• راه حل: CSS برای قالب HTML ایجاد کنید Solution: Generate CSS for the HTML template

• درخواست های مهندسی CSS Engineering CSS prompts

• ایجاد سبک برای عناصر صفحه Creating styles for page elements

4. سایر ابزارهای مفید 4. Other Helpful Tools

• یک هوش مصنوعی برای آن وجود دارد There's an AI for that

• ابزارهای تست هوش مصنوعی AI testing tools

• GitHub Copilot GitHub Copilot

نتیجه Conclusion

• مراحل بعدی Next steps