ابتدا باید به معنای واژه Front در لغت‌نامه مراجعه کنیم.
Front: پیش، جلو، جلودار، به طرف جلو، روبرو
فرانت اند یا Front-End، به بخش قابل مشاهده‌ی یک وب سایت یا نرم افزار توسط کاربران می‌گویند. در این بخش، فرم‌های ورودی اطلاعات، صداها، تصاویر، ویدئوها و به صورت کلی هر چیز دیگری که برای کاربر قابل درک باشد، قرار می‌گیرد.
فرانت اند به دو بخش طراحی و توسعه رابط کاربری تقسیم می‌شود.
بخش طراحی، طراحان با نرم افزارهای گرافیکی مانند فتوشاپ، ادوبی ایکس دی، فیگما و… ظاهر سایت را طراحی می‌کنند.
بخش توسعه‌ی رابط کاربری، مربوط به پیاده سازی ظاهر سایت در قالب کدهای HTML ،CSS و JavaScript است.
زبان‌های برنامه نویسی Front end کدامند؟
سه زبان مهم و اصلی که برای هر برنامه نویس فرانت اند واجب هستند، HTML و CSS و جاوا اسکریپت می‌باشد.
زبان HTML (مخفف عبارت Hyper Text Markup Language) یک زبان برنامه نویسی نیست بلکه یک زبان نشانه گذاری است که به عنوان هسته و بدنه اصلی صفحات وب به حساب می‌آید.
زبان CSS (مخفف عبارت Cascading Style Sheets) زبان CSS به منظور استایل دهی به اجزای مختلف صفحات وب سایت مانند متن، تصویر، کادرها و… ساخته شده است.
زبان برنامه نویسی Javascript این زبان برنامه نویسی در سمت کاربر پردازش می‌شود. برنامه نویس فرانت اند به کمک Javascript می‌تواند به پویانمایی صفحاتی که با HTML و CSS طراحی کرده است بپردازد. در حقیقت، شما با کمک جاوا اسکریپت می‌توانید به صفحات طراحی شده جان ببخشید.
یک برنامه نویسی فرانت اند به چه مهارت هایی نیاز دارد؟
در این بخش مهارت‌هایی را بررسی کنیم که برای توسعه‌ی بخش فرانت اند نیاز است.
یادگیری زبان‌های برنامه نویسی HTML ،CSS و جاوا اسکریپت مرحله اول تبدیل شدن یک توسعه دهنده Front-End باید بتوانید به صورت حرفه‌ای با HTML ، CSS و JavaScript کدنویسی کنید.
آشنایی با کتابخانه‌ها و فریمورک‌های فرانت اند Javascript فریمورک‌های جاوا اسکریپت امکانات بسیار زیاد و پیشرفته‌ای را در اختیار طراحان فرانت اند قرار می‌دهند. از جمله این فریمورک‌ها می‌توان به Vu.js، Angular و… اشاره کرد.
آشنایی با اصول طراحی واکنش‌گرا توسعه دهنده‌ی فرانت اند باید به خوبی نیازهای کاربران را بشناسد. او باید بتواند رابط کاربری یک اپلیکیشن را به گونه‌ای طراحی کند که کاربران بهترین تجربه را حین استفاده از آن به دست آورند.
یادگیری نرم افزارهای گرافیکی آشنایی حداقلی با نرم افزارهای گرافیکی مانند Adobe xd، Figma و… جهت پیاده سازی طرح با زبان های برنامه نویسی، البته قابل ذکر است که طراحی رابط کاربری وظیفه طراح فرانت اند می باشد.
