دوره طراحی وب پیشرفته 1

جلسه ۱: مرور مبانی و معرفی پروژه نهایی

1. مرور مبانی HTML و CSS (در حد نیاز برای پیشرفته‌تر کردن پروژه‌ها)

   – استفاده از تگ‌های پیچیده‌تر HTML (مثل <section>, <article>, <aside>)

   – تکنیک‌های پیشرفته CSS (مثل position, z-index, transform, transition)

2. معرفی پروژه نهایی: طراحی یک وبسایت شخصی با صفحات و بخش‌های مختلف که به عنوان رزومه آنلاین باشد.

   – توضیح ساختار کلی پروژه و تعیین اهداف نهایی

   – نمایش نمونه پروژه‌ها برای الهام‌گیری

جلسه ۲: CSS پیشرفته و مفاهیم Flexbox و Grid

1. Flexbox: 

   – اصول و کاربرد Flexbox در ایجاد لایه‌بندی صفحات

   – ساختار انعطاف‌پذیر برای عناصر وب

   – مثال‌ها و تمرینات کاربردی

2. CSS Grid:

   – مفهوم Grid و ایجاد لایه‌بندی پیچیده‌تر

   – ترکیب Flexbox و Grid در پروژه‌های واقعی

3. تمرین عملی: طراحی یک بخش صفحه با استفاده از Flexbox و Grid

جلسه ۳: معرفی Bootstrap و ساختار‌بندی پروژه‌ها

1. آشنایی با Bootstrap 5:

   – مزایا و معایب استفاده از فریم‌ورک‌ها

   – نصب و راه‌اندازی Bootstrap در پروژه

   – معرفی سیستم Grid Bootstrap

2. کامپوننت‌های آماده Bootstrap:

   – دکمه‌ها، فرم‌ها، کاردها، نوارهای ناوبری

3. تمرین عملی: ساخت یک صفحه ساده با استفاده از Bootstrap

جلسه ۴: جاوااسکریپت (مقدماتی تا پیشرفته)

1. مبانی جاوااسکریپت:

   – متغیرها، توابع و انواع داده‌ها

   – حلقه‌ها و شرط‌ها

2. رویدادها و تعامل با DOM:

   – مدیریت رویدادها (مثل کلیک، hover)

   – تغییر محتوای صفحات با جاوااسکریپت

3. تمرین عملی: ایجاد یک فرم تعاملی و نمایش داده‌ها در صفحه

جلسه ۵: جاوااسکریپت پیشرفته (AJAX و Fetch API)

1. AJAX و کاربردهای آن:

   – مفهوم AJAX و درخواست‌های غیرهمزمان

   – نحوه ارسال و دریافت داده از سرور بدون بارگذاری مجدد صفحه

2. Fetch API:

   – استفاده از Fetch API برای ارسال درخواست‌ها

   – مثال عملی: دریافت داده از یک API عمومی

3. تمرین عملی: ساخت یک صفحه که اطلاعات را از API دریافت و نمایش می‌دهد

جلسه ۶: Git و GitHub – مدیریت پروژه‌ها و همکاری تیمی

1. مبانی Git:

   – نصب و راه‌اندازی Git

   – دستورات اولیه Git (clone, add, commit, push, pull)

2. GitHub:

   – ساخت حساب کاربری و مخزن (repository) در GitHub

   – ایجاد پروژه جدید و مدیریت نسخه‌ها

   – کار با شاخه‌ها (branches) و نحوه همکاری تیمی

3. تمرین عملی: آپلود پروژه روی GitHub و به اشتراک‌گذاری با دیگران

جلسه ۷: تکمیل پروژه و آماده‌سازی رزومه

1. تکمیل پروژه نهایی:

   – مرور و اصلاح پروژه‌ها

   – بهینه‌سازی کدها و رفع ایرادات

2. آماده‌سازی رزومه و پروفایل آنلاین:

   – استفاده از پروژه به عنوان رزومه کاری

   – طراحی و تنظیم پروفایل GitHub و LinkedIn

   – نکات کلیدی در ساخت رزومه کاری دیجیتال

3. ارائه پروژه‌ها: هر دانشجو پروژه خود را به کلاس ارائه می‌دهد و بازخورد دریافت می‌کند.

جلسه 8: رفع اشکال پروزه پایانی