diff --git a/index.html b/index.html index bb5ff1a..08fdb9b 100644 --- a/index.html +++ b/index.html @@ -1629,12 +1629,12 @@

فهر

  1. فریمورک انگولار چیه؟

    -

    Angular یک پلت‌فرم فرانت‌اند منبع باز مبتنی بر TypeScript است که ساخت برنامه‌ها را در وب/موبایل/کامپیوتر آسان می‌کند. از ویژگی های اصلی این فریم ورک مانند قالب های اعلامی، تزریق وابستگی، ابزارهای انتها به انتها و بسیاری ویژگی های دیگر برای سهولت توسعه استفاده می شود.

    +

    Angular یک پلت‌فرم فرانت‌اند اوپن سورس مبتنی بر TypeScript هس که ساخت برنامه‌ها تو وب/موبایل/کامپیوتر رو برامون اسونتر میکنه. از ویژگی های اصلی این فریم ورک میشه به قالب های declarative dependency injection، ابزارهای end to end و خیلی ویژگی های دیگه که برای اسونتر شدن توسعه استفاده میشه اشاره کرد.

    فهرست

  2. فرق بین انگولار و انگولار جی اس چیه؟

    -

    Angular یک فریم ورک کاملاً احیا شده مبتنی بر مؤلفه است که در آن یک برنامه کاربردی درختی از اجزای جداگانه است.

    +

    Angular یه فریم ورک کاملاً کامپوننت بیس هستش که تو اون یه app ساختار درختی از کامپوننت ها هستش.

    @@ -1644,24 +1644,24 @@

    تایپ اسکریپت چیه؟

    -

    TypeScript یک ابر مجموعه تایپ شده از جاوا اسکریپت است که توسط مایکروسافت ایجاد شده است که انواع اختیاری، کلاس ها، async/wait و بسیاری ویژگی های دیگر را اضافه می کند و به جاوا اسکریپت ساده کامپایل می کند. Angular به طور کامل در TypeScript ساخته شده و به عنوان زبان اصلی استفاده می شود.
    -شما می توانید آن را به صورت جهانی نصب کنید

    +

    TypeScript یک ابر مجموعه تایپ های جاوا اسکریپت هستش که توسط مایکروسافت ساخته شده که انواع تایپ های optional، class ها، async/wait و خیلی ویژگی های دیگه رو اضافه می کنه و به جاوا اسکریپت ساده کامپایل می کنه. Angular به طور کامل در TypeScript ساخته شده و به عنوان زبان اصلی استفاده می شه.
    +ما می تونیم اونو به صورت گلوبال نصب کنیم

    npm install -g typescript
    -

    Let's see a simple example of TypeScript usage,

    +

    بیاین یه مثال از نحوه استفاده از تایپ اسکریپت ببینیم

    function greeter(person: string) {
      return "Hello, " + person;
@@ -1684,29 +1684,29 @@ 
    .body.innerHTML = greeter(user);
    -

    متد greeter فقط نوع رشته را به عنوان آرگومان مجاز می کند.

    +

    متد greeter فقط تایپ string را به عنوان آرگومان اجازه میده.

    فهرست

  3. یه دیاگرام تصویری از ساختار انگولار بنویس؟

    -

    بلوک های ساختمان اصلی یک برنامه Angular در نمودار زیر نشان داده شده است
    +

    بلوک های ساختمان اصلی یک برنامه Angular رو میتونیم توی دیاگرام زیر ببینیم
    ScreenShot

    فهرست

  4. کامپوننت های کلیدی انگولار کدوما هستن؟

      -

    1. Component: اینها بلوک های ساختمانی اصلی برنامه های زاویه ای برای کنترل نماهای HTML هستند.

      2. -

    2. Modules: یک ماژول زاویه‌ای مجموعه‌ای از بلوک‌های ساختمانی پایه زاویه‌ای مانند کامپوننت، دستورالعمل‌ها، خدمات و غیره است. یک برنامه کاربردی به قطعات منطقی تقسیم می‌شود و هر قطعه کد به عنوان "ماژول" نامیده می‌شود که یک وظیفه را انجام می‌دهد.

      3. -

    3. Templates: این نماهای یک برنامه Angular را نشان می دهد.

      4. -

    4. Services: برای ایجاد مؤلفه هایی استفاده می شود که می توانند در کل برنامه به اشتراک گذاشته شوند.

      5. -

    5. Metadata: این می تواند برای افزودن داده های بیشتر به یک کلاس Angular استفاده شود.

      6. +

    6. Component: اینها بلوک های ساخت اصلی برنامه های انگولار برای کنترل نماهای HTML هستش.

      7. +

    7. Modules: یک ماژول انگولار مجموعه‌ای از بلوک‌های ساخت پایه انگولار مثل کامپوننت، directive ها service ها و غیره هستش. یک برنامه کاربردی به قطعات منطقی تقسیم میشه و هر قطعه کد به عنوان "ماژول" ازش استفاده میشه که یه وظیفه رو انجام میده.

      8. +

    8. Templates: این نماهای یک برنامه Angular را نشان میده.

      9. +

    9. Services: برای ایجاد مؤلفه هایی استفاده می شه که می تونن تو کل برنامه به اشتراک گذاشته شن.

      10. +

    10. Metadata: از این مورد می تونیم برای اضافه کردن داده های بیشتر به یک کلاس Angular استفاده کنیم.

    فهرست

  5. directives ها چیا هستن؟

    -

    directives ها رفتاری را به یک عنصر DOM موجود یا یک نمونه جزء موجود اضافه می کنند.

    +

    directive ها رفتاری رو به یه کامپوننت DOM موجود یا یک نمونه جزء موجود اضافه می کنن.

    import { Directive, ElementRef, Input } from '@angular/core';
 
@@ -1717,7 +1717,7 @@ 
    }
 }
    -

    اکنون این directive رفتار عنصر HTML را با پس‌زمینه زرد مانند زیر گسترش می‌دهد

    +

    این directive رفتار عنصر HTML را با پس‌زمینه زرد رو اینطوری پیاده سازی میکنه

    <p myHighlight>Highlight me!</p>
    @@ -1725,8 +1725,8 @@

    کامپوننت ها چیا هستن؟

    -

    کامپوننت ها اساسی ترین بلوک سازنده رابط کاربری یک برنامه Angular هستند که درختی از اجزای Angular را تشکیل می دهند. این مؤلفه ها زیر مجموعه دستورالعمل ها هستند. برخلاف دستورات، کامپوننت‌ها همیشه دارای یک الگو هستند و تنها یک جزء را می‌توان به ازای هر عنصر در قالب نمونه‌سازی کرد.
    -بیایید یک مثال ساده از کامپوننت Angular را ببینیم

    +

    کامپوننت ها اساسی ترین بلوک سازنده رابط کاربری یک برنامه Angular هستن که درختی از اجزای Angular را تشکیل هستن. این مؤلفه ها زیر مجموعه دستورالعمل ها هستت. برخلاف دستورات، کامپوننت‌ها همیشه دارای یک الگون و تنها یک جزء رو میشه به ازای هر عنصر در قالب نمونه‌سازی کرد.
    +یک مثال ساده از کامپوننت Angular رو ببینیم

    import { Component } from '@angular/core';
 
