فرانت اند (Front-end) در عبارت ساختاری وب به بخشی از توسعه وب سایت یا برنامه اشاره دارد که مربوط به ظاهر و رابط کاربری (UI) است. به طور کلی، فرانت اند شامل همه‌ی عناصری است که کاربران با آن در تعامل هستند و به واسطه‌ی آن‌ها محتوا و اطلاعات را مشاهده و استفاده می‌کنند.
فرانت اند شامل زبان‌های برنامه نویسی مختلفی می‌شود که برای ساختاردهی و طراحی صفحات وب استفاده می‌شوند. این زبان‌ها شامل HTML (HyperText Markup Language) برای ساختاردهی صفحات، CSS (Cascading Style Sheets) برای طراحی و استایل دهی به صفحات و JavaScript برای افزودن عملکردهای تعاملی به صفحات وب است.
علاوه بر زبان‌های برنامه نویسی، فرانت اند شامل تکنولوژی‌ها و ابزارهای مختلفی است که برای توسعه و طراحی وب استفاده می‌شوند. به عنوان مثال، فریمورک‌های معروف مانند React، Angular و Vue.js برای ساخت رابط کاربری پویا و تعاملی استفاده می‌شوند. همچنین، ابزارهای تست، بهینه سازی و تجزیه و تحلیل مانند Chrome DevTools و Lighthouse نیز جزئیات دیگری از فرانت اند هستند.
مهمترین هدف فرانت اند، ارائه یک تجربه کاربری مناسب و دسترس پذیر برای کاربران است. بنابراین، طراحی صفحات وب به گونه‌ای است که آسان بودن استفاده، سرعت بالا، پاسخگویی در دستگاه‌های مختلف و طراحی زیبا را تضمین کند.
در نتیجه، فرانت اند یک قسمت حائز اهمیت در توسعه وب است که به تعامل کاربر با صفحات وب می‌پردازد و با استفاده از زبان‌ها، تکنولوژی‌ها و ابزارهای مختلف، صفحات وب را زیبا، کارآمد و قابل استفاده می‌کند.