مسیر کامل یادگیری ساخت سایت با هوش مصنوعی

آشنایی با مسیر دوره، ابزارهای موردنیاز و آماده‌سازی محیط کار برای شروع پروژه‌ها.

• خوش‌آمدگویی و معرفی HastYar Academy
• آشنایی با ساختار و مسیر دوره
• بررسی پیش‌نیازهای یادگیری
• معرفی ابزارهای موردنیاز
• آماده‌سازی کامپیوتر
• نصب ابزارهای موردنیاز
• آشنایی با فایل و پوشه
• آشنایی اولیه با محیط کار

آشنایی با مفاهیم پایه اینترنت و وب و درک ساختار کلی سایت‌ها.

• اینترنت و وب
• Website و Web Page
• Browser
• Client و Server
• Front-end و Back-end
• URL و Link
• Domain
• Hosting
• نحوه ارتباط سرور و مرورگر
• ساختار کلی یک سایت
• انواع سایت
• تعیین موضوع و هدف سایت
• شناخت مخاطب
• تعیین صفحات و امکانات

یادگیری اصول طراحی رابط و تجربه کاربری و تبدیل یک ایده به ساختار یک صفحه واقعی.

• UI چیست؟
• UX چیست؟
• تفاوت UI و UX
• نحوه تعامل کاربر با سایت
• ساختار یک صفحه مناسب
• طراحی Header و Navigation
• طراحی Hero و Sectionها
• طراحی Card و CTA
• طراحی Footer
• انتخاب رنگ بر اساس موضوع سایت
• انتخاب فونت
• سلسله‌مراتب بصری
• فاصله‌گذاری و نظم
• خوانایی
• طراحی برای کاربر
• طراحی موبایل و دسکتاپ
• تبدیل ایده به طرح صفحه

ساختار HTML را یاد می‌گیری و طرح UI را به ساختار واقعی یک صفحه وب تبدیل می‌کنی.

• HTML چیست؟
• ساختار فایل HTML
• Head و Body
• Heading و Paragraph
• Link و Image
• Button و List
• Container و Section
• Header و Navigation
• Main و Footer
• Class و ID
• Semantic HTML
• ساخت صفحات مختلف
• اتصال صفحات به یکدیگر
• ساخت یک صفحه واقعی از صفر

یادگیری CSS برای تبدیل ساختار HTML به یک رابط کاربری زیبا و Responsive.

• CSS چیست؟
• اتصال CSS به HTML
• Selectorها
• رنگ و Background
• متن و فونت
• Width و Height
• Margin و Padding
• Border و Border Radius
• Box Model
• Display
• Flexbox
• Grid
• Position
• طراحی Button
• Hover و Transition
• چیدمان حرفه‌ای
• Responsive Design
• Media Query
• طراحی موبایل، تبلت و دسکتاپ
• رفع مشکلات نمایش در اندازه‌های مختلف

اضافه‌کردن رفتار و تعامل به صفحات وب با استفاده از JavaScript.

• JavaScript چیست؟
• کاربرد JavaScript
• اتصال JavaScript به سایت
• متغیرها
• انواع داده‌های موردنیاز
• شرط‌ها
• Function
• DOM
• انتخاب عناصر
• Event
• Click
• نمایش و مخفی‌کردن عناصر
• منوی موبایل
• تعامل دکمه‌ها
• فرم‌ها و بررسی اولیه ورودی
• ساخت تعاملات ساده واقعی

استفاده از هوش مصنوعی برای طراحی، تولید، اصلاح و توسعه بخش‌های مختلف سایت.

• AI در طراحی و ساخت سایت
• قابلیت‌ها و محدودیت‌های AI
• انتخاب ابزار AI
• Prompt چیست؟
• ساخت Prompt حرفه‌ای
• تعیین موضوع و هدف
• درخواست ساختار HTML
• درخواست CSS
• درخواست JavaScript
• درخواست طراحی Responsive
• گرفتن کد از AI
• بررسی کد تولیدشده
• درک بخش‌های مختلف کد
• شخصی‌سازی کد
• تغییر رنگ و فونت
• تغییر ساختار
• اضافه‌کردن امکانات
• پیداکردن و رفع خطا با AI
• Debug با AI
• اصلاح و تست کد
• تبدیل ایده به سایت با AI

آشنایی با WordPress و ساخت سایت با یک سیستم مدیریت محتوای کاربردی.

