اتفاقات روزمره ، اخبار مهم و دیگر مطالب میهن وب هاست را می توانید در این قسمت مطالعه کنید

اگر در دنیای برنامه نویسی و مهندسی نرم افزار تازه کار هستید، ممکن است با عباراتی مانند فرانت اند (Frontend) یا بک اند (Backend) مواجه شوید و دیدن زبان های برنامه نویسی مانند Ruby on Rails و Javascript شما را سر در گم کند.

توسعه وب سایت شامل فرآیندهای ساخت وب سایت ها و اپلیکیشن ها می شود. برخلاف طراحی رابط کاربری (UI) و تجربه کاربری (UX)، توسعه وب بر کدنویسی و اطمینان از عملکرد مناسب وب سایت تمرکز دارد. اما اصطلاحاتی مانند Frontend و Backend از کجا می آیند؟ برنامه نویسی فرانت اند و بک اند دو بخش متفاوت از توسعه وب هستند.

برنامه نویسی فرانت اند (Frontend) چیست؟

توسعه فرانت اند (Frontend) سبکی از برنامه نویسی کامپیوتر است که بر کدنویسی، ایجاد عناصر و ویژگی های یک وب سایت تمرکز دارد و توسط کاربر قابل مشاهده می باشد. می توانید فرانت اند (Frontend) را به عنوان بخش "سمت کاربر" یک برنامه در نظر بگیرید. بدان معنا که وظیفه شما کدنویسی برای زنده کردن عناصر بصری یک وب سایت بوده و وقتی کاربر از یک وب‌سایت یا برنامه بازدید می‌کند، آنچه را که شما پیاده سازی نموده اید مشاهده خواهد کرد.  این نوع از توسعه دهندگان طرح های بصری را از طراحان UX و UI گرفته و وب سایت را طراحی می کنند و مطمئن می شوند که برای کاربر مناسب باشد. 

تصویر(1)

توسعه دهندگان فرانت اند عناصر زیر را طراحی می کنند: 

• دکمه ها
• طرح بندی ها
• منوهای ناوبری
• تصاویر 
• گرافیک
• تصاوير متحرك
• سازماندهی محتوا 

برنامه نویسی بک اند (Backend) چیست؟

بک اند (Backend) بر قسمتی از وب سایت که کاربران نمی توانند مشاهده کنند متمرکز است. Backend را میتوان بخش "سمت سرور" نامید. به عنوان مثال، فرض کنید یک وب سایت شبکه اجتماعی را مدیریت می کنید و به مکانی برای ذخیره اطلاعات کاربران خود نیاز دارید، این مرکز ذخیره سازی، پایگاه داده نامیده می شود. چند نمونه پرکاربرد از پایگاه های داده، Oracle، SQL Server و MySQL می باشند. پایگاه های داده در یک سرور اجرا می شوند. یک توسعه دهنده بک اند (Backend) به مدیریت پایگاه داده و محتوای ذخیره شده در آن، کمک می کند. عملکرد Backend باعث می شود تا عناصر فرانت اند (Frontend) در وب‌سایت شما به درستی کار کنند. 

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

توسعه دهندگان Backend روی موارد زیر کار می کنند: 

• ایجاد کد 
• عیب یابی و رفع اشکال اپلیکیشن ها
• مدیریت پایگاه داده 
• استفاده از Framework 

تفاوت برنامه نویسی فرانت اند و بک اند در چیست ؟

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

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

برنامه نویسی فرانت اند و بک اند دارای نقاط قوت متفاوتی هستند. به خاطر داشته باشید که یک سمت فرآیند توسعه سخت تر یا مهم تر از دیگری نیست. در واقع، آنها در ایجاد وب سایتی که کاربران از تعامل با آن لذت ببرند، به یک اندازه مهم هستند. 

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

• HTML مخفف Hyper Text Markup Language بوده و زبان نشانه گذاری استاندارد برای ایجاد صفحات وب می باشد. 
• CSS مخفف عبارت Cascading Style Sheets است. CSS برای ایجاد استایل و خصیصه ها مورد استفاده قرار می گیرد و رنگ ها، فونت ها و سایر جزئیات محتوای یک سایت را مشخص می کند، در حالی که HTML برای ایجاد ساختار در یک سایت استفاده می شود.
• جاوا اسکریپت زبانی است که با استفاده از آن می توان یک سایت را تعاملی و سرگرم کننده نمود. برای مثال می توانید از آن برای اجرای یک بازی در سایت خود استفاده کنید. 

برنامه نویسان فرانت اند نیز با مجموعه ای از Framework ها و کتابخانه ها کار می کنند. در زیر تعدادی از Framework ها و کتابخانه‌هایی که یک توسعه‌دهنده فرانت‌اند با آن‌ها سروکار دارد آورده شده است: 

• AngularJS
• React.js
• jQuery
• Sass

توسعه دهندگان بک اند (Backend) با زبان هایی مانند PHP، C++، Java، Ruby، Python، JavaScript و Node.js کار می کنند. در ادامه ویژگی تعدادی از این زبان ها شرح داده شده است:

• PHP یک زبان برنامه نویسی سمت سرور است. 
• جاوا یک پلتفرم و زبان برنامه نویسی بسیار محبوب می باشد. 
• پایتون یک زبان برنامه نویسی همه منظوره است و با برخی از موارد دیگر که ذکر شده اند متفاوت می باشد زیرا می توان از آن برای توسعه نرم افزار نیز استفاده کرد و صرفاً به توسعه وب محدود نمی شود. 

Framework های بک اند (Backend) عبارتند از:

• Express
• Django
• Rails
• Laravel
• Spring

توسعه دهندگان فرانت اند (Frontend) و بک اند (Backend) برای ایجاد یک سایت یا برنامه کاربردی مناسب با یکدیگر همکاری می کنند.

این نکته نیز لازم به ذکر است که شباهت‌هایی نیز بین این دو بخش وجود دارد، به بیان ساده تر می توان گفت که آنها دو سمت یک نوار کاست هستند. هر دو از بخش‌های ضروری فرآیند توسعه وب بوده و برای ایجاد وب‌سایت‌ها و برنامه‌های کاربردی به کار گرفته می‌شوند. بنابراین اگر به‌عنوان یک توسعه‌دهنده وب مطمئن نیستید که به کدام سمت از این نوار کاست علاقه دارید، می‌توانید به یک توسعه‌دهنده فول استک تبدیل شوید. توسعه دهندگان فول استک از هر دو سمت بهره می برند و کار آنها شامل هر دو عنصر برنامه نویسی فرانت اند و بک اند می شود.