فهرست محتوای این مقاله
فرانت اند یا Front End ، به قسمت قابل مشاهده وب سایت (نرم افزار) توسط کاربران می‌گویند. فرانت اند کدهای
غیر قابل فهم برای کاربران را در قالب ظاهری گرافیکی و بصری به آن‌ها نمایش می‌دهد تا بتواند به راحتی از بخش‌های
مختلف سایت استفاده کنند. در این بخش فرم‌های ورودی اطلاعات، صداها، تصاویر، ویدیوها و به صورت کلی هر چیز دیگری
که برای کاربر قابل درک باشد، قرار می‌گیرد. فرانت اند به دو بخش اصلی طراحی وب و توسعه رابط کاربری تقسیم می‌شود.
در بخش طراحی وب، طراحان با نرم افزارهای گرافیکی مانند فتوشاپ ظاهر سایت را طراحی می‌کنند. اما بخش توسعه رابط
کاربری مربوط به پیاده سازی ظاهر سایت در قالب کدهای HTML ،CSS و Javascript است. زبان‌های برنامه نویسی که در فرانت
به کار می‌روند، سمت کاربر یا Client Side می‌باشند. بنابراین کدهای نوشته شده در فرانت در مرورگر کاربر پردازش و اجرا می‌شوند.
یعنی کاربر به راحتی به این کدها دسترسی مستقیم دارد و می‌تواند آن‌ها را مشاهده کند. فرانت اند با بخش بک اند (Backend)
در ارتباط مستقیم است و تاثیر بسیاری بر روی تجربه کاربری (UX) دارد.
حال که متوجه شدید که فرانت اند چیست ، در این بخش می‌خواهیم مهارت‌های توسعه دهنده فرانت اند را برای یادگیری را بررسی کنیم.
کسانی که قصد دارند طراح و توسعه دهنده فرانت اند شوند باید ویژگی‌ها و مهارت‌های مختلفی را داشته باشند.
صفحات وب به حساب می‌آید. این زبان برای ایجاد ساختار صفحات وب استفاده می‌شود.
سایت مانند متن، تصویر، کادرها و … ساخته شده است. CSS طراحان سایت را قادر می‌سازد که بدون محدودیت خلاقیت‌های خود را در طراحی صفحات سایت پیاده سازی کنند.
کمک Javascript می‌تواند به پویانمایی صفحاتی که با HTML و CSS طراحی کرده است بپردازد.
در اختیار طراحان فرانت قرار می‌دهند. از جمله این فریمورک‌ها می‌توان به Vu.js، Angular و… اشاره کرد.
اپلیکیشن را دچار اختلال نکند. بنابراین باید بتواند متناسب با نوع دستگاهی که در حال اجرای آن است، واکنش مناسب نشان دهد.
مراحل طراحی یک رابط کاربری توسط طراحان فرانت مورد استفاده قرار می‌گیرند.
یک طراح موفق کسی است که بتواند رابط کاربری زیبا منطق بر استانداردهای ظاهری و تجربه کاربری ایجاد کند.
برای اینکه مفهوم Front end را بهتر درک کنید، یک فیلم سینمایی را در نظر بگیرید. ظاهر سایت حکم فیلم سینمایی را دارد
که شما مشاهده می‌کنید. بازیگران و صحنه‌های فیلمبرداری شده اجزایی هستند که Front end را تشکیل می‌دهند و بر
اساس دستورات کارگردان در جای مورد نظر قرار می‌گیرند و به بازیگری می‌پردازند. دستورات کارگردان، همان کدهای HTML،
CSS و Javascript می‌باشند که رابط کاربری را ایجاد می‌کنند.
البته برای اینکه این فیلم ساخته و اکران شود، عوامل پشت صحنه زیادی مانند تصویر بردار، صدا بردار، کارگردان و… داشته است
که شما آن‌ها را در فیلم نخواهید دید. کدهایی که در پس زمینه سایت در حال اجرا شدن هستند، مانند عوامل
پشت صحنه فیلم می‌باشند که مربوط به بک اند (Backend) هستند.
اشنایی با زبان php 
