در فرایند تبدیل توسعه وب اپلیکیشن دو حوضه کاری کلی وجود دارد :
#توسعه سمت سرور یا بک‌اند Backend
#توسعه سمت کار بر یا فرانت‌اند Frontend
هر دو در نهایت یک هدف مشترک دارند،حالا این هدف چیه؟
رابط کاربری (که با استفاده از تکنولژی های مختلف بوجود آمده): ارتباط با بخش سرور (بک‌اند) و گرفتن داده‌ها از اون قسمت واعمال کردن به بخش فرانت‌اند.
فرانت‌اند این رابط کاربری را به کاربر نشان میدهد. در نظر داشته باشید ارتباط با بخش سرور (بک‌اند) و گرفتن داده‌ها از اون قسمت واعمال کردن به بخش فرانت‌اند ،ازدیگر کارهای مهم توسعه فرانت‌اند است.
برای آ شنایی بهتر با فرانت اند، شما نیاز دارید تا در ابتدا با ساخت کلی اینترنت آشنا بشید. مثل آشنایی با پروتکلها و نحوه کار آنها ، مرور گرها چگونه کار میکنند، هاست و دامنه چیست؟
۳ تکنولوژی ثابتی که همواره برای فرانت اند استفاده میشود:
زبان نشانه گذاری یا ( Hypertext Markup Language )HTML
از HTML برای ساختار و محتوای اصلی صفحه.HTML از تگ (tag) تشکیل شده است. این تگ ها کدهای کوتاهی هستند که توسط سازنده‌ی سایت در یک فایل متنی عادی‌سازی می‌شوند. سپس به صورت HTML ذخیره شده و در یک مرورگر نشان داده خواهند شد. مرورگرها فایل مورد نظر را اسکن کرده و متن را به صورتی مشخص تفسیر میکنند.
زبان استایل دهی یا CSS
از CSS برای ویرایش بصری.برای بهتر دیده شدن طراحی، طرح‌بندی و تغییرات اعمال شده در دستگاه‌های مختلف میشود از CSS استفاده میشود.
برای اینکه شما بتونید در بخش استایل بهتر وتمیز تر کد بنویسید، میتونید از پیش پردازنده‌های سی اس اس استفاده کنید.پیش‌پردازنده‌ها را می‌توان زبان‌های اسکریپت‌‌نویسی دانست که برای مرورگرها به CSS کامپایل می‌شوند برای مثل Sass Less.
*زبان فانکشنالیتی Javascript
از JavaScript برای تعاملی کردن وبسایت‌ها استفاده می‌کنیم.از این زبان برای پویا کردن صفحات وب استفاده خواهیم کرد در واقع به آنها جان میبخشد.
