مطالب علمی و تخصصی کامپیوتر

Computer

الف)منظور از Front End چیست؟

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

در گذشته اگر کسی از توسعه صحبت می کرد، عموما مربوط به بک اند "Backend" بود، اما در چند سال گذشته این موضوع بسیار تغییر کرده است و نیاز داریم میان کسی که سایت را در نرم افزاری مانند فوتوشاپ طراحی می کند و کسی که آنها را تبدیل به کد های HTML و CSS می کند، تفاوت بگذاریم. این موضوع زمانی که طراحان به سوی استفاده از جاوا اسکریپ و JQuery روی آوردند بسیار جدی تر شد.

به همین خاطر، اگر اکنون می گوییم "طراح سایت"، منظور هم افرادی است که با فوتوشاپ و نرم افزارهای گرافیکی مشابه کار می کنند و هم افرادی که آن طرح ها را به کد های HTML، CSS، جاوا اسکریپت و JQuery بدل می کنند.

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

ب)متخصص Front End به چه چیز هایی باید مسلط باشد؟

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

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

  • HTML
  • CSS
  • Javascript
  • کتابخانه‌ها و فریمورک های جاوا اسکریپت (مثل جی کوئری)
  • کتابخانه‌های CSS مثل بوت استرپ (Bootstrap)
  • پردازنده‌های CSS مثل Sass یا Less
  • طراحی وب واکنش گرا (Responsive Web Design)
  • نرم افزارهای گرافیکی (فتوشاپ و شاید کمیIllustrator)
  • تست و آزمون خطا
  • و مهارت‌جانی دیگری
موافقین ۰ مخالفین ۰ ۹۹/۰۱/۰۵
Amir Masoud Shiri

نظرات  (۰)

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

ارسال نظر

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