انجمن برنامه‌نویسی دانشگاه شهید رجایی برگزار می‌کند.

فرانت‌اند (Front-end) اشاره به قسمت‌هایی از یک وب‌سایت دارد که برای کاربر به صورت بصری قابل مشاهده بوده و کاربر با آن به صورت مستقیم تعامل دارد. هدف از طراحی و توسعه فرانت‌اند به‌وجود آوردن محیطی برای استفاده است به صورتی که هم ویژگی‌های ظاهری مطلوب را دارد و هم تعامل کاربر با‌ آن بسیار ساده است.

در این دوره مباحث مقدماتی برای شروع طراحی و توسعه وب‌سایت‌ها و ورود به حوزه برنامه‌نویسی سمت کاربر (Front-end) بررسی و تدریس خواهند شد. هدف این است تا مباحث اصلی و پایه‌ای به همراه نکات و جزئیات به صورت دقیق و کامل بررسی شوند.

• مقدمات
  • آشنایی با اینترنت
    • آشنایی با نحوه انتقال اطلاعات وب
  • آشنایی با طراحی و برنامه‌نویسی وب و تفاوت‌های آن
• آشنایی با محیط‌های توسعه وب
  • بررسی محیط‌ها و ابزار‌ها موردنیاز و موجود

HTML

• شروع کار با HTML
  • آشنایی کلی با زبان‌های نشانه‌گذاری
  • بررسی ساختار‌های یک صفحه وب
    • آشنایی با DOM
• آشنایی با تگ‌های HTML
  • آشنایی با تگ‌های قالب‌بندی صفحات
  • آشنایی با تگ‌های فرمت‌دهی متن
  • آشنایی با HTML Entities
  • آشنایی با تگ ایجاد لینک‌ها
  • آشنایی با تگ نمایش تصاویر
  • آشنایی با تگ‌های قسمت‌بندی
  • آشنایی با تگ‌های مربوط به جداول
  • آشنایی با تگ‌های ویدئو‌ و دیگر مدیاها
  • آشنایی با ایجاد فرم‌ها
  • آشنایی انواعی از تگ‌های متا
• آشنایی با مفاهیم SEO و اهمیت آن
• آشنایی با نحوه استایل دادن به صورت Inline

CSS

• معرفی و شروع استفاده از CSS
• آشنایی با اعمال استایل‌ها به صورت Internal یا External
• آشنایی با ساختار ویژگی‌های CSS
• آشنایی با گزینشگرهای CSS
• آشنایی با ویژگی‌های CSS
• استایل‌دهی به المان‌های مختلف
• آشنایی با مفاهیم Box Model
• آشنایی با شبه‌کلاس‌ها و شبه‌المان‌ها

JS

• معرفی جاوااسکریپت و توانایی‌های آن
• آشنایی با نحوه فراخوانی و استفاده از برنامه‌های جاوااسکریپت
• آشنایی با ساختار کلی برنامه در جاوااسکریپت
• بررسی سینتکس جاوااسکریپت
• آشنایی با مبانی برنامه‌نویسی جاوااسکرپیت
  • آشنایی با انواع داده‌ها
  • آشنایی با عملگر‌ها
  • آشنایی با ساختار‌های کنترلی
  • آشنایی با حلقه‌ها
  • بررسی نحوه استفاده از توابع
  • آشنایی با ساختارهای مدیریت خطا
• بررسی امکانات جاوااسکریپت برای مدیریت صفحات
  • بررسی شیء Window
  • بررسی شیء Document
  • آشنایی با توابع کاربردی Window
    • توابع استفاده از Console
    • توابع alert و prompt
• بررسی نحوه تغییر صفحات وب توسط جاوااسکریپت
• بررسی روش‌های دستکاری DOM
• بررسی نحوه استفاده از توابع و معرفی Callbackها
• بررسی کلی رویدادها
  • رویدادهای موس و کیبورد
• بررسی چندی از توابع آماده جاوااسکریپت
  • کار با متون
  • کار با زمان
  • کار با توابع ریاضی
  • استفاده از آرایه‌ها
• آشنایی با عبارات با قاعده (RegExp)

SubModules

• بررسی کوتاه موضوعات جانبی مختلف در هر جلسه (Frontend Focus)

Projects

• انجام پروژه
  • پروژه‌های کوچک جلسه‌ای
  • پروژه‌های تمرینی
  • پروژه نهایی