ممکن است برای شما هم سوال شده باشد که برنامهنویسی فرانتاند چیست؟ احتمالا اگر این سوال برای شما به وجود آمده باشد، حتما نام بکاند را هم شنیدهاید و به دنبال یافتن تفاوت فرانتاند و بکاند نیز هستید.
برای یافتن تفاوت این دو ابتدا بگذارید بررسی کنیم که Frontend چیست و سپس آن را با Backend مقایسه خواهیم کرد.
فرانتاند (به انگلیسی Frontend) به زبان ساده تمام ظاهر بصری یک سایت یا یک وب اپلیکیشن را شامل میشود. بنابراین وقتی یک صفحه وب را باز میکنید، تمام المانهای ظاهری که در آن میبینید، تماما شامل بخش فرانتاند میشود.
فرانتاند خود به دو بخش طراحی رابط کاربری و توسعه آن تقسیم میشود. برای اینکه یک وب اپلیکیشن یا سایت طراحی شود، ابتدا باید به کمک طراحان UI/UX شکل و قالب ظاهری آن به کمک نرمافزارهایی مانند فتوشاپ، ادوبی ایکس دی و... طراحی شود. سپس وظیفه برنامهنویس فرانتاند است که رابط کاربری طراحی شده را به کد تبدیل کند و آن را توسعه دهد.
یک توسعه دهنده فرانتاند برای توسعه محیط ظاهری خود همواره به توسعه دهنده بکاند نیاز دارد و برای توسعه یک وب اپلیکیشن یا وب سایت، دائما با هم در ارتباط هستند. بنابراین وجود هر دو در کنار هم اجتناب ناپذیر است.
برای اینکه بتوانید سمت کلاینت کد بنویسید و یک برنامهنویس Frontend شوید، حتما باید با سه مقوله آشنایی کامل را داشته باشید:
یک برنامهنویس فرانتاند در هر سه زبان بالا تسلط کافی را باید داشته باشد. سپس میتواند شروع به یادگیری فریمورکهای مختلف برای توسعه بهتر اپلیکیشنهای خود کند.
زبان HTML مخفف Hyper Text Markup Language است و همانطور که از اسمش پیداست، یک زبان نشانهگذاری است. باید توجه داشته باشید که HTML یک زبان برنامهنویسی محسوب نمیشود زیرا قادر به انجام سادهترین محاسبات ریاضی هم نیست. از این زبان برای نوشتن ساختار یک صفحه وب استفاده میشود و در واقع مکان المانهای مختلف را در یک صفحه اینترنتی مشخص میکند.
زبان CSS مخفف Cascading Style Sheets است و از آن برای استایل دهی و ارتقای شکل ظاهری صفحات اینترنتی استفاده میشود. در واقع به کمک CSS ساختاری که توسط HTML ساخته شده بود، ظاهری بهتر به خود میگیرید و به کمک آن میتوان رابط کاربری المانهای مختلف HTML را به شکل قابل توجهی ارتقا داد.
جاوا اسکریپت در توسعه فرانتاند در سمت کاربر (Client) پردازش میشود. این زبان تمام کاستیهای موجود در HTML را برطرف میکند و میتوان به کمک آن انقلابی را در توسعه ظاهری سایت به وجود آورید. برای مثال میتوانید به کمک آن انیمیشنهای جذابی را به وجود آورید و یا میتوانید از آن برای ساخت یک اسلایدر یا نمایش یک Toast استفاده کنید.
تمام مقالات #برنامهنویسی_فرانتاند را در اینجا ببینید.