فهرست

تعریف فرانت اند و بک اند و تفاوت آنها

[vc_row][vc_column css=”.vc_custom_1601996264131{padding-bottom: 20px !important;}”][vc_column_text]

فرانت اند  و بک اند دو عبارتی که در دنیای وب و طراحی سایت خیلی به گوش میخورد .

 

اما آنها چیستند؟

 

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

 

خب حالا برویم سراغ تعریف این دو عبارت :

 

فرانت اند (Front-End) :

 

فرانت اند به قسمتی از نرم افزار(سایت،اپلیکیشن و…)میگویند که توسط کاربران قابل مشاهده است.

در فرانت اند بر خلاف طرف دیگر ،خبری از کدها و عبارات نامفهوم برای کاربران وجود ندارد.ممنون که با سایتخور همراه هستید .در قسمت فرانت اند ، تصاویر،ویدیو ها، پاراگراف ها و به طور کلی تمام چیزهایی که قابل درک هستند برای کاربران قابل مشاهده است . فرانت اند قسمت های “توسعه رابط کاربری” و “طراحی” را شامل میشود . در اولی یعنی توسعه رابط کاربری ، ظاهر سایت توسط کد های زبانهای HTLM ، جاوا اسکریپت و CSS به نمایش در می آید . به طور مختصر انها را توضیح میدهیم :

Html , CSS , JavaScript
Html , CSS , JavaScript

زبان HTML : بدنه ی اصلی صفحات وبسایت است .

زبان CSS : برای اجرای خلاقیتی که دارید و فرم دهی اجزا و محتوای وبسایت به کار میرود .

زبان JAVASCRIPT : یک زبان برنامه نویسی است و برای پویانمایی کد های HTML و CSS از آن استفاده میشود. جاوا اسکریپت دارای فریم ورک های مختلفی است مثل VUE.JS و REACT و … که امکانات بسیار پیشرفته ای جهت پویانمایی دارند .

 

اگر بخواهیم تفاوت آنها را بهتر درک کنیم ، عکس زیر گویای این است :

Html , CSS , JavaScript
تفاوت Html , CSS , JavaScript

 

در قسمت دیگرِ فرانت اند یعنی طراحی ، با اپلیکیشن های گرافیکی موجود می توان ظاهر سایت را تغییر داد. رایج ترین برنامه برای این کار Photoshop است. برای دریافت برنامه فوتوشاپ به این لینک بروید . توجه داشته باشیم که فرانت اند بسیار با بک اند در تعامل است و با آن ارتباط مستقیم دارد .

 

 

بک اند (Back-End) :

 

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

 

بک اند و فرانت اند
تفاوت بک اند و فرانت اند

 

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

 

به طور کلی هم فرانت اند و هم بک اند دارای زبان های خاص خودشان هستند . در سایتخور هیچ مطلبی ناقص گفته نمیشود پس باید ادامه دهیم و به شما بگوییم که زبان های برنامه نویسی فرانت اند، سمت کاربر هستند . مانند CSS , Javascript و از طرف دیگر زبان های بک اند، سمت سرور هستند و روی آن اجرا میشوند و در واقع این دسته از زبانها برای راه اندازی به یک سرور نیاز دارند، مانند زبان ASP.NET  .

 

 

سپاس که با سایتخور همراه بودید

 

❤️همین حالا سایت خود را سفارش دهید❤️

[/vc_column_text][vc_empty_space height=”20px”][/vc_column][/vc_row][vc_row][vc_column][ult_buttons btn_title=”سفارش سایت” btn_link=”url:https%3A%2F%2Fsitekhor.ir%2Fshop%2F|title:%D9%81%D8%B1%D9%88%D8%B4%DA%AF%D8%A7%D9%87%20%D9%85%D8%A7|target:_blank” btn_align=”ubtn-center” btn_title_color=”#0c0000″ btn_bg_color=”#7cfff1″ btn_anim_effect=”ulta-push” btn_bg_color_hover=”#ffffff” icon=”fas fa-shopping-cart” icon_size=”0″ btn_icon_pos=”ubtn-sep-icon-at-left” btn_border_style=”solid” btn_color_border=”#0e267f” btn_border_size=”3″ btn_radius=”4″ btn_font_style=”text-decoration:underline;” btn_font_size=”desktop:18px;”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text][/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_column_text][/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]

[/vc_column_text][/vc_column][/vc_row]

یک پاسخ

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

این کد محدودیت استفاده داره پس همین الان بزن وبرو تو کارش