فرانت اند در چند دقیقه

تا به حال فکر کرده اید به اینکه پشت سایت هایی که استفاده میکنیم چیست و مسئولیت آن بر عهده کیست؟! هر وب سایت توسعه دهنده ای دارد که قسمت ظاهری سایت را که فرانت اند می نامند می سازد. فرانت اند شامل دوبخش طراحی و کد نویسی است، بخش طراحی یا UI (user interface) که با نرم افزار های گرافیکی مثل فتوشاپ، فیگما طراحی و بخش کد نویسی که با استفاده از زبان های برنامه نویسی تحت وب نوشته میشود.

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

زبان های مورد استفاده در طراحی سایت
یک توسعه دهنده فرانت اند فایل طراحی را می خواند و آن را تبدیل به کد معتبر HTML ، CSS و JavaScript می کند. هنگامی که به یک سایت می روید ، مرورگر وب کدهای معتبر را ارائه می دهد. HTML ، CSS و جاوا اسکریپت سه زبان اصلی برنامه نویسی هستند که برای ساخت ظاهر یک وب سایت استفاده می شود.

اچ تی ام ال(HTML)
اولین مورد شروع بخش فرانت اند، یادگیری HTML (hypertext markup language) هست که یک زبان نشانه گذاری استاندارد ، شامل تگ های باز و بسته که برای طراحی ابتدایی وب استفاده میشود.

سی اس اس(CSS)
برای ظاهرجذاب و بهترسایت استفاده ازCSS (stand for cascading style) ضروریست که زبانی توصیفی برای استایل المان های HTML و چگونگی نمایش آنهاست.

جاوا اسکریپت(JavaScript)
برای تعامل سایت با کاربر ازJavaScript استفاده می کنیم. جاوا اسکریپت زبان برنامه ‌نویسی پویا است که هم سمت کاربر و هم سمت سرور، برای ایجاد تعامل با صفحات وب استفاده میشود. بعد از HTML و CSS که ساختار اولیه و ظاهر صفحات وب را تعیین می‌کنند، نحوه عملکرد صفحات وب را کنترل می‌کند وصفحه وب رو از یک صفحه استاتیک به یک صفحه داینامیک تبدیل میکند یعنی، جاوا اسکریپت به صفحات وب رفتارمیدهد ، مثل نمایش انیمیشن ، نمایش و پنهان کردن مطالب با یه کلیک .

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

بوت استرپ(Bootstrap)
بوت استرپ یکی از فریمورک هایی است که برای تولید المان های مورد نیاز طراحی وب، ریسپانسیو سایت و mobile-first استفاده می شود و شامل دستورات HTML، CSS و JavaScript است.

ریکت(React)
ریکت یکی از کتابخانه های جاوا اسکریپت است که برای ساخت وب اپلیکیشن ها استفاده می شود و با استفاده از آن تغییر داده ها بدون نیاز به بارگذاری مجدد صفحه صورت می گیرد و تعاملی کردن رابط کاربری را تسریع میدهد.

آنگولار(Angular)
آنگولار از فریمورک هایopen-sours جاوا اسکریپت است که در وب اپلیکیشن ها بسیار کاربرد داردو برای ایجاد صفحات تک صفحه ای کاربرد دارد.

ویو(Vue.js)
ویو یکی دیگر از فریمورک های جاوا اسکریپت است که برای ساخت وب اپلیکیشن کاربرد دارد و با استفاده از آن اپلیکیشن های تک صفحه ای می توان ساخت.

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