@@ -1746,8 +1746,6 @@ 
    تفاوت های بین directive و کامپوننت چیه؟
    
-
    در یک یادداشت کوتاه، A component(@component) یک دستورالعمل-با-الگو است.
    
-
    برخی از تفاوت های عمده به صورت جدولی ذکر شده است
    6. @@ -1757,23 +1755,23 @@

    template چیه؟

    -

    یک الگو یک نمای HTML است که در آن می توانید داده ها را با اتصال کنترل ها به ویژگی های یک جزء Angular نمایش دهید. می توانید الگوی جزء خود را در یکی از دو مکان ذخیره کنید. می توانید با استفاده از ویژگی template آن را به صورت درون خطی تعریف کنید، یا می توانید قالب را در یک فایل HTML جداگانه تعریف کنید و با استفاده از ویژگی templateUrl@Component decorator به آن در ابرداده کامپوننت پیوند دهید.

    +

    یک template یک نمای HTML هس که در آن می تونیم داده ها را با اتصال کنترل ها به ویژگی های یک جزء Angular نشون بدیم. می توانید الگوی جزء خود را در یکی از دو مکان ذخیره کنیم. می تونیم با استفاده از ویژگی template آن را به صورت درون خطی تعریف کینم یا می تونیم قالب را در یک فایل HTML جداگانه تعریف کنیم و با استفاده از ویژگی templateUrl@Component decorator به آن در ابرداده کامپوننت پیوند بدیم.

    Using inline template with template syntax,

    import { Component } from '@angular/core';
