فرانت اند چیه؟ تصور کن یه وبسایت رو به یه خونه تشبیه کنیم. فرانت اند اون چیزیه که ما وقتی وارد خونه می‌شیم می‌بینیم: دیوارها، کف، مبلمان و همه چیزهایی که چشممون بهش می‌خوره. این قسمت از وبسایت، رابط کاربری یا UI (User Interface) نام داره و با زبان های خاصی طراحی میشه.
این زبان پایه و اساس ساختار هر صفحه وبی هست. مثل اسکلت یه خونه، HTML به مرورگر میگه که چه عناوینی، پاراگراف ها، تصاویر و سایر عناصر رو کجا قرار بده.
اگه HTML اسکلت باشه، CSS لباس و آرایش اون اسکلت هست. با CSS میشه رنگ ها، فونت ها، اندازه ها و چیدمان عناصر رو تغییر داد و ظاهر سایت رو زیباتر کرد.
این زبان قدرتمند باعث میشه که صفحات وب تعاملی بشن. با جاوا اسکریپت میتونیم انیمیشن ایجاد کنیم، فرم ها رو مدیریت کنیم و حتی بازی بسازیم!
برای اینکه کار با HTML، CSS و جاوا اسکریپت راحت تر بشه، برنامه نویسان از فریمورک ها و کتابخانه های مختلفی استفاده میکنن. این ابزارها مجموعه هایی از کدهای از پیش نوشته شده هستند که کارهای تکراری رو خودکار میکنن و به توسعه دهنده اجازه میدن که روی بخشهای خلاقانه تر پروژه تمرکز کنه.
مثال هایی از فریمورک های محبوب:
یکی از محبوب ترین فریمورک های جاوا اسکریپت هست که برای ساخت رابط های کاربری پیچیده و پویا استفاده میشه.
ریکت یک کتابخانه متن باز جاوا اسکریپت است که برای ساخت وب اپلیکیشن ها مورد استفاده قرار میگیرد. ریکت لایه View وبسایت ها و اپلیکیشن های موبایل را مدیریت میکند. توسعه دهندگان با استفاده از ریکت میتوانند وب اپلیکیشن های بزرگی را بسازند که در آنها، داده ها میتوانند بدون نیاز به بارگذاری مجدد صفحه تغییر یابند. هدف اصلی ریکت این است که وب اپلیکیشن هایی سریع، مقیاس پذیر و ساده بسازد.
یک فریمورک جامع و قدرتمند هست که توسط گوگل توسعه داده شده و برای ساخت اپلیکیشن های تک صفحه ای (Single Page Applications) مناسب هست.
ولی در واقع Angular یک فریمورک ساختاری برای وب اپلیکیشن های پویا است. در واقع Angular یک فریمورک متن باز تحت وب است که بر پایه JavaScript ایجاد شده است. این فریمورک به شما اجازه میدهد تا HTML را به عنوان زبان قالب خود انتخاب کنید و سینتکس های HTML را برای بیان صریح و واضح اجزای نرم افزار، گسترش دهید.
یک فریمورک سبک و انعطاف پذیر هست که یادگیری آسانی داره و برای پروژه های کوچک و بزرگ قابل استفاده است.
این فریمورک دارای تعداد قابل توجهی از ویژگی های داخلی است که آن را به یک فریمورک استثنایی برای توسعه دهندگان تبدیل میکند. از مزایای vue js میتوان اشاره کرد به اینکه بر روی یک سینتکس واحد عمل می کند و دارای یک طراحی منطقی و ساده است. اصولا یکی از مهمترین مزایای vue js سادگی و قابل فهم بودن آن است. به طوری که یادگیری آن بسیار آسان است. فهمیدن ساختار پروژه و کد ها نیز برای شما بسیار ساده خواهد بود. به نسبت فریم ورک هایی مثل React یا Angular. همچنین یکی دیگر از مزایای دیگر Vue JS سبک بودن آن است. اندازه پایه Vue 3 تقریبا 10 کیلوبایت در حالت gzip شده است.
در نهایت...
زبان های طراحی فرانت اند دنیای وسیع و جذابی هست. اگه به طراحی وب علاقه مند هستی، یادگیری این زبان ها میتونه قدم اول برای ساخت وبسایت های حرفه ای و خلاقانه باشه.
میخوای بیشتر در مورد یک زبان یا فریمورک خاص بدونی؟
نکته: برای شروع یادگیری، منابع آموزشی زیادی مثل دوره های آنلاین، کتاب ها و مقالات وجود داره. مهمترین چیز اینه که با علاقه و پشتکار شروع کنی و تمرین کنی.
آیا سوالی در مورد این موضوع داری؟
موفق باشی!