• WordPress چیست؟
• کاربردهای WordPress
• نصب WordPress
• ورود به Dashboard
• آشنایی با محیط مدیریت
• Pages
• Posts
• Media
• Theme
• نصب و تنظیم Theme
• Plugin
• نصب و مدیریت Plugin
• تنظیمات مهم
• مدیریت محتوای سایت
• نکات امنیتی و مدیریتی

پیاده‌سازی طرح‌های رابط کاربری در WordPress با Elementor.

• Elementor چیست؟
• نصب و فعال‌سازی
• آشنایی با محیط Elementor
• ساختار صفحات
• Container و Section
• اضافه‌کردن عناصر
• Heading و Text
• Image و Button
• ساخت Header
• ساخت Hero
• ساخت Cards
• ساخت Services
• ساخت CTA
• ساخت Footer
• تنظیم رنگ و فونت
• پیاده‌سازی UI واقعی
• Responsive در Elementor
• تنظیم موبایل و دسکتاپ

ترکیب مهارت‌های یادگرفته‌شده برای ساخت پروژه‌هایی با موضوعات مختلف.

• ساخت سایت شخصی
• ساخت سایت شرکتی
• ساخت سایت خدماتی
• ساخت سایت فروشگاهی
• ساخت سایت با موضوع انتخابی هنرجو
• تعیین هدف و مخاطب
• تعیین صفحات و امکانات
• طراحی UI/UX
• انتخاب روش ساخت
• HTML / CSS / JavaScript
• WordPress / Elementor
• استفاده از AI در بخش‌های لازم
• ساخت و تکمیل پروژه

بررسی و آماده‌سازی پروژه‌ها برای انتشار با تمرکز بر خطاها، نمایش صحیح و جزئیات نهایی.

• اهمیت تست سایت
• بررسی ظاهر
• بررسی لینک‌ها
• بررسی دکمه‌ها
• بررسی تصاویر
• بررسی HTML
• بررسی CSS
• بررسی JavaScript
• پیداکردن خطا
• رفع خطا
• Debug با AI
• بررسی موبایل
• بررسی دسکتاپ
• رفع مشکلات Responsive
• بهبود مقدماتی سرعت و ظاهر
• چک‌لیست نهایی قبل از انتشار
• نکات حرفه‌ای و تجربی

آشنایی با مراحل انتقال سایت از محیط کار به اینترنت و آماده‌سازی برای انتشار.

• سایت آماده انتشار یعنی چه؟
• لینک رایگان سایت
• هاست
• انواع هاست
• انتخاب هاست مناسب
• دامنه
• انتخاب دامنه
• خرید دامنه و هاست
• اتصال دامنه به هاست
• انتقال فایل‌های سایت
• راه‌اندازی WordPress روی هاست
• انتشار سایت
• بررسی سایت بعد از انتشار

آشنایی با اصول SEO و روش‌های پایه برای بهینه‌سازی یک سایت واقعی.

• SEO چیست؟
• نحوه بررسی سایت توسط موتورهای جست‌وجو
• ساختار مناسب صفحات
• عنوان صفحات
• Meta Description
• Headingها
• محتوای مناسب
• تصاویر و بهینه‌سازی آن‌ها
• لینک‌های داخلی
• SEO داخلی
• روش‌های رایگان SEO
• ابزارهای SEO
• روش‌ها و ابزارهای پولی
• اشتباهات رایج SEO

استفاده از هوش مصنوعی برای ایده‌پردازی و ساخت هویت بصری هماهنگ با پروژه.

• لوگو چیست؟
• سبک‌های مختلف لوگو
• انتخاب سبک مناسب
• انتخاب رنگ برند
• انتخاب فونت برند
• ساخت Prompt برای لوگو
• تولید لوگو با AI
• اصلاح طرح
• ساخت نسخه‌های مختلف
• آماده‌سازی لوگو برای سایت
• هماهنگ‌کردن لوگو با UI سایت

آماده‌سازی مهارت‌ها و پروژه‌ها برای ارائه و شروع مسیر حرفه‌ای.

• Portfolio چیست؟
• ویژگی‌های یک نمونه‌کار مناسب
• انتخاب پروژه‌ها
• نحوه نمایش پروژه
• معرفی پروژه
• معرفی مهارت‌ها
• ساخت رزومه
• نوشتن مهارت‌ها در رزومه
• آماده‌کردن نمونه‌کار
• نحوه ارائه پروژه
• آماده‌شدن برای گرفتن پروژه
• نحوه ارتباط با کارفرما
• اشتباهات رایج افراد تازه‌کار
• مسیر رشد بعد از اولین پروژه