@@ -1818,8 +1816,8 @@ 
    ماژول چیه؟
    
-
    ماژول ها مرزهای منطقی در برنامه شما هستند و برنامه به ماژول های جداگانه تقسیم می شود تا عملکرد برنامه شما را از هم جدا کند.
    
-بیایید مثالی از app.module.ts ماژول ریشه ای را که با دکوراتور @NgModule به شرح زیر اعلام شده است، بیاوریم.
    
+
    ماژول ها مرزهای منطقی تو برنامه هستن و برنامه به ماژول های جداگانه تقسیم می شن که عملکرد برنامه رو از هم جدا کنن.
    
+بیاین مثالی از app.module.ts ماژول core را که با دکوراتور @NgModule بزنیم.
    
  
 
    import { NgModule }      from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
@@ -1833,20 +1831,20 @@ 
    })
 export class AppModule { }
 
         
-
    دکوراتور NgModule پنج گزینه مهم (در میان همه) دارد
    
+
    دکوراتور NgModule پنج گزینه مهم ( میان همه) داره
    
 
      
-
    1. گزینه imports برای وارد کردن ماژول های وابسته دیگر استفاده می شود. BrowserModule به طور پیش فرض برای هر برنامه زاویه ای مبتنی بر وب مورد نیاز است
      2. 
-
    2. گزینه declarations برای تعریف اجزا در ماژول مربوطه استفاده می شود
      3. 
-
    3. گزینه bootstrap به Angular می گوید که کدام کامپوننت را در برنامه بوت استرپ کند
      4. 
-
    4. گزینه providers برای پیکربندی مجموعه ای از اشیاء تزریقی موجود در انژکتور این ماژول استفاده می شود.
      5. 
-
    5. گزینه enterComponents مجموعه ای از اجزایی است که به صورت پویا در view بارگذاری می شوند.
      6. 
+
    6. گزینه imports برای وارد کردن ماژول های وابسته دیگر استفاده می شه. BrowserModule به طور پیش فرض برای هر برنامه انگولار مبتنی بر وب لازمه
      7. 
+
    7. گزینه declarations برای تعریف اجزا تو ماژول مربوطه استفاده می شه
      8. 
+
    8. گزینه bootstrap به Angular می گه که کدام کامپوننت را در برنامه بوت استرپ کنه
      9. 
+
    9. گزینه providers برای پیکربندی مجموعه ای از اشیاء تزریقی موجود در انژکتور این ماژول استفاده می شن.
      10. 
+
    10. گزینه enterComponents مجموعه ای از اجزاییه که به صورت پویا در view بارگذاری می شن.
      11. 
 
    
 
    فهرست
    
 
 
  6. 
 
    lifecycle های مربوط به انگولار چیا هستن؟
    
-
    برنامه Angular مجموعه کاملی از فرآیندها را طی می کند یا از زمان شروع تا پایان برنامه یک چرخه حیات دارد.
    
-نمایش چرخه حیات در نمایش تصویری به شرح زیر است:
    
+
    Angular مجموعه کاملی از فرآیندها را طی می کند یا از زمان شروع تا پایان برنامه یک lifecycle دارد.
    
+نمایش lifecycle رو متونیم تو شکل زیر ببینیم:
    
 
    ScreenShot
    
 
      
 
    1. ngOnChanges: هنگامی که مقدار یک ویژگی داده محدود تغییر می کند، این روش فراخوانی می شود.
      2.