فرانت اند یا ویترین یک فروشگاه زنجیره ای ؟!

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

یک سوال پیش میاد ؟ این قضیه چه ربطی به فرانت اند یا ظاهر وبسایت دارد ! درسته حق با شماست من براتون در ادامه توضیح میدم.

فرانت اند (front-end) چیست ؟

هر وبسایتی که ما استفاده میکنیم از دو بخش فرانت اند (Front-end) و بک اند (Back-end) تشکیل میشود که به زبان ساده فرانت اند سایت ما دقیقا مثل ویترین یک فروشگاه زنجیره ای هستش و بک اند ما قسمت انبار و پشت پرده ی فروشگاه ما ، دیدید چقدر ساده بود!
حتما برایتان پیش امده که موقع استفاده از یک وبسایت گیج شده اید و چیزی که نیاز داشتید را به سختی پیدا کردید ، دقیقا مثل فروشگاه درهم ریخته و نامرتب ، فک کنم الان متوجه شدید که چرا فرانت اند یک سایت رو با ویترین یک فروشگاه مقایسه کردم ؛ پس ما موقع استفاده از یک وبسایت نیز دوست داریم تمامی امکانات سایت مورد نظر در کمترین زمان و راحت ترین روش در اختیار ما که کاربر سایت باشیم قرار بگیرد .

. . .

ابزار مورد نیاز برای تشکیل فرانت اند یا ظاهر سایت :

ما برای تشکیل ظاهر وبسایت نیاز به چندین ابزار مختلف داریم که بخش بخش با آن ها و کاربردشون آشنا میشیم ؛ ما به طور پایه نیاز به 3 ابزار که به ترتیب :

• زبان نشانه گذاری "HTML" که مخفف شده ی "Hyper Text Markup Language" هستش و وظیفه تشکیل ساختار اولیه ی وبسایت را بر عهده دارد .
• زبان استایل دهی "CSS" که مخفف شده ی "Cascading Style Sheets" هستش و وظیفه استایل دادن یا به اصطلاح رنگ و لعاب دادن به وبسایت ما را دارد .
• زبان برنامه نویسی " javascript " که بر خلاف دو زبان قبلی یک زبان برنامه نویسی هستش که در وبسایت نقش پویا سازی یا به اصطلاح داینامیک کردن وبسایت ما را دارد.

حق میدم که الان شاید یکمی نا مفهوم شده باشه براتون اما بزارید با یه عکس و توضیح کارو براتون اسونتر کنم.

فک کنم با دیدن عکس یکم ساده تر شده باشه براتون اما بزارید براتون توضیح بدم ؛ زبان نشانه گذاری ما که HTML نام داشت نقش اسکلت یک بدن یا اسکلت سایت ما رو اجرا میکنه که نه ظاهر و شکل مناسبی داره نه میتونیم بهش بفهمونیم که کاری برای ما انجام بده پس در ابتدا نیاز داریم اسکلت سایتمون رو زیبا کنیم که در این مرحله از زبان استایل دهی CSS کمک میگیریم که به کمک اون میتونیم ظاهر و رنگ و لعاب ببخشیم به اسکلت وبسایتمون ، در این مرحله ما اسکلت و ظاهر وبسایتمون آمادست اما نیاز دارید به یک زبانی که بتواند خواسته های مارو بفهمه و نسبت به خواسته های ما کاری انجام بده و سایتمون رو پویا کنه و خواسته های مارو برآورده کنه در این نقطه زبان برنامه نویسی javascript ظاهر میشود و خواسته های مارا برآورده میکند.

آخرین نکته :

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