آموزش وردپرس
خانه / طراحی سایت / تکنولوژی های طراحی وب : قسمت سوم – انگولار جی اس

تکنولوژی های طراحی وب : قسمت سوم – انگولار جی اس

angularjs-انگولار جی اس

انگولار جی اس یکی از فریمورک های  جاوا اسکریپت  است که توسط  گوگل توسعه پیدا کرده است .

Misko Hevery از گوگل ، خالق یا به قول خودشون پدر AngularJs (انگیولر جی اس) یکی از مشهور ترین و بهترین فریم ورک های جاواسکریپت است . AngularJs می تواند برای اپلیکیشن های تک صفحه گزینه ی خیلی خوبی باشد .

مزیت Angular نسبت به سایر فریم ورک های جاوا اسکریپت رقیب چیست؟

فریم ورک Angular دارای ویژگی های هوشمندانه ای مانند data binding دو طرفه، توانایی ایجاد تگ/ ویژگی/ کامنت های HTML دلخواه که کارایی را کپسوله می کنند و دستورهای تو کار که کارایی HTML نرمال را توسعه می دهد، می باشد. فریم ورک جاوا اسکریپت Angular بسیار چند بعدی و همه گیر می باشد. می توان از آن در پروژه اپلیکیشن های تک صفحه ای بزرگ یا در المان های بسیار کوچک نیز استفاده کرد. نیاز به تنظیمات زیادی برای شروع استفاده از دستور های آماده ی AngularJS نیست. 

نواقص فریم ورک Angular چیست؟

بزرگترین نقص فریم ورک Angular این است که راه های بسیاری برای انجام یک کار وجود دارد. وقتی که شما از Angular برای پروژه های نسبتا بزرگ استفاده کنید می کنید، یافتن بهترین راه برای انجام کارها بسیار دشوار خواهد بود. همچنین باید بسیار مراقب باشید که اگر از رویداد ها و المان های DOM به روشی غیر Angular استفاده می کنید، آنها را پاکسازی کنید تا دچار memory leak (نشت حافظه) نشوید.

یک نمونه از اپلیکیشن هایی که توسط فریم ورک  Angular JS ایجاد شده اند، YouTube برای PS3 می باشد. مثال های بیشتر را می توانید در وب سایت https://builtwith.angularjs.org بیابید.

ویژگی های انگولار جی اس

حتما با برنامه های تک صفحه ای یا single page application ها اشنایی دارید، این فریمورک برای پیاده سازی چنین برنامه هایی بسیار مفید است. فریمورک     AngularJS بخوبی معماری MVC را در سطح کلاینت پیاده سازی می کند ، که باعث ساده تر شدن توسعه و خطایابی برنامه های تحت وب می شود انگولار از html و css و java استفاده می کند  و نقص های انها را برطرف می کند. انگولار برای طراحی وب اپلیکیشن هایی با محتوای داینامیک بسیار مفید است . در  ادامه این مقاله 5 مورد از مزایای انگولار جی اس را بیان می کنیم :

 ویژگی شماره یک : دادن ساختار به اپلیکیشن ها

در حالت عادی زمان نوشتن کدهای جاوا اسکریپت ساختار مناسبی برای کد های خود نداشتیم . هرچند که این موضوع در طراحی وب اپلیکیشن های کوچک چندان مهم نیست، ولی برای طراحی وب اپلیکیشن های بزرگ قطعا مشکل ساز خواهد بود . با انگولار می توانید برای ساختار کدهای خود از معماری mvc و یا mvvm استفاده کنید . انگولار فریمورک Mvw است که w مخفف whatever work for you  است . شما می توانید کد های خود را به صورت ماژول هایی سازمان دهی کنید که به طرز چشمگیری قابلیت تستینگ و دستکاری کد های شما را بهبود می بخشد .

 

ویژگی شماره دو : data-binding  دوطرفه :

model جایی است که برای خواندن و یا اپدیت کردن چیزی به آن مراجعه می کنید. یکی از ویژِگی های مفید انگولار جی اس استفاده از data-binding  دوطرفه است . به طور عادی هنگامی که مدل تغییر می کند برنامه نویس می بایست این تغییرات را به طور دستی برروی المان ها و DOM اعمال کند و یا بالعکس اگر  تغییری برروی DOM ایجاد شود باید برروی مدل نیز این تغییرات اعمال شود . که البته با اضافه کردن تعاملات کاربر در وب اپلیکیشن ها این تغییرات پیچیده تر نیز خواهد شد . با استفاده از انگولار جی اس هندل کردن این موضوعات به راحتی انجام می شود و همگام سازی DOM و مدل و یا برعکس به راحتی مدیریت شده و انجام میشود.

 

ویژگی شماره سه : تمپلیت ها

در انگولار یک تمپلیت تنها یک html ساده محسوب می شود. تمپلیت های html در مرورگر به DOM تبدیل می شود که انگولار دقیقا با همین DOM کار میکند و ان را پیمایش می کند تا دستورالعمل ها را که دایرکتیو نامیده می شوند رندر کند . در واقع دایرکتیو ها عمل data-binding را برای view  وب اپلیکیشن شما راه اندازی می کند .

 

ویژگی شماره چهار: دایرکتیو ها

دایرکتیو ها از محبوب ترین ویژگی های فریم ورک انگولار می باشند. این بخش چالش برانگیزترین بخش انگولار است.

می توان از دایرکتیو ها برای ایجاد تگ های دلخواه HTML استفاده کرد به عنوان widget های جدید و دلخواه عمل می کنند. از دایرکتیوها همچنین می توان با روش های جالبی در تعیین رفتار برای المان ها و تغییر ویژگی های DOM استفاده کرد.

 

ویژگی شماره پنج: dependency injection

این قسمت این امکان را می دهد که به جای ساختن یا جستجوی وابستگی ها آنها را از انگولار درخواست کنید . به عنوان مثال می گویید من به x نیاز دارم و DI ان را برای شما می سازد . هنگامی که به سرویس خاصی نیاز دارید کافی است آن را به لیست پارامترهای خود اضافه کنید و در این صورت انگولار ان سرویس را در اختیار شما قرار می دهد .

 

بنمایه : http://www.webpen.ir    ،   http://www.raadcom.com

درباره ی seonim

همچنین ببینید

وب اسمبلی webAssembly

تکنولوژی های طراحی وب : قسمت ششم : وب اسمبلی webAssembly

وب اسمبلی webAssembly یا wasm یک زبان برنامه نویسی سطح پائین کارآمد و مبتنی بر …

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *