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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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