🖥️ Frontend و Backend چیست؟ تفاوت فرانت‌اند و بک‌اند در طراحی سایت

در دنیای طراحی سایت، دو واژه‌ی مهم همیشه شنیده می‌شود: Frontend و Backend.
اگر می‌خواهی وارد دنیای طراحی سایت شوی یا بفهمی توسعه‌دهندگان وب دقیقاً چه کاری انجام می‌دهند، باید این دو مفهوم را به‌خوبی بشناسی.

💡 Frontend چیست؟

Frontend یا سمت کاربر (Client-Side) همان بخشی از وب‌سایت است که کاربران مستقیماً آن را می‌بینند و با آن تعامل دارند.
هر چیزی که در صفحه مرورگر نمایش داده می‌شود — از رنگ‌ها، فونت‌ها، دکمه‌ها و فرم‌ها گرفته تا انیمیشن‌ها — همگی در بخش فرانت‌اند ساخته می‌شوند.

🔧 زبان‌ها و ابزارهای مورد استفاده در Frontend

• HTML: ساختار و محتوای صفحه

• CSS: طراحی و ظاهر سایت

• JavaScript: ایجاد تعامل و پویایی

🔹 علاوه بر این، فریم‌ورک‌ها و کتابخانه‌هایی مانند React, Vue.js, Angular برای ساخت رابط‌های کاربری حرفه‌ای استفاده می‌شوند.

⚙️ Backend چیست؟

Backend یا سمت سرور (Server-Side) بخشی از سایت است که کاربران آن را نمی‌بینند، اما همه چیز در پشت صحنه آن اتفاق می‌افتد.
زمانی که کاربر در سایت ثبت‌نام می‌کند، وارد حساب خود می‌شود یا اطلاعاتی را ذخیره می‌کند، همه‌ی این پردازش‌ها در بک‌اند انجام می‌شود.

🧩 زبان‌ها و ابزارهای Backend

• PHP

• Python (Django / Flask)

• Node.js

• Java / C#

• پایگاه‌داده‌ها مثل MySQL, PostgreSQL, MongoDB

در واقع Backend مغز سیستم است که با دیتابیس ارتباط دارد و اطلاعات را به فرانت‌اند ارسال می‌کند.

🔄 ارتباط بین Frontend و Backend

Frontend و Backend مثل دو نیمه از یک کل هستند.
Frontend درخواست‌ها را از سمت کاربر می‌فرستد، و Backend داده‌ها را پردازش کرده و پاسخ می‌دهد.
ارتباط بین این دو معمولاً از طریق API (Application Programming Interface) انجام می‌شود.

🔹 مثال ساده:
وقتی در یک سایت فروشگاهی روی “اضافه به سبد خرید” کلیک می‌کنی، فرانت‌اند درخواست را به بک‌اند می‌فرستد و بک‌اند تعداد کالاها را در دیتابیس ذخیره کرده و پاسخ را برمی‌گرداند.

🧠 تفاوت اصلی Frontend و Backend