وبلاگ آموزشی

آموزش پایتون

وبلاگ آموزشی

آموزش پایتون

  • ۰
  • ۰

FrontEnd چیست؟

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

در بخش طراحی وب، طراحان با نرم افزار‌های گرافیکی مانند فتوشاپ ظاهر سایت را طراحی می‌کنند. اما بخش توسعه رابط کاربری مربوط به پیاده سازی ظاهر سایت در قالب کدهای HTML ،CSS و Javascript است. زبان‌های برنامه نویسی که در فرانت به کار می‌روند، سمت کاربر یا Client Side می‌باشند. بنابراین کدهای نوشته شده در فرانت در مرورگر کاربر پردازش و اجرا می‌شوند. یعنی کاربر به راحتی به این کدها دسترسی مستقیم دارد و می‌تواند آن‌ها را مشاهده کند. فرانت اند با بخش بک اند (Backend) در ارتباط مستقیم است و تاثیر بسیاری بر روی تجربه کاربری (UX) دارد.

 

مهارت های یک برنامه نویس FrontEnd چیست؟

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

لیست مهارت‌هایی که یک Front End Developer باشد داشته باشد:

  • HTML
  • CSS
  • Javascript
  • کتابخانه‌ها و فریمورک های جاوا اسکریپت (مثل جی کوئری)
  • کتابخانه‌های CSS مثل بوت استرپ (Bootstrap)
  • پردازنده‌های CSS مثل Sass یا Less
  • طراحی وب واکنش گرا (Responsive Web Design)
  • نرم افزارهای گرافیکی (فتوشاپ و شاید کمیIllustrator)
  • تست و آزمون خطا
  • و مهارت‌جانی دیگری
  • ۹۸/۱۲/۲۷
  • Nima Sharifkazemi

front end

نظرات (۰)

هیچ نظری هنوز ثبت نشده است

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی