(FRONT END)طراحی وب

تعریف طراحی وب(FRONT END)

هر آنچه که کاربر می تواند در مانیتور خود ببیند توسط یک طراح وب (front end developer) طراحی شده است.  به طور کلی طراحی المان های گرافیکی و دیداری یک وبسایت وظیفه ی یک طراح وب است.

تعریف واژه‌ی فرانت اند

در واژه ی Front end در ترجمه فارسی واژه ی Front به معنای جلو ,نما, است . با توجه به این تعریف طراحی وب (Front end ) یعنی هر آنچه که مربوط به جلوی صفحه وب است.

تفاوتBack end و Front end:

واژه ی  Back end   نقطه مقابل  Front end  است .بدین معنا که بک اند مربوط به کد نویسی و برنامه نویسی هسته اصلی وب سایت است در واقع هر آنچه که کاربر نمی تواند ببیند.

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

  • افرادی که در جلوی دوربین هستند مانند مجری , بازیگران وشرکت کنندگان در آن برنامه تلویزیونی
  • افرادی که در پشت دوربین مشغول هستند مانند فیلم بردار کارگردان نویسنده و…..

که اگر گروه دوم نباشند کار گروه اول اصلا دیده نمی شود. حال با توجه به این مثال حیطه ی کاری فرانت اند وبک اند رو مشخص کنیم :

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

 تفاوت برنامه نویس Front end با UI Designer

در دنیای طراحان وب ۲ مفهوم برای طراحی وب وجود دارد:

  • برنامه نویس فرانت اند یا Front End Developer.
  • طراح رابط کاربری یا  UI Designer (Ui) که مخفف User Interface میباشد.

حال اگر بخواهیم تعریفی از طراح رابط کاربری داشته باشیم.

طراح کاربری فردی است که هرگز کدنویسی انجام نمی دهد وی فردی است که کارش طراحی گرافیگی سایت با نرم افزارهایی مانند فتوشاپ(Phtoshop) است.

طراح رابط کاربری ونمای ظاهری یک وبسایت را با نرم افزارهایی مثل فوتوشاپ یا Sketch  طراحی می کنند وبعد از آن فایل PSD  آن را در اختیار برنامه نویس فرانت اند یا همان Front end developer  می گذارند تا وی آنها را به کد تبدیل کند.

بنابراین کار یک UI Designer فقط کار با نرم افزارهای گرافیکی‌ است و با کدها کار نمی کند و کار یک طراح وب (Front end)، کار با کد ها هست و با کدنویسی میتواند صفحات وب مختلفی را طراحی کند.

مهارت های یک طراح وب (Front end)به آن نیاز دارد.

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

  • HTML
  • CSS
  • Javascript
  • کتابخانه‌ها و فریمورک های جاوا اسکریپت
  • کتابخانه‌های CSS مثل بوت استرپ
  • پردازنده‌های CSS مثل Sass یا Less
  • طراحی وب واکنش گرا (Responsive Web Design)
  • نرم افزارهای گرافیکی فتوشاپ و شاید کمی(illustrator)
  • پشتکار وتلاش وخطا وآزمون
  • و مهارت‌ های جانبی دیگر

حال برای فراگیری این مهارت ها می توانید با آموزآنلاین همراه باشید.

0 0 vote
Article Rating