فرانت اند و بک اند چیست | تفاوت فرانت اند و بک اند | ۲۰۲۳


فرانت اند و بک اند چیست | تفاوت فرانت اند و بک اند | ۲۰۲۲
فرانت اند و بک اند چیست تفاوت بک اند و فرانت اند در برنامه نویسی مانند تفاوت ظاهر و باطن است. به طور کلی، در یک صفحه وب، هر چیزی که در ظاهر خود می بینید توسط کد نویسی فرانت اند ( html سمت کلاینت – css – js) و پشت صحنه آن صفحه ایجاد می شود، مانند ثبت نام، ورود، نظر و اطلاعات رد و بدل شده بین کاربر و وب سایت با برنامه نویسی بک اند (سمت سرور – php) قابل انجام است.
بک اند چیست ؟
بک اند چیست شما همین وب سایت را در نظر بگیرید. تعدادی عنصر در داخل آن صفحه وجود دارد، مانند بخش هدر، مانند منوها، پست ها به عنوان لایک و هر عنصر دیگری که ممکن است در آن صفحه وجود داشته باشد.
اکنون مدیر سایت می تواند این موارد را مدیریت کند. ینی چه چیزی را باید مدیریت کند؟
برای مثال Yeni می تواند یک منوی بخش اضافه کند، یک منو را کاهش دهد، نام منو را تغییر دهد، پیوند را تغییر دهد یا هر تغییر دیگری. یک پنل مدیریتی لازم است که بتواند این تغییرات را انجام دهد و این رویه توسط برنامه نویسی بک اند انجام می شود و معمولاً با پایگاه داده سروکار دارد.
همچنین طبیعی است که مثلاً زمانی که می خواهیم یک منو اضافه کنیم، اطلاعات آن منو در پایگاه داده ذخیره می شود و پس از دریافت پایگاه داده و در خروجی صفحه نمایش داده می شود.
یا عملیات دیگری مانند ثبت نام، ورود، نظر دادن و یا هر چیز دیگری که کاربر بتواند با سایت در تعامل باشد و تبادل اطلاعات با کدگذاری بک اند انجام شود. درست شد؟ بنابراین، در پشت صحنه وب سایت با برنامه نویسی بک اند ساخته شده است. اکنون که مفهوم برنامه نویسی بک اند را درک کردید، بیایید به تفاوت فرانت اند و بک اند نگاه کنیم.
فرانت اند چیست ؟
فرانت اند چیست مشاهده صفحه وب یا وب سایت: هر چیزی که روی صفحه می بینید با رمزگذاری فرانت اند رمزگذاری شده است. و اساساً یک توسعه دهنده فرانت اند یا شخصی که کار فرانت اند را انجام می دهد وب سایت را با استفاده از html – css – و گاهی اوقات کدنویسی jQuery طراحی می کند.
حال اگر می خواهید بدانید html و css چه نقشی در طراحی آن وب سایت دارند؟ می توانم با یک مثال واقعی و کوتاه به شما بگویم.
شما آن وب سایت را یک ساختمان در نظر می گیرید. بدنه و اسکلت ساختمان با html، رنگ و لعاب زیبای دکوراسیون و نمای ساختمان با کدنویسی css ساخته شده است.
آقای جی کوئری این وسط چه می کند؟ JQuery در همان بحث html css، در برخی از وب سایت ها ممکن است متوجه شوید که وقتی وارد می شوید، پس از چند لحظه، یک پنجره پاپ آپ کوچک ظاهر می شود – یا مثلاً به جای رفتن به صفحه دیگری، روی دکمه ورود کلیک کنید. یک پنجره کوچکتر در همان صفحه ظاهر می شود و فرم ورود به سیستم را نشان می دهد که با استفاده از جاوا اسکریپت ایجاد شده است. یا اسلایدر با استفاده از jQuery ایجاد شده است.
خب بنابراین متوجه شدیم که کدنویسی فرانت اند مربوط میشه به همون کدهای html css و جی کوئری که تمام المان هایی که ظاهرا در یک وبسایت میبینیم و قابل رویت هست رو تشکیل داده. امیدوارم مفهوم کاملی از کدنویسی فرانت اند در ذهنت تان ایجاد شده باشد تا در ادامه بریم سراغ تفاوت فرانت اند و بک اند در برنامه نویسی
تفاوت فرانت اند و بک اند چیست
تفاوت بین فرانت اند و بک اند چیست: یکی دیگر از تفاوت های برنامه نویسی بک اند و کدنویسی فرانت اند که در قسمت اول در مورد آن صحبت کردیم این است که می توانید کد فرانت اند یا همان کد html css و جاوا اسکریپت را روی کامپیوتر خود اجرا کنید.
یعنی حالا می تونید یه فایل با اسم دلخواه و پسوند html مثلا ۱. html در کامپیوترتون بسازید و کد html css و جاوا اسکریپت رو بنویسید و با مرورگرتون اون فایل رو باز کنید تا خروجی بهتون نشون بده.
اما کد بک اند اینگونه نیست و برای شروع آن نیاز به پردازش سرور است که اکنون یا باید کد سرور را جابجا کنید تا اجرا شود یا نرم افزارهای سرور مجازی مانند Zamp یا Vamp را روی رایانه خود نصب کنید تا کد خود را اجرا کنید.
یادگیری کدام آسان تر است؟ فرانت اند یا بک اند ؟
اصولاً یادگیری کد نویسی فرانت اند آسانتر از برنامه نویسی بک است و به دلیل فلسفه ساختاری و نوع کدنویسی هر کدام به طور کلی می توانید در زمان بسیار کوتاه تری بر کدنویسی فرانت اند مسلط شوید.
همانطور که در بالا ذکر شد در زمینه فرانت اند معمولا فریم ورک خاصی را یاد می گیرید و در پروژه ها پیاده سازی می کنید و کمی خوش سلیقه برای تبدیل شدن به یک فرانت اند حرفه ای کافی است اما در برنامه نویسی بک اند خود علاوه بر چالش ها پروژه های مختلفی دارید که باید همیشه به آن فکر کنید و در واقع، توسعه دهندگان بک اند مهارت های زیادی در حل مسئله دارند.
اما نگران نباشید، گفتم “مهارت” – مهارت چیزی است که با تمرین و تکرار به دست می آید، بنابراین می گویند برنامه نویس به نظر می رسد. در مورد سؤالات همه جنبه های زندگی متفاوت از سایر افراد است و این به دلیل نوع کار آنها است.
زبان های برنامه نویسی بک اند و فرانت اند را بشناسید؟
بک اند : زبان های برنامه نویسی بک اند غالبا شامل موارد زیر میشود
- جاوا – Java
- پی اچ پی – PHP
- سی شارپ C#
- ویژوال بیسیک داتنت – Visual Basic.NET
- روبی – Ruby
- پایتون – Python
- پرل – Prel
- جاوا اسکریپت – JavaScript
نیاز نیست همه موارد بالارا باید یادبگیرید صرفا انتخاب یکی از زبان های بالا برای برنامه نویسی کفایت میکند. یک برنامه نویس خوب کسی نیست که اغلب زبان های برنامه نویسی را بلد است، برنامه نویسی خوب کسی است که در یک زبان برنامه نویسی حرفه ای است و به آن کاملا مسلط است.
فرانت اند : اساسا برای فعالیت در حوزه فرانت اند از موارد زیر استفاده میشود
html – css – jquery – javascript – bootstrap – responsive-design
نکته : برای حرفه ای شدن و فعالیت در حوزه فرانت اند باید به تمام موارد بالا مسلط باشید و همه آن هارا بطور کامل یادبگیرید.
بک اند سمت وردپرس چه تفاوتی داره؟
عرض سلام و خدا قوووت
عالی فوق العاده محشر و بینظیر بود.
من هیچی از فرانت اند و بک اند و فول استک نمی دونستم ولی با خوندن همین مطلب
کامل و راحت فهمیدم و نیازی به خوندن مطلب از سایت دیگه ای ندارم.
مرررسی
موفق باشید!!!
سلام خواهش میکنم خوشحالم تونستم کمکی به شما کرده باشم ??
ببخشید من یک سوال خیلی کوتاه ازتون داشتم … طراح قالب سایت های وردپرس , در شاخه فرانت اند front-end کار میکنند درسته ؟
هم فرانت اند هم بک اند منتها بک اند سمت وردپرس هست
بک اند سمت وردپرس چه تفاوتی داره؟