4 اطلاعیه بروزرسانی و تخفیف‌های ویژه سایت :

فرانت اند و بک اند در طراحی سایت

339 آموزش طراحی وبسایت محمد همتی دوشنبه ۲۳ مرداد ۱۳۹۶
1 Star2 Stars3 Stars4 Stars5 Stars
2 رای

فرانت اند (Frontend) و بک اند (Backend) در طراحی سایت

شاید بارها پیش امده از طراحان سایت دو کلمه فرانت اند (Frontend) و بک اند (Backend) رو شنیده باشید و ندونید اینا چی هستند و اصلا به چه معنی اند نگران نباشید چون حتی بعضی از طراحان سایت که ادعا میکنند طراح وب حرفه ای هستند باز این دو مفهوم رو نمیدونند. بعضی هم سعی میکنن با بردن اسم این دو بگن خیلی بلد هستند ولی باید بگم این ها فقط سندروم دانایی دارند و این دو اصلا معنی عجیب غریبی ندارند در این مقاله سعی میکنم به صورت دقیق و کاملا خودمونی فرانت اند (Frontend) و بک اند (Backend) رو توضیح بدم و بگم اصلا این دو اسم که خیلی اسم های قلمبه سلمبه ای هم دارند چیزهایی عجیبی نیستند.

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

فرانت اند (Frontend) چیست:

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

فرانت اند معمولا شامل دو بخش است :

فرانت اند

طراحی وب یا همان طراح گرافیکی سایت که توسط شخصی که به نرم افزار فتوشاپ تسلط دارد انجام می شود یعنی داخل نرم افزار فتوشاپ صفحات سایت یا همون ظاهر سایت رو به صورت گرافیکی طراحی میکند.
توسعه رابط کاربری یا برنامه نویس فرانت اند (Frontend) یعنی کسی که فایل طراحی شده (یعنی PSD سایت) توسط گرافیست رو برنامه نویسی یا به اصطلاح کد نویسی می کند و مسلط به زبان های HTML ، CSS ، جاوااسکریپ و JQuery هست یعنی چیزی رو کدنویسی میکنند که کاربر میبیند منظور همون ظاهر سایت می باشد.

در کل بخوایم فرانت اند را تعریف کنیم یعنی تمام چیزی که شما (کاربر) در یک وب سایت می بینید، مجموعه ای است از HTML، CSS و جاوا اسکریپت که تماما با مرورگر وب شما کنترل می شوند. مانند صفحات، منو ها، دکمه ها، فونتها، فرم های تماس و … .

بک اند (Backend) چیست :

مفهوم بک اند (Backend) از دو بخش شکل گرفته که مثل فرانت اند نوشته میشود یعنی به شکل Back-end که کلمه ابتدایی آن یعنی پشت ، یعنی هر چیزی که مربوط به پشت صحنه می شود و چیزهایی که برای کاربران سایت قابل مشاهده نیست چون مستقیما با سرور در ارتباط است مثل پایگاه داده های سایت و خود سرور و راه های ارتباطی آنها.

بک اند (Backend) عموما از سه بخش تشکیل می شود:

  • یک سرور
  • یک برنامه
  • یک پایگاه داده ها (دیتا بیس)

بک اند چیست ؟

از طریق یک مثال میگویم این بخش ها چطور کار میکنند ، اگر به عنوان مثال قصد خرید یک محصول از وب سایت وردپرسی شو رو داشته باشید، معمولا سایت را باز میکنید و با فرانت اند “Frontend” تعامل می کنید. زمانی که اطلاعات را وارد کردید، برنامه آن اطلاعات را در پایگاه داده هایی که روی سرور قرار دارد ذخیره می کند.
تمام اطلاعاتی که وارد کردید در سرور باقی می مانند و مثلا زمانی که برای دانلود محصول خریداری شده دوباره وارد حساب کاربری آن وب سایت شوید، تمام آنها برای شما قابل مشاهده می باشند.
فردی که با استفاده از تمام این تکنولوژی ها استفاده می کند تا با یکدیگر کار کنند توسعه دهنده بک اند “Backend Developer” می گوییم و بیشتر نگران چیزهای مثل امنیت، ساختار سایت و مدیریت محتوا هست و چیزهایی است که برای کاربران سایت قابل مشاهده نیست چون مستقیما با سرور در ارتباط است مثل پایگاه داده های سات و خود سرور و راه های ارتباطی آنها

تکنولوژی های بک اند عموما شامل زبانهای برنامه نویسی مانند PHP، ASP.Net ، Python و غیره می باشند. همچنین برای اینکه این تکنولوژی ها آسان تر نیز شوند گاهی از فریم ورک هایی مانند Ruby on Rails، Cake PHP و … برای سرعت دادن به توسعه برنامه استفاده می شود.

پس نتیجه میگیریم برنامه نویسی بخش پشت صحنه سایت که کاربر نمیبیند را بک اند میگویند.

تفاوت فرانت اند (Frontend) و بک اند (Backend) :

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

Frontend چیست

ایجاد انواع فرم تماس

ایجاد انواع فرم تماس در وردپرس

1 رای 1 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 5
161
توضیحات بیشتر
افزونه PB SEO Friendly Images

سئو تصاویر وردپرس PB SEO Friendly Images

2 رای 2 votes, average: 5٫00 out of 52 votes, average: 5٫00 out of 52 votes, average: 5٫00 out of 52 votes, average: 5٫00 out of 52 votes, average: 5٫00 out of 5
80
توضیحات بیشتر
مشتریان بالقوه به مشتریان بالفعل

استراتژیها و تکنیکهای تبدیل مشتریان بالقوه به مشتریان بالفعل

2 رای 2 votes, average: 5٫00 out of 52 votes, average: 5٫00 out of 52 votes, average: 5٫00 out of 52 votes, average: 5٫00 out of 52 votes, average: 5٫00 out of 5
414
توضیحات بیشتر
پیاده سازی سایت شخصی
راه اندازی سایت فروشگاهی
وردپرس
قالب رستوران
قالب انفولد
قالب وردپرس خبر خوب
خدمات ویژه وردپرسی سفارش خدمات تعرفه‌ها
پشتیبانی ویژه وردپرسی سفارش خدمات
نظرات شما + ۲
  • ا​گ ۱+
    احسان گلی زاده سه شنبه ۲۴ مرداد ۱۳۹۶

    با سلام و عرض ادب و احترام.
    ببخشین یه سوالی داشتم من برنامه نویسی سمت کاربر از جمله htnm-css-bootstrap-w3.css-javascript.jquary را تا حدودی بلد هستم،بنده به برنامه نویسی سمت سرور بیشتر علاقه دارم به نظر شما سمت سرور برم یا بیشتر سمت کلاینت رو یاد بگیرم؟کمی در این مورد راهناییم کنید ممنون میشوم.با تشکر

    پاسخ دهید
    • م​ه ۱+
      محمد همتی پشتیبان سایت سه شنبه ۲۴ مرداد ۱۳۹۶

      سلام
      وقت بخیر
      این دیگه بسته به خودت هستش
      ولیچون سمت کاربر کار کردی
      پیشنهاد من همین سمت کاربر هست و راحترم هست
      سعی کن خودتو به روز کنید و بیشتر کار کنی

      پاسخ دهید
ارسال نظر ۲