آموزش انگولار : انگولار چیست

آموزش انگولار : انگولار چیست

AngularJs یک فریم ورک تک صفحه ای برای ایجاد صفحات وب می باشد . ممکن است شما بارها در مورد انگولار شنیده باشید اصطلاحات زیادی در مورد این فریم ورک وجود دارد اگر با این اصطلاحات آشنایی ندارید چند دقیقه وقت بذارید تا بتونید این اصطلاحات رو یاد بگیرید.اول از همه اینکه انگولارجی اس یک فریم ورک می باشد فریم ورک به شما این امکان را میدهد که کدهای خود را تکنیکی و بهینه بنوسید ، تغییر بدید و تنظیمات استاندارد را روی آن پیاده سازی کنید.با انجام این کارها شما میتونید برخی از ویژگی های فریم ورک رو استفاده کنید .انگولار به معنی قالب سازی فیلتر ها ترکیب داده های دو طرفه و بقیه چیزها.

اگر تا حالا با بوت استرپ و یا جی کوئری موبایل کار کرده باشید احتمالا با این طریقه ی کار آشنا هستید برای ایجاد یک صفحه وب شما میتونید یک روش خاص و منحصر به فرد خودتون رو داشته باشید . انگولار جی ای برای ایجاد برنامه ی تک صفحه ای وب طراحی شده است ای به این معنی می باشد که مرورگر شما صرف نظر از اندازه ی صفحه ی شما صفحه ای رو بارگذاری کند . محتوای اضافی در صورت نیاز در برنامه لود می شود بنابراین نگران نباشید اگر قادر نبودید کل صفحه رو لود کنید در برخی از روش ها برای افزایش سرعت بارگذاری سایت شما به جای کل صفحه تمام محتوایی که نیاز دارد را لود می کند بنابراین در یک برنامه واقعی که چیزی شبیه به این می باشد شما یک صفحه index.html دارید که می تونید ببینید چقدر کوتاه است برای اینکه بدونید برنامه شما چطر ممکنه به نظر برسد از قسمتی استفاده کنید که نتنها سند اصلی بلکه قسمتی از داده هایی که شما نیاز دارید در برنامه ی خود استفاده کنید را نشان می دهد و با کلیک بر روی هر یک از این گزینه ها جزئیات برای شما نمایان خواهد شد و با کلیک بر روی هر یک از آیکون ها به داده های مورد نظر برسید اگر صفحات شما لود نشد می تونید مطمعا بشید که سیستم شما در حال انجام کاری دیگر می باشد و در حال بارگذاری محتوا به صورت تدریجی می باشد هسته انگولار از جاوا اسکریپت می باشد و شما باید برای ایجاد محتویات فریم ورک از زبان جاوا اسکریپت استفاده کنید اگر با جاوا اسکریپت آشنا باشید یادگیری انگولار برای شما راحت تر خواهد بود انگولار یک سری امکاناتی در اختیار شما قرار میدهد به طور مثال اگر خود شما بخواید برنامه ای را اجرا کنید زمان زیادی از شما گرفته خواهد شد .

چرا از انگولار جی اس استفاده میکنیم ؟

 مزایا :

از ویژگی های یک موتور خوب این است که به شما این امکان را بدهد تا قالب هایی رو با تگهای خاص html بنویسید انگولار این تگها رو با داده جاجا می کند اجازه بدید برای شما یک مثال بزنم تگ های مخصوص مثل آیتم قبلی و آیتم بعدی رو داریم این تگها داخل کروشه قرار  دارن و با استفاده از اونها می تونید تصویر artists رو وارد قالب خود کنید اینجا جایی هست که شما میتونید توضیحات مربوط به عکس رو وارد کنید ما با استفاده از یک تگ می تونیم همه تگ ها رو نشون بدیم  که با پیوند زدن اونها به داده ها به یک صفحه ای مانند این صفحه تبدیل می شود بر خلاف دیگر موتور های قالب بندی انگولار مجبورتون نمیکنه تا قالب رو جداگانه بسازیم مانند بقیه کتاب خانه ها قالب شما یک بخش جدایی ناپذیر از html می باشد یکی دیگر از ویژگی های بزرگ html طریقه کارش با مدل  داکیومنت می باشد در برنامه های قدیمی شما باید نگران بوجود آمدن رویداد باشید با انگولار داده ها به طور مستقیم به قالب شما وابسته هستند خب اطلاعات خود را وارد کنید تا با تعامل با عناصر سایت بتونید …

انگولار همچنین شامل دستوراتی برای بارگیری داده های خارجی با داشتن قابلیت توابع ajax هست پس به راحتی می تونید داکیومنت های ajax رو بارگذاری کنید

برنامه های مدرن جاوا اسکریپت از روشی برای برنامه نویسی استفاده میکنند که به طور معمول به عنوان mvc شناخته می شود شما می تونید با استفاده از انگولار و این روش به اهدافتون برسید بنابراین اجازه بدید در موردش صحبت کنیم

معماری MVC :

در معماری mvc داده هاتون به عنوان یک مدل شناخته می شود اطلاعاتی که لازم داریم ممکن از یک ساختار داده ای خارجی و یا یک داکیومنت json خارجی و  حتی یک پایگاه داده بدست بیاد …

هر زمانی که در مورد Views در MVC شنیدید بدونید که یک قالبی برای نمایش داده هاتون اختصاص داده خواهد شد

کنترل ها برچسبی هستند که می تونن داده ها مدل ویو یا قالب شما رو به هم وصل کنند کنترلرها در جاوااسکریپت نوشته می شوند اما برای اجرای ویو ها و داده هاتون باید از انگولار استفاده کنید

ویژگی های دیگر انگولار :

Directives :

انگولار از چیزی به عنوان دایرکتیو ها استفاده میکنه که میتونید اون رو در  html استفاده کنید دایرکتیو ها می تونن به صورت پراکنده در سراسر html شما استفاده شود . این دستورات به انگولار میگه که چه کاری رو انجام بدهد دستورات با حرف ng و پس از آن با یک خط آغاز میشود

Data binding :

اتصال داده ها باعث کارآمد شدن قالب میشود شما می تونید مکانی رو برای ایجاد محتوا ایجاد کنید مانند قالب ما و بعد از آن به اطلاعات داده مربوط میشود .

Filters :

انگولار یک زبان فیلترینگ دارد که می تواند به یک روش خاص داده ها را سازمان دهی کند یا به راحتی با عناصر فرم تغییر بدهد

Modules :

به جای ایجاد یک داکیومنت جاوا اسکریپت حجیم می تونید قابلیت های خود را به ماژول ها تجزیه کنید ماژول ها راحت تر از کدهاشون محافظت می کنند

Routes :

مسیر ها در هسته برنامه ی تک صفحه ای قرار دارند که به شما این امکان رو می دهند که قالب خود را به چند قسمت تقسیم کنید این قابلیت  است که در قیسمت های مختلف برنامه تون وجود دارد

Contorollers

 

انگولار جی اس میتونه به شما امکانات زیادی بده تا راحت تر ایده های خودتون رو عملی کنید فقط باید یاد بگیرید که چطور با مدل های خاص html و جاوا اسکریپت کار کنید .

 

نوشته آموزش انگولار : انگولار چیست اولین بار در تک آموز پدیدار شد.

مبنع این خبر (برای مشاهده متن کامل خبر لینک زیر را بزنید):
تک آموز