آیا تا به حال هنگام مشاهده یک صفحه وب سایت به این فکر کرده اید که این صفحه چطور بوجود آمده است؟ دکمه های مختلف چطور کار میکنند؟ آیا این کار کار سختی است؟ یا "ای کاش من هم میتوانستم این کار را انجام دهم؟" در این نوشته مختصرا به موضوع Front End چیست؟ و دانش اولیه برای یادگیری Front End میپردازیم:
صفحه ای که شما در حال حاضر آن را مشاهده میکنید با استفاده از front end بوجود آمده است. بصورت کلی به تمام بخش های قابل مشاهده یک وب سایت توسط کاربر "front end" گفته میشود.
بخش دیگری هم وجود دارد که برای کاربر قابل مشاهده نیست و سمت سرور است که آن را Back End مینامیم.

برای درک بهتر این موضوع به مثال زیر توجه کنید:
خانه ای را در نظر بگیرید، شما آن خانه را میبینید (front end) ولی لوله کشی خانه (back end) از چشم شما پنهان است.
فرانت اند (front end) به دو بخش تقسیم میشود که شامل "web design" و "front end development" است.
در بخش web design یا طراحی، طراحان از نرم افزار های گرافیکی مانند figma, photoshop و ... برای طراحی ظاهر سایت استفاده میکنند.
در بخش front end development، توسعه دهندگان یا developer ها طراحی انجام شده را در قالب کدی که برای مرورگر قابل فهم باشد پیاده سازی میکنند.
برای اینکه شما بتوانید یک توسعه دهنده فرانت اند یا front end developer باشید باید در گام اول به HTML و CSS مسلط باشید. پس از آن شما باید اقدام به یادگیری JavaScript کنید. در گام چهارم یکی از فریمورک های JavaScript مانند Angular، React، JQuery یا ... را یاد بگیرید.

در آخر front end programming مانند سایر حوزه های برنامه نویسی دائما در حال آپدیت شدن است و شما برای موفقیت باید اطلاعات خود را مدام به روز رسانی کنید.