انگولار جی اس یا AngularJS یک فریم ورک متن باز و رایگان مبتنی بر جاوا اسکریپت است که عمدتا توسط Google و توسط جامعه ای از افراد و شرکت ها پشتیبانی می شود تا بسیاری از چالش های ایجاد شده در توسعه برنامه های تک صفحه ای را برطرف کند. در ادامه این مقاله شما را با امکانات و کاربرد فریم ورک انگولار جی اس آشنا خواهیم کرد، همراه داتیس نتورک باشید.
AngularJS چیست؟
انگولار جی اس یک فریم ورک متن باز و رایگان مبتنی بر جاوا اسکریپت است که عمدتا توسط Google و توسط جامعه ای از افراد و شرکت ها پشتیبانی می شود تا بسیاری از چالش های ایجاد شده در توسعه برنامه های تک صفحه ای را برطرف کند.
انگولار جیاس یک چهارچوب وب اپلیکیشن متن باز است که اولین بار در سال ۲۰۰۹ توسط میسکو هوری و آدام آبرونز توسعه یافت.
در حال حاضر این فریمورک توسط گوگل توسعه داده میشود .
بر اساس مستندات رسمی AngularJS به صورت زیر تعریف میشود:
“AngularJS یک فریمورک ساختیافته برای وباپلیکیشنهای پویا میباشد. انگولار علاوه بر اینکه این امکان را به شما میدهد که از HTML برای طراحی قالب استفاده کنید باعث میشود بتوانید سینتکسهای HTML را طوری گسترش دهید تا جزئیات وباپلیکیشنها را نیز به وضوح بیان نمایید.”
AngularJs یک فریم ورک برای طراحی سایت و وب اپلیکیشن تک صفحهای می باشد.
ممکن است شما بارها در مورد انگولار شنیده باشید اصطلاحات زیادی در مورد این فریم ورک وجود دارد اگر با این اصطلاحات آشنایی ندارید چند دقیقه وقت بگذارید تا بتوانید این اصطلاحات را یاد بگیرید.
انگولارجی اس یک فریم ورک می باشد.
فریم ورک به شما این امکان را میدهد که کدهای خود را تکنیکی و بهینه بنویسید، تغییر بدهید و تنظیمات استاندارد را روی آن پیاده سازی کنید.
با انجام این کارها شما میتوانید برخی از ویژگی های فریم ورک را استفاده کنید.
انگولار به معنی قالب سازی فیلترها ترکیب دادههای دو طرفه و بقیه موارد است.
انگولار جی اس برای ایجاد برنامهی تک صفحهای وب طراحی شده است این به این معنی می باشد که مرورگر صرف نظر از اندازهی صفحهی شما، آن را را بارگذاری کند.
محتوای اضافی در صورت نیاز در برنامه لود می شود بنابراین نگران نباشید اگر قادر نبودید کل صفحه را لود کنید.
در برخی از روش ها برای افزایش سرعت بارگذاری سایت شما، به جای کل صفحه تمام محتوایی که نیاز دارد را لود می کند.
هسته انگولار از جاوا اسکریپت می باشد و شما باید برای ایجاد محتویات فریم ورک از زبان جاوا اسکریپت استفاده کنید.
اگر با جاوا اسکریپت آشنا باشید یادگیری انگولار برای شما راحتتر خواهد بود.
انگولار و بطور کلی فریم ورک ها امکانات زیادی در اختیار شما قرار میدهند که اگر خود شما بخواهید آنها را اجرا کنید زمان زیادی از شما گرفته خواهد شد .
مزایای AngularJS
از ویژگی های یک موتور خوب این است که به شما این امکان را بدهد تا قالبهایی را با تگهای خاص html بنویسید،
انگولار این تگها را با داده جابهجا میکند.
به عنوان مثال تگهای مخصوص مثل آیتم قبلی و آیتم بعدی را داریم این تگها داخل کروشه قرار دارند و با استفاده از آنها می توانید تصویر artists را وارد قالب خود کنید اینجا جایی است که شما میتوانید توضیحات مربوط به عکس را وارد کنید ما با استفاده از یک تگ می توانیم همه تگها را نشان دهیم که با پیوند زدن آنها به دادهها به یک صفحه مانند این صفحه تبدیل می شود بر خلاف دیگر موتورهای قالببندی، انگولار شما را وادار نمیکند تا قالب را جداگانه بسازید مانند بقیه کتاب خانهها قالب شما یک بخش جدایی ناپذیر از html می باشد.
یکی دیگر از ویژگی های بزرگ html طریقه کار آن با مدل داکیومنت میباشد در برنامه های قدیمی شما باید نگران بوجود آمدن رویداد باشید.
انگولار همچنین شامل دستوراتی برای بارگیری داده های خارجی با داشتن قابلیت توابع ajax میباشد.
پس به راحتی میتوانید داکیومنت های ajax را بارگذاری کنید.
برنامههای مدرن جاوا اسکریپت از روشی برای برنامهنویسی استفاده میکنند که به طور معمول به عنوان mvc شناخته میشود شما می توانید با استفاده از انگولار و این روش به اهدافتان برسید.
Directives :
انگولار از امکانی به عنوان دایرکتیو استفاده میکند که میتوانید آن را در html استفاده کنید دایرکتیوها می توانند به صورت پراکنده در سراسر html شما استفاده شوند. این دستورات به انگولار اطلاع می دهند که چه کاری را انجام بدهد دستورات با حرف ng و پس از آن با یک خط آغاز میشوند.
Data binding:
اتصال دادهها باعث کارآمد شدن قالب میشود شما میتوانید مکانی را برای تولید محتوا ایجاد کنید و بعد از آن به اطلاعات داده مربوط میشود .
Filters:
انگولار یک زبان فیلترینگ دارد که میتواند به یک روش خاص دادهها را سازمان دهی کند یا به راحتی با عناصر فرم تغییر بدهد.
Modules :
به جای ایجاد یک داکیومنت جاوا اسکریپت حجیم می توانید قابلیتهای خود را به ماژول ها تجزیه کنید ماژول ها راحت تر از کدها محافظت می کنند.
Routes:
مسیرها در هسته برنامهی تک صفحه ای قرار دارند که به شما این امکان را میدهند که قالب خود را به چند قسمت تقسیم کنید این قابلیتی است که در قسمت های مختلف برنامه شما وجود دارد.
دلیل متفاوت بودن انگولار جی اس نسبت به بقیه فریمورک های جاوا اسکریپت
- ساختار کنترل DOM برای تکرار، پنهان کردن و نشان دادن قطعات
- استفاده از objectهای قدیمی جاوااسکریپت
- استفاده از dependency injection یا تزریق وابستگی: در برنامه نویسی، گاهی شما یک سری دستورها را قبلاً
- تعریف میکنید اما در هنگام برنامه نویسی نیاز دارید که همان دستورات را به کار گرفته و برنامه خود را توسعه دهید، اینجاست که خاصیت تزریق وابستگی خودش را نشان میدهد و باعث میشود علاوه بر صرفهجویی درزمانی که دارید، خیلی راحتتر و سریعتر به دنبال اجرای دستورات خود باشید.
چرا AngularJS؟
انگولارجیاس بر اساس الگوی MVC است که به شما کمک می کند تا برنامه های وب خود را به درستی سازماندهی کنید.
M معادل Model است که اطلاعات و دادهها را از منابع بازیابی میکند و V معادل View است که مانند یک نمایشگر عمل می کند و همان UI سایت را به ما نشان میدهد.
نکته ای که اینجا وجود دارد این است که زمانی که شما تغییری را در model انجام میدهید باید در view هم تغییراتی را اعمال کنید که این کار میتواند در دادههای زیاد، کاری بسیار وقتگیر باشد.
لذا اگر از انگولار جی اس استفاده میکنید نباید نگران این موضوع باشید.
چراکه انگولار جی اس هر داده را به view مشخص مرتبط کرده و در هنگام تغییرات، این view است که بهصورت خودکار آپدیت میشود.
HTML را به منظور تعریف قالب های بسیار قدرتمند گسترش می دهد.
به شما اجازه می دهد تا دستورات خود را ایجاد کنید و از اجزای قابل استفاده مجدد که نیازهایتان را پر می کنند، استفاده کنید.
از بیشتر سرویس ها مانند HTTPS پشتیبانی می کند.
به شما کمک می کند تا ساختار جاوا اسکریپت خود را به راحتی انجام دهید.
معایب AngularJS
بزرگترین نقص فریم ورک Angular این است که راه های بسیاری برای انجام یک کار وجود دارد.
وقتی که شما از Angular برای پروژه های نسبتا بزرگ استفاده کنید می کنید، یافتن بهترین راه برای انجام کارها بسیار دشوار خواهد بود.
همچنین باید بسیار مراقب باشید که اگر از رویداد ها و المان های DOM به روشی غیر Angular استفاده می کنید، آنها را پاکسازی کنید تا دچار memory leak (نشت حافظه) نشوید.
محیط توسعه AngularJS | AngularJS Developmet IDE
- Visual Studio 2012/2013 Express or higher
- Eclipse
- WebStorm
- Sublime Text
- TextMate
امیدواریم مقاله آشنایی با فریمورک انگولار جی اس مفید بوده باشد.
داتیس نتورک را در شبکه های اجتماعی دنبال کنید.