سبد خرید

بستن سبد خرید

سبد خرید شما خالی است.

تعداد محصول: 0 کل قیمت: تومان0

برنامه نویسی فرانت اند چیست؟

برنامه نویسی فرانت اند چیست؟ برای اینکه بدانید برنامه نویسی فرانت اند چیست و برنامه نویس Front End کیست، ابتدا باید بدانید که Front end چیست؟ ما در این مقاله، برنامه نویسی فرانت اند، موارد مورد نیاز برای یادگیری آن و تفاوت‌های برنامه نویس فرانت اند با سایر حوزه‌ها را توضیح می‌دهیم

English

Front-end

فارسی

فرانت اند

اگه شما علاقه مند به برنامه نویسی هستید پس حتما بارها عبارات فرانت اند و بک اند را شنیده اید، و برای شما سوال پیش آمد که معنی و مفهوم آن ها چیست. در این مقاله معنی و مفهوم این دو واژه را شرح می دهیم.

اکثر برنامه نویسان وب زمانی که به یکدیگر می رسند این سوال را از یکدیگر می پرسند که برنامه نویس بک اند هستی یا فرانت اند؟ برای اینکه بدانیم برنامه نویسی فرانت اند چیست و برنامه نویس Front End کیست؟ ابتدا باید بدانیم که front end چیست؟ پس در ادامه این مقاله همراه ما باشید تا به بررسی این موضوع بپردازیم.

Front end چیست؟

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

 

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

در بخش طراحی وب، طراحان با نرم افزار های گرافیکی مانند فتوشاپ ظاهر سایت را طراحی می کنند. اما بخش توسعه رابط کاربری مربوط به پیاده سازی ظاهر سایت در قالب کدهای HTML ،CSS و Javascript است.

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

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

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

مهمترین ویژگی های یک برنامه نویسی فرانت اند عبارت است از:

  • زبان HTML : یک زبان برنامه نویسی نیست بلکه یک زبان نشانه گذاری است که به عنوان هسته و بدنه اصلی صفحات وب به حساب می آید. این زبان برای ایجاد ساختار صفحات وب استفاده می شود.
  • زبان CSS : مخفف عبارت Cascading Style Sheets است که به منظور فرم دهی صفحات وب و اجزای مختلف صفحات وب سایت مانند متن، تصویر، کادرها و … ساخته شده است. CSS طراحان سایت را قادر می سازد که بدون محدودیت خلاقیت های خود را در طراحی صفحات سایت پیاده سازی کنند.
  • زبان برنامه نویسی Javascript : این زبان برنامه نویسی در سمت کاربر پردازش می شود. برنامه نویس فرانت اند به کمک Javascript می تواند به پویانمایی صفحاتی که با HTML و CSS طراحی کرده است بپردازد.
  • کتابخانه ها و فریم ورک های فرانت اند Javascript : فریم ورک های Javascript امکانات بسیار زیادی و پشرفته ای را در اختیار طراحان فرانت قرار می دهند. از جمله این فریمورک ها می توان به Vu.js، Angular و… اشاره کرد.
  • اصول طراحی واکنشگرا: یک رابط کاربری استاندارد باید به گونه ای باشد که در دستگاه ها و پلتفرم های مختلف، عملکرد اپلیکیشن را دچار اختلال نکند و باید بتواند متناسب با نوع دستگاهی که در حال اجرای آن است، واکنش مناسب نشان دهد.
  • سلیقه و خلاقیت : طراح فرانت اند باید از طرح هایی خلاقانه، کاربرپسند و چشم نواز برای ظاهر یک اپلیکیشن استفاده کند.
  • نرم افزارهای گرافیکی مانند فتوشاپ : نرم افزارهای گرافیکی مانند فتوشاپ، ایلوستریتور و… در بیشتر مراحل طراحی یک رابط کاربری توسط طراحان فرانت اند مورد استفاده قرار می گیرند.
  • آشنایی با اصول تجربه کاربری : توسعه دهنده فرانت اند باید به خوبی نیازهای کاربران را بشناسد. او باید بتواند رابط کاربری یک اپلیکیشن را به گونه ای طراحی کند که کاربران بهترین تجربه را بهره مند شوند.

پست های مشابه

15دی 1398

به یک سایت آگهی و نیازمندی مشاغل سر بزنید و بخش مربوط به برنامه نویسی آن سایت را مرور کنید. شرکت های زیادی را خواهید دید که به دنبال برنامه نویسانی با عنوان شغلی “FullStack Developer” می گردند.

30

0

دیدگاه و پرسش