AngularJs (انگولارجی اس) یک فریمورک قدرتمند از JavaScript می باشد. AngularJs با اضافه کردن ویژگی های مختلف به عناصر HTML باعث می شود تا قابلیت صفحه HTML خود را برای کاربر بالاتر ببرید. AngularJs متن باز(Open source)، کاملا رایگان و توسط هزاران توسعه دهنده وب در سراسر جهان مورد استفاده قرار می گیرد. در ایم قسمت به معرفی امکانات و بخش های اصلی انگولار جی اس می پردازیم.
امکانات AngularJS
- AngularJs فریمورکی قوی مبتنی بر جاوااسکریپت می باشد که با استفاده از آن می توان صفحات وب غنی و قدرتمندی ایجاد کرد.
- AngularJs این امکان را برای توسعه دهندگان وب می دهد که برنامه های سمت کلاینت با استفاده از جاوااسکریپت ایجاد کنند.
- برنامه هایی در AngularJs نوشته می شوند با مرورگرها سازگار است.
- AngularJs کامل Open source و رایگان و توسط هزاران گسترش دهنده وب مورد استفاده قرار می گیرد.
مهم ترین ویژگی های AngularJs
- Data-binding : بین مودل (Model) و view بصورت اتوماتیک ارتباط برقرار می کند.
- Scope : این اشیاء به مدل اشاره می کنند. و مانند یک چسب بین کنترل و مدل عمل میکند.
- Controller : توابع جاوااسکریپتی که به یک Scope خاص اشاره می کنند.
- Services : در Angularjs سرویس های مختلفی وجود دارد بطور مثال http$ که یک XMLHttpRequests را می سازد. این اشیاء یگانه فقط یک نمونه از آنها در برنامه وجود دارد.
- Filters : زیر مجموعه ای از آیتم ها را از یک آرایه انتخاب میکند و یک آرایه جدید را بر می گرداند.
- Directives : دستورات عناصر HTML را نشانه گذاری می کنند. (بطور مثال عناصر، صفات، Css و غیره). و می توند مورد استفاده قرار گیرد برای ساختن تگ های دلخواه HTML به عنوان یک سرویس جدید، به عنون یک ویژگی سفارشی. در AnqularJs دستورات ساخته شده است (ngBind, ngModel…).
- Templates : اطلاعات را از Controller و model در قسمت view نمایش می دهد. این می تواند در یک تک فایل مانند (index.html) و یا در چند صفحه با استفاده از partials نمایش داده می شود.
- Routing : به معنی تعویض view می باشد.
- Model View Whatever : در باره MVC می بایست بگوییم که یک الگو طراحی برای تقسیم کردن برنامه های به قسمت های متفاوت به نام (Model, View and Controller) که هر کدام وظایف مستقلی دارند. AngularJs از MVC به معنای سنتی استفاده نمی کند. بلکه چیزی نزدیک به MVVM که به معنای(Model-View-ViewModel) می باشد، استفاده می کند. تیم AngularJs به Model View Whatever رجوع کرده اند.
- Deep Linking : حال می خواهیم بگوییم که Deep Linking این اجازه رو به شما می ده که وظعیت های گوناگون برنامه را در URL رمزگزاری کنید. و سپس برنامه می تواند این موقعیت را برگرداند.
- Dependency Injection : در AngularJS امکانی به نام تزریق وابستگی (Dependency Injection) زیر سیستم ها را داریم که با کمک آن می توانیم برنامه ها را راحتتر ایجاد، گسترش و تست کنیم. (این اصطلاح به این معنی می باشد که ما زیر سیستم ها را می توانیم داخل یک دیگر استفاده کنیم مانند یک ماژول که از یکدیگر مستقل هستند و با کمک آنها می توان برنامه ها را سریعتر و راحتر ایجاد کنیم.)
بخش های اصلی AngularJS
- ng-app : این دستور یک لینک از برنامه AngularJS به HTML تعریف می کند.
- ng-model : این دستور محتوای داده برنامه AngularJS را به کنترل های ورودی ( input controls) در HTML متصل می کند.
- ng-bind : این دستور محتوای داده برنامه AngularJS را به تگ های HTML متصل می کند.