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

احتمالا تا به حال با این دو کلمه عجیب و غریب و پر تکرار مواجه شدید!. در بعضی از مقالات سایت ما نیز این دو کلمه آمده‌اند. بک اند و فرانت اند دو بخش اصلی و متمایز یک ویسایت هستند.

یعنی شاکله یک وبسایت از دو قسمت back-end و front-end ساخته می شود.

front-end و back-end دو قسمت مشخص و مجزا در مراحل ساخت یک وبسایت هستند. به همین خاطر است که در شرکت های بزرگ برای هر کدام از این بخش ها به طور مجزا متخصص آن حوزه را استخدام می کنند. یعنی برای بخش فرانت اند، اصطلاحا فرانت اند کار استخدام می کنند و برای بک اند سایت نیز بک اند کار استخدام می کنند. البته افرادی نیز هستند که به صورت تخصصی و حرفه‌ای در دو حوزه کار می کنند که به آن ها full stack developer یا فول استک دولوپر می گوییم.

front-end and back-endتفاوت میان بک اند و فرانت اند

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

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

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

به بیان دیگر می‌توانیم بگوییم front-end و back-end دو روی یک سکه هستند که وجود هر دوی آن‌ها برای تولید و توسعه یک وبسایت ضروری است .

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

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

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

یعنی شما باید در زمینه نرم افزارهای گرافیکی مانند فتوشاپ نیز مهارت داشته باشید و همین طور کدنویسی‌های مربوط به بخش فرانت را بشناسید و پیاده سازی کنید.

فرانت اند شامل زبان‌های HTML، css، js و JQuery است. و بزای این بخش قریم ورکهای زیادی مانند انگولار و … وجود دارد.

بک اند چیست و شامل چه زبان‌هایی است؟

بک اند بخش پنهانی سایت است. این بخش از سه قسمت اصلی تشکیل می شود : سرور (server)، برنامه (application)، پایگاه داده (database).

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

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

برای یادگیری برنامه نویسی بک اند زبان‌ها و فریم ورک‌های فراوانی موجود است که هرکدام ویژگی‌های منحصر به فردی دارند. از جمله این زبان‌ها می توان به پایتون، php، asp.net و … اشاره کرد.

keyboard_arrow_up