طراحی یک برنامه نرم افزاری یا وب سایت هر چیزی است که کاربر با آن در تعامل است. از دیدگاه کاربر، frontend مترادف با رابط کاربری (User Interface) است. از نقطه نظر توسعه دهنده (Developer)، این طراحی رابط و برنامه نویسی است که باعث عملکرد رابط می شود. برعکس، پشت صحنه (Backend) شامل تابع (Function) و پردازش دادههایی است که در پشت صحنه انجام میشود.
یکی از اهداف اولیه توسعه frontend ایجاد یک نرم افزار یا " بدون اصطکاک" تجربه ی کاربر (User Experience). به عبارت دیگر، قسمت جلویی برنامه کاربردی (Application) یا سایت اینترنتی (Website) باید بصری و آسان برای استفاده باشد. اگرچه این یک هدف ساده به نظر می رسد، اما می تواند به طرز شگفت آوری پیچیده باشد زیرا همه کاربران یا دستگاه ها یکسان نیستند. به عنوان مثال، یک برنامه (App) توسعه یافته برای یک دستگاه تلفن همراه نیاز به ظاهر متفاوتی نسبت به یک برنامه دسکتاپ دارد. وب سایت ها باید روی چندین دستگاه و اندازه صفحه نمایش خوب کار کنند، به همین دلیل است که توسعه وب مدرن معمولاً شامل طراحی وب سایت ریسپانسیو (Responsive Web Design) می شود.
نمونه هایی از عناصر ظاهری عبارتند از:
کاربر ورودی (Input) از طریق frontend و در بک اند یک برنامه یا وب سایت پردازش می شود. کد Backend داده (Data) را می خواند و می نویسد و خروجی (Output) را از طریق frontend برای کاربر ارسال می کند. از آنجایی که بکاند و فرانتاند یک اپلیکیشن یا وبسایت با هم کار میکنند، کارهای نرمافزاری اغلب به توسعه پیشانی و بکاند نیاز دارند. توسعه برای هر دو انتها، توسعه تمام پشته نامیده می شود.
توجه: Frontend ممکن است "front end" (به عنوان یک اسم) یا "front-end" (به عنوان یک صفت) نوشته شود. برای سادگی، کلمه ترکیبی بسته "frontend" به یک اصطلاح قابل قبول برای هر دو تبدیل شده است.
تعریف جلو صحنه (Frontend) در این صفحه یک تعریف پایه نگاشته شده توسط تک بورد است. اگر مایل به ارجاع به این صفحه یا استناد به این تعریف هستید، با شرط درج لینک به این صفحه می توانید از این محتوا استفاده کنید.
هدف تک بورد توضیح اصطلاحات کامپیوتری به روشی است که به راحتی قابل درک باشد. ما برای سادگی و دقت با هر تعریفی که منتشر می کنیم تلاش می کنیم. اگر بازخوردی درباره تعریف جلو صحنه (Frontend) دارید یا میخواهید یک اصطلاح فنی جدید پیشنهاد کنید، لطفاً با ما تماس بگیرید.
آیا می خواهید اصطلاحات فنی بیشتری یاد بگیرید؟ در خبرنامه روزانه یا هفتگی مشترک شوید و شرایط و آزمون های ویژه را در ایمیل خود تحویل بگیرید.