0

توسعه دهنده ی فرانت اند کیست؟

در مقاله ی پیشین ضمن معرفی کوتاه و مختصر دو حیطه ی فرانت اند و بک اند، با تفاوت فرانت اند و بک اند آشنا شدیم. همانطور که گفتیم یکی از مهم ترین تفاوت های frontend و backend نمایان بودن کدها می باشد. در فرانت اند شما کدهای html و css  و javascript را می توانید مشاهده کنید. ولی به هیچ وجه اجازه ی دسترسی به کدهای سمت بک اند را نخواهید داشت. بلکه کد ها در سمت سرور پردازش شده و نتیجه ی آن به کاربر نمایش داده می شود.

در این مقاله قصد داریم با فرانت اند(frontend) و زمینه های کاری آن بیشتر آشنا شده و وظایف یک متخصص فرانت اند را با هم بررسی نماییم.

frontEnd 1582525427

منظور از فرانت اند چیست؟

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

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

1 2

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

در ابتدا به ویژگی های شخصیتی یک متخصص فرانت اند اشاره می کنیم. برای مثال بهتر است اگر فردی خلاق و دارای سابقه ی هنری هستید به سراغ این رشته بروید. چرا که ذوق و سلیقه و خلاقیت برای جلب توجه کردن در دنیایی از وبسایت های زیبا بسیار نیاز است.ویژگی بعدی که برای موفقیت شما در این زمینه لازم است، علاقه به یادگیری مطالب جدید و روحیه ای جستجوگر می باشد.  اکثر افرادی که در این حوزه مشغول به کار هستند از طریق تحقیق و جستجو در اینترنت و تجربه کردن محیط کاری، برنامه نویسی فرانت اند را آموخته اند.

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

Front end developemtn 1

مهارت های تخصصی توسعه دهنده ی فرانت اند

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

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

زبان html  برای ایجاد ساختار صفحات وب استفاده می‌شود. Html  زبان برنامه نویسی نیست بلکه یک زبان نشانه گذاری است که به عنوان هسته و بدنه اصلی صفحات وب به حساب می‌آید.

از css  برای فرم دهی صفحات وب و اجزای مختلف صفحات وب سایت مانند متن، تصویر، کادرها و … استفاده می شود. CSS طراحان سایت را قادر می‌سازد که بدون محدودیت خلاقیت‌های خود را در طراحی صفحات سایت پیاده سازی کنند.

Javascript برای پویا تر کردن صفحات ساخته شده به کار می رود. همچنین کتاب خانه های معروف ان مانند jquery، Vu.js، Angular امکانات بسیار زیادی برای کمک به شما دارند.

کتابخانه های css مانند bootstrap برای واکنش گرا شدن صفحات سایت مفید هستند. یک سایت خوب به گونه ای طراحی شده است که در تمامی دستگاه ها از جمله گوشی موبایل، تبلت و… واکنش مناسب نشان داده و زیبا باشد.

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

2 2

ارسال دیدگاه

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *