فریم ورک Angular

فریم ورک Angularjs

Angular (انگولار) فریمورک قدرتمند جاوا اسکریپتی است؛ زبان جاوا اسکریپت در سر تا سر دنیا بسیار مورد استفاده قرار میگیرد و در بسیاری از انجمن های مربوط به تکنولوژی از Angular js به عنوان زبان آینده ی برنامه نویسی یاد میشود. زبان جاوا اسکریپت بسیار قدرتمند است و پاسخگوی نیاز اکثر برنامه نویس ها در حوزه های مختلف است.
فریم ورک های این زبان مانند Vue ,React ,Angular به سرعت رو به توسعه و پیشرفت هستند و اغلب، پس از یادگیری جاوا اسکریپت به سمت فریم ورک های آن گرایش پیدا می کنند. در این مقاله قصد داریم تا فریم ورک انگولار را بررسی کنیم تا اگر قصد یادگیری انگولار را داریم، دانش بیشتری در مورد آن داشته باشیم.

ANGULARJS چیست؟

Angularjs (انگولار جی اس) یک فریم ورک جاوا اسکریپت است که شاید بتوان آن را چیزی فراتر از فریمورک یعنی در حد یک پلتفرم شناخت؛ که برای ساخت و طراحی اپلیکیشن های تحت وب، اندروید و ios و حتی desktop کاربرد دارد. انگولار ابتدا برای ایجاد وبسایت ها تک صفحه ای (Single Page Application) مورد استفاده قرار میگرفت و بدون لود شدن صفحه اطلاعات وبسایت به روز میشد که این باعث سریع تر شدن واکنش وبسایت و جذابیت بالا برای کاربران میشد. انگولار توسط زبان جاوا سکریپت پیاده سازی شده است؛ همین موضوع باعث شده است تا در حین توسعه برنامه ها واپلیکیشن ها توسط انگولار به دانش حداقلی در مورد جاوا اسکریپت و با نحوه کدنویسی آن آشنا باشیم.

مقاله مرتبط: تغییرات انگولار8

انگولار از کجا وارد جهان برنامه نویسی شد؟

ابتدا انگولار جی اس (Angular.Js) در سال ۲۰۰۹ توسط میسکو هوری و ادام آبرونز در شرکت گوگل طراحی و عرضه شد. Angular Js پس از معرفی به دلیل کارکردن ساده و قدرت بالایی که داشت به سرعت مورد استقبال بالا قرار گرفت و بسیاری از توسعه دهندگان به Angularjs روی آوردند.

در سال ۲۰۱۶ شرکت گوگل نسخه ی دیگری از انگولار را که Angular 2 بود را منتشر کرد. انگولار در نسخه ی دوم تفاوت های بسیار زیادی با Angular js پیدا کرد به طوری که هسته ی انگولار در نسخه ی دوم به صورت کامل مورد باز نویسی قرار گرفت. Angular 2 پس از انتشار مشکلات زیادی را به همراه داشت، خیلی از امکانات و تنظیمات آن باید به صورت دستی وارد میشد و پس از تکمیل کدنویسی باید به دلیل سرعت پایین و حجم بالای آن باید از طریق webpack حجم آنرا کاهش میدادیم تا در حین اجرا به کندی یا مشکلات از این قبیل که علت آن سنگین بودن Angular2 بود برخورد نکنیم. در اواخر سال ۲۰۱۶ گوگل تغییراتی در این نسخه از انگولار به وجود آورد و این فریم ورک را تا حدی بهبود بخشید.

چیزی نگذشت که در بهار سال ۲۰۱۷ نسخه ی چهارم انگولار (Angular4) منتشر شد. نسخه ی چهارم این فریمورک قابلیت های بهتری نسبت به نسخه یAngular2 و Angular Js داشت در حدی که از هر دو نسخه ی پیشین خود سبقت گرفت. Angular4 از Angular2 سریع تر، راحت تر و کامل تر بود و قابلیت ها و امکانات بیشتری را در خود جای داده بود. پس از انتشار نسخه ی چهارم، پله پله و در بازه های زمانی کوتاهی این فریمورک ارتقا پیدا کرد و اکنون نسخه ی angular8، آخرین ورژن این فریمورک قدرتمند است که توسعه دهندگان بسیاری در حال استفاده از  آن میباشند.

Angular چگونه کار میکند؟

انگولار هر صفحه از وبسایت ما را به یک یا چند کامپوننت تقسیم میکند. هر کدام از این بخش ها یا کامپوننت ها که توسط انگولار پیاده سازی می شوند، خود از سه بخش تشکیل شده اند.
بخش اول قالب یا template آن کامپوننت است که خروجی رندر گرفته شده از انگولار در قالب html می باشد. بخش دوم کلاس (class) است که متشکل از متغیر ها و توابع جاوا اسکریپت و دستورات انگولار است و خروجی را به template میفرستد. بخش سوم Meta data نام دارد که به بیان ساده مشخص میکند که کدام class و کدام template کامپوننت ما را تشکیل میدهد. در meta data سلکتور هایی وجود دارد که مانند تگ های html هستند و برای اپلیکیشن ما که با Angular نوشته شده است، مشخص میکند کدام کامپوننت باید اجرا شود. فریم ورک انگولار زبان html را برای ما به نوعی قدرتمند تر میکند و ما با استفاده از آن قادر خواهیم بود تا در دستورات html خود از دستورات شرطی، حلقه ها و data binding استفاده کنیم.

مقایسه Angular و React

ویژگی های ANGULARJS

استفاده انگولار از تایپ اسکریپت

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

بزرگ بودن Angularjs

انگولار فریم ورک بسیار بزرگی است و نسبت به فریمورک vue و کتابخانه react از منابع بیشتری استفاده میکند. به همین دلیل اغلب از Angular در ساخت پروژه های بزرگ استفاده می شود. حجم بالای انگولار در نسخه ی ۲ کمی از محبوبیت این فریم ورک کاست اما در Angular4 به بعد این مشکل کمتر شد وحجم انگولار بهبود پیدا کرد. انگولار از معماری MVVM استفاده میکند و کد های منطق برنامه از کد های view جدا هستند. استفاده از این معماری مزیت های زیادی در کار با انگولار برای ما فراهم کرده است.

کدام فریمورک را یاد بگیریم؟ Angular یا Vue یا React

پشتیبانی قدرتمند از فریم ورک Angular

فریم ورک انگولار توسط گوگل منتشر شده است و بهترین متخصصین از سر تا سر جهان در این شرکت بزرگ فعالیت میکنند. همین باعث شده که به روز ترین دانش در توسعه ی محصولات این شرکت استفاده شود. فریم ورک Angular js هم از این موضوع بی نصیب نیست. این فریمورک به سرعت در حال بروز رسانی است و در زمانهای خیلی کوتاه نسخه های جدید از آن منتشر می شود. نسخه ی angular2 به دلیل ضعف هایی که در برخی موارد داشت باعث شد تا حد کمی از محبوبیت انگولار کاسته شود اما از بعد از انتشار نسخه ی Angular 4، دوباره این فریم ورک روند صعودی را در پیشرفت و جذب جامعه ی برنامه نویسان را در پیش گرفت.