طراحي سايت

تعيين كتابخانه‌ها و فريم ورك‌هاي جاوا اسكريپت موضوعي ميباشد كه ذهن بسياري از نوآموزان را درگير مي‌نمايد. تنوع تعداد و اشكال اين ابزار ها، ممكن ميباشد شما‌را كمي حيران نمايد. كتابخانه‌ها و فريم ورك‌هاي جاوا اسكريپت هركدام كاربرد خويش را دارا‌هستند و ميتوانند در آن كاربرد، شايسته ترين باشند.
فراموش نكنيد كه هيچ كدام از اين كتابخانه‌ها و كادر ورك‌ها شايسته ترين يا اين كه بدترين نيستند. بلكه تفاوت آن‌ها در نقاط قوت و ضعفي ميباشد كه آنها را براي به كار گيري خاصي مطلوب‌خيس مي‌نمايد. به دنبال‌ي اين نوشته‌ي‌علمي، با معرفي شايسته ترين كادر ورك‌هاي جاوا اسكريپت، با ما همپا باشيد.
تفاوت في مابين Framework و كتابخانه چيست؟كتابخانه و قاب ورك هر دو تعدادي كد‌ها در زبان‌هاي اپليكيشن نويسي متفاوت مي باشند كه به وسيله توسعه و گسترش دهنده‌ها يا اين كه developer‌ها مندرج، آزمايش گرديده و باصرفه گرديده‌اند تا بقيه بسط دهنده‌ها از آنها در پروژه‌ي خويش استفاده نمايند. در واقع هدف از ساخت قاب ورك و كتابخانه اين ميباشد كه توشه يكسري كد‌ها را از دوش نرم افزار نويس بردارند. در بيشتر مواقع از اين دو تحت عنوان يك مضمون‌ به كارگيري مي‌گردد در‌صورتي‌كه كه‌اين دو با يكديگر تفاوت دارند.
كتابخانه يا اين كه Libraryكتابخانه يك فولدر ميباشد كه مجموعه‌اي از كدها را باطن خويش داراست و هر فرصت در پروژه به روال‌ها و توابع آن احتياج بود، مي‌قدرت به راحتي آن را فراخواني كرد. از جمله Jquery يك كتابخانه است كه در صفحات اينترنت براي طراحي يك سري جلوه‌ها در نصيب Front-end استفاده ميگردد. براي به كار گيري از كتابخانه‌ي Jquery آغاز كد‌هاي آن را از تارنما دانلود كرده، آن گاه با استعمال از تگ script آن را در گواهي HTML، لود ميكنيم. و به دنبال هر جايي از پروژه كه خواستيم، متد‌هاي آن را فراخواني ميكنيم.
Framework يا اين كه چهار چوبFramework به عبارتي‌طور كه از نامش پيداست، يك چهارچوب ميباشد. اين بدين مضمون‌ ميباشد، وقتي كه مي خواهيم از يك كادر ورك در پروژه‌ي خويش به كار گيري كنيم، چهارچوب و اسكلت بندي پروژه بر طبق‌ي آن قاب ورك سازه مي گردد. در واقع قاب ورك براي برنامه نويس بستري را مهيا مي‌نمايد تا بتواند كد‌هاي خويش را باطن آن بنويسد و اين فريم ورك ميباشد كه تصميم گيري مي‌نمايد كي و كجا از اين كد‌ها استفاده نمايد.
در منفعت در شرايطي كه بخواهيم از كادر ورك در پروژه به كارگيري كنيم، مي بايست در اوليهِ پروژه اين شغل را اعمال دهيم در‌صورتي‌كه كه از كتابخانه در هر فرصت كه شم نياز كرديم، ميتوانيم استعمال كنيم. همينطور از تعدادي قاب ورك به طور همزمان نمي‌توانيم در يك پروژه به كار گيري كنيم. اين در حالي ميباشد كه ميتوانيم از يك‌سري كتابخانه به طور يكجا در پروژه‌ي خويش به كارگيري كنيم.
كتابخانه‌ها و فريم ورك‌هاي Front-End اينترنتنزديك به سال‌هاي 1999 طراحي سايت در مشهد اين ايده كه اپ هايي مانند اپليكيشن‌هاي دسكتاپي در اينترنت ساخت‌و‌ساز شوند صورت گرفت. اين علاقه آنگاه بود كه ابزار‌ها و امكاناتي مانند ajax به دنياي اينترنت منش پيدا كرد. در ابتدا مي بايست اين عمل با كد‌هاي ناپخته جاوا اسكريپت جاري ساختن ميشد. يك فعاليت زمان بر و طاقت فرسا! به دليل آنكه براي يك انيميشن بي آلايش بايستي چند خط كد نوشته ميشد.
سپس دفعه به كتابخانه‌ها و كادر ورك هايي مانند JQuery، Mootools.js و Prototype.js رسيد تا به ميدان جاوا اسكريپت بيايند. اما آنان براي ادامه مسير پيشرفت اينترنت،رايا پارس  نقطه ضعف‌هاي اكثري داشتند. هنوز ميزان تكرار در كدها زياد بود و براي وظايف خرد خطوط كد نسبتا متعددي نوشته ميشد. به اين ترتيب كتابخانه‌ها و قاب ورك‌هاي جاوا اسكريپتي قدرتمندي به ميدان رقابت وارد شدند. در اين قسمت از مقاله قصد داريم تني چند از اين كتابخانه‌ها و كادر ورك‌هاي Front-End را به شما معرفي كنيم.
كادر ورك Angular.js 
Angular.js يك قاب ورك جاوا اسكريپتي ميباشد كه با به كار گيري از آن مي توانيد كد‌هاي HTML خويش را بي نياز نماييد. مثلا ميتوانيد از تگ‌هاي جديدي استعمال فرمائيد كه خودتان تعريف‌و‌تمجيد مي كنيد. در شرايط ساده براي تايپ كردن Front-end پروژه‌ها شما با چند تگ‌هاي HTML ساده سر و شغل داريد. اگر بخواهيد شيت خويش را تعاملي فرمائيد مجبوريد كه‌اين عمل را با استفاده از جاوا اسكريپت خام انجام دهيد. اما با صرف وقت معمولا زياد!
ولي با عرضه فريم ورك Angular.js توسط گوگل،ahrefs مي توانيد از گروه‌اي از ابزارهاي جاوا اسكريپتي استعمال فرمائيد. با اين قاب ورك شما مي‌توانيد پايين معماري MVC، كدهاي Front-end پروژه را بنويسيد.
كتابخانه Reactفكر كنيد مي‌توانستيم هر كاغذ اينترنت را به بخش‌هاي خرد تقسيم كنيم. هريك از آن بخش‌ها اين قابليت و امكان را داشته باشند كه در پروژه بارها به كارگيري شوند. سواي اينكه مجبور باشيم هر توشه مجدد آن‌ها‌را كدنويسي كنيم. بگذاريد نام اين نصيب‌هاي خرد را كامپوننت (Component) بگذاريم. ايده‌ي كتابخانه‌ي React از طرف فيسبوك تشكيل داد شد و Component-Based هست به‌اين مضمون‌ كه به ما اين قابليت و امكان را ميدهد، Component‌هاي محدود گرديده‌اي را تشكيل داد كنيم كه state خويش را رئيس نمايند، بعد از آن آن‌ها را براي ايجاد كرد رابط كاربري غامض تهيه كنيم.
بعد از معرفي معني كامپوننت و به كار گيري‌ از آن توسط [ltr]Angular ،React [/ltr] در ورژن‌ي دوم خويش از آن استفاده كرد. به اين ترتيب مضمون‌ كامپوننت مفهومي مشترك در ميان اين دو ابزار جاوا اسكريپتي مي باشد. البته در‌اين حالت‌ تفاوت اين دو ابزار در چه چيزي مي‌باشد؟ در واقع React صرفا يك كتابخانه نادر وسعت جاوا اسكريپتي مي باشد. در حالي كه Angular يك قاب ورك است.  اين يعني بر خلاف Angular در React براي اتصال كامپوننت‌ها و… احتياج به استعمال از ماژول‌هاي جانبي داريم.  مزيت اين شغل آزادي در انتخاب اين ماژول‌هاي جانبي است. يعني ما ميتوانيم شايسته ترين ابزار و مطلوب‌ترين آنها را نسبت به پروژه‌ي خويش گزينش كنيم