فرانت‌اند چیست؟

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

فرانت‌اند اهمیت زیادی دارد؛ چون کیفیت آن مستقیماً بر تجربه‌ی کاربری تاثیر می‌گذارد. اگر ظاهر سایت زیبا و کاربرپسند نباشد، بازدیدکننده ممکن است خیلی زود سایت را ترک کند. همچنین طراحی مناسب فرانت‌اند باعث می‌شود کاربر بتواند به راحتی به اطلاعات موردنیازش دست یابد یا خدمات مختلف را به سادگی انجام دهد.

برای مثال، تصور کنید قصد پرداخت قبض تلفن همراه را از طریق سایت بانک دارید. تمام مراحل، از ورود اطلاعات قبض و مبلغ تا زدن دکمه‌ی پرداخت، جزو فرانت‌اند محسوب می‌شود. اگر این بخش ساده و واضح نباشد، ممکن است دچار سردرگمی شوید و به هدف خود نرسید.

فرانت‌اند را نباید با بک‌اند (Backend) اشتباه گرفت. بک‌اند بخشی است که داده‌ها و منطق اصلی برنامه را مدیریت می‌کند و کاربر به طور مستقیم با آن سروکار ندارد. در واقع، فرانت‌اند ظاهر خانه است و بک‌اند مثل زیرساخت و تاسیسات آن عمل می‌کند.