استودیو راست کلیکاستودیو راست کلیکاستودیو راست کلیکاستودیو راست کلیک
  • طراحی سایت وردپرس
    • طراحی سایت آموزشی
    • طراحی سایت فروشگاهی
    • طراحی سایت شرکتی
    • طراحی سایت شخصی
  • وبلاگ
  • درباره ما
  • ارتباط با ما
سفارش طراحی سایت
✕

تفاوت Frontend و Backend – فرق فرانت اند و بک اند

تفاوت Frontend و Backend - فرق فرانت اند و بک اند

فرق فرانت اند و بک اند در اقدامات مربوط به ظاهر سایت که وظیفه فرانت اند کار و اقدامات مربوط به تولید محصول نهایی که وظیفه بک اند کار است، می‌باشد.

     
  • متخصص فرانت‌اند
  • متخصص بک‌اند
  • خلاصه آنچه گفتیم
سرفصل مطالب
این مقاله چقدر مفید بود؟

به این آموزش چه امتیازی می دهید؟

میانگین امتیاز 4.9 / 5. تعداد آرا: 9

تفاوت Frontend و Backend – فرق فرانت اند و بک اند

توجه به تفاوت‌های این دو مفهوم، در دنیای وب و طراحی سایت اهمیت دارد. شما با دانستن این تفاوت، می‌توانید طراحی سایت خود و مراحل انجام آن را به دو بخش تقسیم کنید.

برای توضیح تفاوت فرانت‌اند (Frontend) و بک‌اند (Backend)، با یک مثال شروع می‌کنیم.

فرض کنید به یک رستوران می‌روید. این رستوران به دو قسمت تقسیم می‌شود:

۱- قسمت‌هایی که می‌بینیم مثل منو، دکوراسیون، آدم‌هایی که آنجا کار می،کنند و هر چیزی که روی میز قرار دارد.

۲- در کنار تمام این موارد، چیزهایی هستند که ما نمی‌بینیم و در واقع پشت پرده قرار دارند؛ مثل آشپزخانه که در نهایت غذا خروجی آن است.

با این دو مفهوم می‌توان فرق فرانت‌اند و بک‌اند را بیان کرد. فرانت‌اند تمام آن بخش‌هایی است که ما به عنوان شخصی که وارد رستوران شده‌ایم، آنها را می‌بینیم.

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

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

حالا می‌خواهیم کمی پیشرفته‌تر به این موضوع بپردازیم. “فرانت‌اند کار” و “بک‌اند کار” چه کسانی هستند و چه کاری انجام می‌دهند.

 

وظیفه‌ی یک متخصص فرانت اند چیست؟

وظیفه‌ی یک متخصص فرانت اند چیست؟در دنیای وب، فرانت‌اند کار کسی است که در حداقل‌ترین حالت با HTML و CSS آشنا است. اگر جاوا اسکریپت و فوتوشاپ هم بلد باشد که چه بهتر!

فعالیت اصلی یک متخصص فرانت‌اند چیست؟

وقتی کارفرما، سفارش یک سایت با مشخصات خاصی را به یک شرکت می‌دهد، در قدم اول فرانت‌اند کار به طراحی، رنگ‌بندی و نحوه‌ی چینش عناصر فکر می‌کند. در مرحله‌ی بعد، برای ایده‌های خود از طریق “HTML” و “CSS” کد می‌زند و می‌تواند در بک‌گراند کار، آن را با فوتوشاپ یا Adobe XD طراحی کند.

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

 

وظیفه‌ی یک متخصص بک‌اند چیست؟وظیفه‌ی یک متخصص بک‌اند چیست؟

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

 

 

خلاصه آنچه گفتیم

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



دعوت به گذاشتن کامنت

آیا متخصصان فرانت‌اند و بک‌اند، وظیفه‌ی دیگری هم دارند؟

شما به فعالیت در کدام قسمت علاقه دارید؟ Frontend یا Backend؟

ارسال دیدگاه




یک لقمه تجربه برای رشد بیشتر کسب‌وکار شما

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



اشتراک گذاری

مطالب مرتبط

مهارت شبکه سازی چیست؟ - استفاده از مهارت‌های شبکه‌سازی در کسب و کار

احتمالا با شنیدن اسم شبکه سازی، با ترس از چگونگی انجام آن مواجه می‌شوید. حالا وقت آن رسیده که با مفهوم شبکه سازی آشنا شوید و مهارت لازم برای Networking در کار و نیازهای خود را کسب کنید.

۲۸ خرداد ۱۴۰۱

استفاده از مهارت‌های شبکه‌سازی در کسب و کار


اطلاعات بیشتر
7 اشتباه رایج در طراحی صفحه اصلی سایت

صفحه اصلی سایت شما مهم‌ترین صفحه‌ای است که باید با دقت به تمام اجزای آن توجه کنید.

۲۱ خرداد ۱۴۰۱

آشنایی با رشته کامپیوتر – معرفی رشته مهندسی کامپیوتر


اطلاعات بیشتر
متخصص SEO چه کارهایی انجام می‌دهد؟

متخصص سئو با استراتژی‌های موثر و اقدامات خود، سایت شما را به یک صفحه وب منتخب تبدیل می‌کند تا در رتبه‌ی بالاتری نسبت به رقبا قرار گیرد.

۷ خرداد ۱۴۰۱

متخصص SEO چه کارهایی انجام می‌دهد؟


اطلاعات بیشتر

2 Comments

  1. صبا گفت:
    ۴ شهریور ۱۴۰۱ در ۱۱:۵۴

    من واقعا به فرانت علاقه دارم *_*

    پاسخ
    • تیم مدیریت استودیو راست‌کلیک گفت:
      ۲۲ مهر ۱۴۰۱ در ۱۶:۴۸

      عالیه!

      پاسخ

دیدگاهتان را بنویسید لغو پاسخ

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

تمامی حقوق این وبسایت متعلق به استودیو راست‌کلیک می‌باشد.

سایت شخصی | سایت شرکتی | سایت آموزشی | فروشگاه اینترنتی

logo-samandehi