From 0a33e8e365bbb8b500cce35dead5b1ffadbcaed9 Mon Sep 17 00:00:00 2001 From: eisa-rezaei <78264204+eisa-rezaei@users.noreply.github.com> Date: Fri, 1 Sep 2023 03:32:45 +0000 Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20=20@=203ce7a?= =?UTF-8?q?0755aa0ffd7332594a1ab430f7d04e37f8d=20=F0=9F=9A=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 288 ++++++++++++++++++++++++++--------------------------- 1 file changed, 142 insertions(+), 146 deletions(-) diff --git a/index.html b/index.html index 81a26db..a622493 100644 --- a/index.html +++ b/index.html @@ -364,10 +364,6 @@ min-height: 210mm; max-height: 212mm; } -.markdown-preview.markdown-preview .a4.half { - min-height: 190mm; - max-height: 190mm; -} .markdown-preview.markdown-preview .a4.pishgoftar { margin-top: 190mm; min-height: 420mm; @@ -480,7 +476,7 @@ } - +
@@ -1138,171 +1134,171 @@

فهر 153 -What are the security principles in angular? +قوانین امنیتی که توی انگولار وجود دارن چیا هستن؟ 154 -What is the reason to deprecate Web Tracing Framework? +چرا دیگه از فریم ورک های web tracking استفاده نمیشه؟ 155 -What is the reason to deprecate web worker packages? +چرا دیگه از پکیج های web worker استفاده نمیشه؟ 156 -How do you find angular CLI version? +چطوری ورژن CLI انگولار رو پیدا میکنی؟ 157 -What is the browser support for Angular? +ورژن هایی که از انگولار پشتیبانی میکنن کدوما هستن؟ 158 -What is schematic +schematic چیه؟ 159 -What is rule in Schematics? +قوانینی که توی Schematices چیا هستن؟ 160 -What is Schematics CLI? +Schematics CLI چیه؟ 161 -What are the best practices for security in angular? +بهترین حالت پیاده سازی قوانین امنیتی توی انگولار چیه؟ 162 -What is Angular security model for preventing XSS attacks? +توی انگولار چطوری از XSS Atack جلوگیری میکنی؟ 163 -What is the role of template compiler for prevention of XSS attacks? +قانون مربوط به جلوگیری از حمله XSS توی کامپایلر انگولار چیه؟ 164 -What are the various security contexts in Angular? +موضوع های امنیتی مختلف که توی انگولار وجود دارن چیا هستن؟ 165 -What is Sanitization? Is angular supports it? +Sanitization چیه و انگولار ازش پشتیبانی میکنه؟ 166 -What is the purpose of innerHTML? +هدف از innerHTML چیه؟ 167 -What is the difference between interpolated content and innerHTML? +تفاوت بین interpolated content و innerHTML چیه؟ 168 -How do you prevent automatic sanitization? +چطوری از sanitizaltion خودکار جلوگیری میکنی؟ 169 -Is safe to use direct DOM API methods in terms of security? +استفاده کردن مستقیم از DOM API مشکل امنیتی داره یا نه؟ 170 -What is DOM sanitizer? +DOM sanitizer چیه؟ 171 -How do you support server side XSS protection in Angular application? +چطوری سمت سرور از حمله XSS توی انگولار جلوگیری میکنی؟ 172 -Is angular prevents http level vulnerabilities? +انگولار از حمله های سطح http جلوگیری میکنه؟ 173 -What are Http Interceptors? +Http Interceptors ها چیا هستن؟ 174 -What are the applications of HTTP interceptors? +کاربرد های مربوط به HTTP interceptor ها چیا هستن؟ 175 -Is multiple interceptors supported in Angular? +داشتن interceptor های چن تایی توی انگولار پشتیبانی میشه؟ 176 -How can I use interceptor for an entire application? +چطوری میتونم از interceptor برای کل پروژه استفاده کنم؟ 177 -How does Angular simplifies Internationalization? +چطوری انگولار internationalization رو انجام میده؟ 178 -How do you manually register locale data? +چطوری به صورت دستی دیتای لوکال رو ذخیره میکنی؟ 179 -What are the four phases of template translation? +چهار فازی که برای ترجمه انجام میشه چیا هستن؟ 180 -What is the purpose of i18n attribute? +هدف از اتربیوت i18n چیه ؟ 181 -What is the purpose of custom id? +هدف از custom id چیه؟ 182 -What happens if the custom id is not unique? +اگه یه custom id, unique نباشه چه اتفاقی میوفته؟ 183 -Can I translate text without creating an element? +میتونم یه متن رو بدون ساخت المنت ترجمه کنم؟ 184 -How can I translate attribute? +چطوری میتونم اتربیوت ها رو ترجمه کنم؟ 185 -List down the pluralization categories? +دسته بندی های pluralization رو لیست کن؟ 186 -What is select ICU expression? +عبارت برای انتخاب ICU چیه؟ 187 -How do you report missing translations? +چطوری ترجمه های ناقص رو گزارش میکنی؟ 188 -How do you provide build configuration for multiple locales? +چطوری برای مناطق مختلف build رو کانفیگ میکنی؟ 189 -What is an angular library? +منظور از کتابخونه انگولار چیه؟ 190 -What is AOT compiler? +کامپایلر AOT چیه؟ 191 -How do you select an element in component template? +چطوری یه المنت رو از توی ساختار کامپوننت انتخاب میکنی؟ 192 -What is TestBed? +TestBed چیه؟ 193 -What is protractor? +protractor چیه؟ 194 -What is collection? +منظور زا collection چیه؟ 195 @@ -1310,7 +1306,7 @@

فهر 196 -How do you use jquery in Angular? +چطوری از Jquery توی انگولار استفاده میکنی؟ 197 @@ -1318,19 +1314,19 @@

فهر 198 -What is router state? +منظور از router state چیه؟ 199 -How can I use SASS in angular project? +چطوری میتونم از SASS توی پروژه انگولار استفاده کنم؟ 200 -What is the purpose of hidden property? +هدف از hidden property چیه؟ 201 -What is the difference between ngIf and hidden property? +فرق بین ngIf و hidden property چیه؟ 202 @@ -2867,7 +2863,7 @@

فهرست

  • -

    What is router state?

    +

    منظور از router state چیه؟

    RouterState درختی از مسیرهای فعال شده است. هر گره در این درخت از بخش های URL "مصرف شده"، پارامترهای استخراج شده و داده های حل شده می داند. با استفاده از «سرویس روتر» و ویژگی «routerState» می‌توانید از هر کجای برنامه به RouterState فعلی دسترسی داشته باشید.

    @Component({templateUrl:'template.html'})
@@ -2881,7 +2877,7 @@ 
    فهرست
    
+
    فهرست

    • event های مربوط به router چیا هستن؟events?

    @@ -4192,7 +4188,7 @@

    فهرست

  • -

    What are the security principles in angular?

    +

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

    در زیر لیستی از اصول امنیتی در زاویه ای آورده شده است.

    1. باید از استفاده مستقیم از APIهای DOM اجتناب کنید.

      2. @@ -4202,20 +4198,20 @@

      فهرست

      +

      فهرست

    2. -

      What is the reason to deprecate Web Tracing Framework?

      +

      چرا فریم ورک های web tracking

      Angular از ادغام با Web Tracing Framework (WTF) به منظور اجرای عملیات پشتیبانی شده است. از آنجایی که به خوبی نگهداری نمی شود و در اکثر برنامه ها شکسته می شود، در آخرین نسخه منسوخ شده است.

      -

      فهرست

      +

      فهرست

    3. -

      What is the reason to deprecate web worker packages?

      +

      چرا از پکیج های web worker استفاده نمیشه؟

      هر دو «@angular/platform-webworker» و «@angular/platform-webworker-dynamic» رسماً منسوخ شده‌اند، تیم Angular متوجه شد که اجرای برنامه Angular روی Web worker عمل خوبی نیست.

      -

      فهرست

      +

      فهرست

    4. -

      How do you find angular CLI version?

      +

      چطوری ورژن CLI انگولار رو پیدا میکنی؟

      Angular CLI نسخه نصب شده خود را با استفاده از روش های مختلف زیر با استفاده از دستور ng ارائه می دهد

      ng v
@@ -4231,10 +4227,10 @@ 
      ...
      -

      فهرست

      +

      فهرست

    5. -

      What is the browser support for Angular?

      +

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

      Angular از جدیدترین مرورگرها پشتیبانی می کند که شامل مرورگرهای دسکتاپ و موبایل می شود.

      @@ -4278,48 +4274,48 @@

      فهرست

      +

      فهرست

    6. -

      What is schematic?

      +

      schematic چیه؟

      این یک کتابخانه داربستی است که نحوه تولید یا تبدیل یک پروژه برنامه نویسی را با ایجاد، اصلاح، تغییر شکل یا جابجایی فایل ها و کد تعریف می کند. قوانینی را تعریف می کند که بر روی یک فایل سیستم مجازی به نام درخت عمل می کنند.

      -

      فهرست

      +

      فهرست

    7. -

      What is rule in Schematics?

      +

      قوانینی که توی Schematices چیا هستن؟

      در دنیای شماتیک، این تابعی است که روی درخت فایل برای ایجاد، حذف یا اصلاح فایل‌ها به شیوه‌ای خاص عمل می‌کند.

      -

      فهرست

      +

      فهرست

    8. -

      What is Schematics CLI?

      +

      Schematics CLI چیه؟

      طرحواره ها با ابزار خط فرمان خود به نام Schematics CLI عرضه می شوند. برای نصب شماتیک های اجرایی استفاده می شود که می توانید از آن برای ایجاد یک مجموعه شماتیک جدید با نام اولیه شماتیک استفاده کنید. پوشه مجموعه یک فضای کاری برای شماتیک ها است. همچنین می توانید از دستور schematics برای اضافه کردن یک شماتیک جدید به مجموعه موجود یا گسترش یک شماتیک موجود استفاده کنید. شما می توانید Schematic CLI را بصورت سراسری به صورت زیر نصب کنید.

      npm install -g @angular-devkit/schematics-cli
      -

      فهرست

      +

      فهرست

    9. -

      What are the best practices for security in angular?

      +

      بهترین حالت پیاده سازی قوانین امنیتی توی انگولار چیه؟

      در زیر بهترین شیوه های امنیتی در زاویه ای آورده شده است.

      1. از آخرین نسخه های کتابخانه Angular استفاده کنید

      2. کپی Angular خود را تغییر ندهید

      3. از API های Angular که در مستندات به عنوان "ریسک امنیتی" علامت گذاری شده اند، خودداری کنید.

      -

      فهرست

      +

      فهرست

    10. -

      What is Angular security model for preventing XSS attacks?

      +

      توی انگولار چطوری از XSS Atack جلوگیری میکنی؟

      Angular به طور پیش فرض همه مقادیر را غیرقابل اعتماد می داند. به عنوان مثال، Angular پاکسازی می‌کند و از مقادیر نامعتبر فرار می‌کند وقتی یک مقدار از یک الگو، از طریق ویژگی، ویژگی، سبک، کلاس اتصال یا درون‌یابی در DOM درج می‌شود.

      -

      فهرست

      +

      فهرست

    11. -

      What is the role of template compiler for prevention of XSS attacks?

      +

      قانون مربوط به جلوگیری از حمله XSS توی کامپایلر انگولار چیه؟

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

      -

      فهرست

      +

      فهرست

    12. -

      What are the various security contexts in Angular?

      +

      موضوع های امنیتی توی انگولار چیا هستن؟

      Angular زمینه های امنیتی زیر را برای پاکسازی تعریف می کند:

      1. HTML: هنگام تفسیر یک مقدار به عنوان HTML مانند اتصال به innerHtml استفاده می شود.

        2. @@ -4327,15 +4323,15 @@

        فهرست

        +

        فهرست

      2. -

        What is Sanitization? Is angular supports it?

        +

        Sanitization چیه و انگولار ازش پشتیبانی میکنه؟

        Sanitization بازرسی یک مقدار نامعتبر است که آن را به مقداری تبدیل می کند که برای درج آن در DOM ایمن است. بله، Angular از ضد عفونی کردن پشتیبانی می کند. مقادیر نامعتبر را برای HTML، سبک‌ها و URLها پاکسازی می‌کند، اما پاکسازی URLهای منبع ممکن نیست زیرا حاوی کد دلخواه هستند.

        -

        فهرست

        +

        فهرست

      3. -

        What is the purpose of innerHTML?

        +

        هدف از innerHTML چیه؟

        innerHtml یکی از ویژگی های HTML-Elements است که به شما امکان می دهد محتوای html آن را به صورت برنامه ریزی شده تنظیم کنید. بیایید قطعه کد html زیر را در تگ «

        » با استفاده از binding innerHTML مانند زیر نمایش دهیم.

        <div [innerHTML]="htmlSnippet"></div>
@@ -4347,10 +4343,10 @@ 
        }

        متأسفانه این ویژگی می تواند باعث ایجاد اشکالات امنیتی Cross Site Scripting (XSS) در صورت مدیریت نادرست شود.

        -

        فهرست

        +

        فهرست

      4. -

        What is the difference between interpolated content and innerHTML?

        +

        تفاوت بین interpolated content و innerHTML چیه؟

        تفاوت اصلی بین کد درون یابی شده و کد داخلی در رفتار کد تفسیر شده است. محتوای درون‌یابی همیشه حذف می‌شود، یعنی HTML تفسیر نمی‌شود و مرورگر براکت‌های زاویه‌ای را در محتوای متن عنصر نمایش می‌دهد. در جایی که در innerHTML binding، محتوا تفسیر می شود، یعنی مرورگر کاراکترهای < و > را به عنوان HTMLEntities تبدیل می کند. به عنوان مثال، استفاده در قالب به صورت زیر خواهد بود.

        <p>Interpolated value:</p>
@@ -4365,10 +4361,10 @@ 
        }

        حتی با وجود اینکه innerHTML binding شانس حمله XSS را ایجاد می کند، Angular این مقدار را ناامن تشخیص می دهد و به طور خودکار آن را پاکسازی می کند.

        -

        فهرست

        +

        فهرست

      5. -

        How do you prevent automatic sanitization?

        +

        چطوری از sanitizaltion خودکار جلوگیری میکنی؟

        گاهی اوقات برنامه ها واقعاً نیاز دارند که کدهای اجرایی مانند نمایش <iframe> را از یک URL داشته باشند. در این مورد، باید با گفتن اینکه یک مقدار را بررسی کرده اید، نحوه تولید آن را بررسی کرده اید و مطمئن شده اید که همیشه ایمن است، از پاکسازی خودکار در Angular جلوگیری کنید. اساساً شامل 2 مرحله است،

        1. @@ -4391,34 +4387,34 @@

          this.dangerousUrl = 'javascript:alert("XSS attack")'; this.trustedUrl = sanitizer.bypassSecurityTrustUrl(this.dangerousUrl); -

          فهرست

          +

          فهرست

        2. -

          Is safe to use direct DOM API methods in terms of security?

          +

          استفاده کردن مستقیم از DOM API مشکل امنیتی داره یا نه؟

          خیر، APIها یا روش‌های داخلی مرورگر DOM به‌طور خودکار از شما در برابر آسیب‌پذیری‌های امنیتی محافظت نمی‌کنند. در این مورد توصیه می شود به جای تعامل مستقیم با DOM از قالب های Angular استفاده کنید. اگر اجتناب ناپذیر است، از عملکردهای ضدعفونی داخلی Angular استفاده کنید.

          -

          فهرست

          +

          فهرست

        3. -

          What is DOM sanitizer?

          +

          DOM sanitizer چیه؟

          «DomSanitizer» برای کمک به جلوگیری از اشکالات امنیتی Cross Site Scripting (XSS) با پاکسازی مقادیر برای ایمن بودن استفاده در زمینه‌های مختلف DOM استفاده می‌شود.

          -

          فهرست

          +

          فهرست

        4. -

          How do you support server side XSS protection in Angular application?

          +

          چطوری سمت سرور از حمله XSS توی انگولار جلوگیری میکنی؟

          حفاظت XSS سمت سرور در یک برنامه زاویه ای با استفاده از زبان قالبی که به طور خودکار از مقادیر برای جلوگیری از آسیب پذیری های XSS در سرور فرار می کند، پشتیبانی می شود. اما از زبان قالب برای تولید الگوهای Angular در سمت سرور استفاده نکنید که خطر زیادی برای معرفی آسیب‌پذیری‌های تزریق قالب ایجاد می‌کند.

          -

          فهرست

          +

          فهرست

        5. -

          Is angular prevents http level vulnerabilities?

          +

          انگولار حمله های سطح http رو جلوگیری میکنه؟

          Angular دارای پشتیبانی داخلی برای جلوگیری از آسیب‌پذیری‌های سطح http مانند جعل درخواست بین سایتی (CSRF یا XSRF) و گنجاندن اسکریپت بین سایتی (XSSI) است. حتی اگر این آسیب‌پذیری‌ها باید در سمت سرور کاهش یابند، Angular کمک‌هایی را برای آسان‌تر کردن ادغام در سمت کلاینت ارائه می‌کند.

          1. HttpClient از مکانیزم نشانه ای پشتیبانی می کند که برای جلوگیری از حملات XSRF استفاده می شود

          2. کتابخانه HttpClient قرارداد پاسخ‌های JSON پیشوندی را تشخیص می‌دهد (که js غیرقابل اجرا با نویسه‌های ")]}'،\n" کد می‌کند) و به طور خودکار رشته ")]}'،\n" را از همه پاسخ‌های قبل حذف می‌کند. تجزیه بیشتر

          -

          فهرست

          +

          فهرست

        6. -

          What are Http Interceptors?

          +

          Http ها چیا هستن؟Interceptors

          رهگیرهای Http بخشی از @angular/common/http هستند که درخواست‌های HTTP را از برنامه شما به سرور و برعکس در پاسخ‌های HTTP بررسی و تبدیل می‌کنند. این رهگیرها می توانند انواع مختلفی از وظایف ضمنی، از احراز هویت گرفته تا ثبت را انجام دهند.

          نحو رابط HttpInterceptor مانند زیر است.

          @@ -4451,10 +4447,10 @@

          }) export class AppModule {} -

          فهرست

          +

          فهرست

        7. -

          What are the applications of HTTP interceptors?

          +

          کاربرد های مربوط به HTTP interceptor ها چیا هستن؟

          رهگیرهای HTTP را می توان برای انواع مختلفی از وظایف استفاده کرد،

          1. Authentication

            2. @@ -4464,10 +4460,10 @@

            فهرست

            +

            فهرست

          2. -

            Is multiple interceptors supported in Angular?

            +

            داشتن interceptor های چن تایی توی انگولار پشتیبانی میشه؟

            بله، Angular از چندین رهگیر در یک زمان پشتیبانی می کند. می توانید چندین رهگیر را در ویژگی ارائه دهندگان تعریف کنید:

            providers: [
@@ -4476,10 +4472,10 @@ 
            ],

            رهگیرها به ترتیبی که ارائه شده اند فراخوانی می شوند. i.n، MyFirst Interceptor ابتدا در پیکربندی رهگیرهای بالا فراخوانی می شود.

            -

            فهرست

            +

            فهرست

          3. -

            How can I use interceptor for an entire application?

            +

            چطوری میتونم از interceptor برای کل پروژه استفاده کنم؟

            می‌توانید با وارد کردن «HttpClientModule» فقط در AppModule خود، از همان نمونه «HttpInterceptors» برای کل برنامه استفاده کنید، و رهگیرها را به انژکتور برنامه root اضافه کنید.
            برای مثال، بیایید کلاسی را تعریف کنیم که در برنامه root قابل تزریق باشد.

            @@ -4521,7 +4517,7 @@

          4. -

            How does Angular simplifies Internationalization?

            +

            چطوری انگولار internationalization رو انجام میده؟

            Angular زمینه های بین المللی سازی زیر را ساده می کند:

            1. نمایش تاریخ، عدد، درصد و ارز در قالب محلی.

              2. @@ -4529,10 +4525,10 @@

              فهرست

              +

              فهرست

            2. -

              How do you manually register locale data?

              +

              چطوری به صورت دستی دیتای لوکال رو ذخیره میکنی؟

              به‌طور پیش‌فرض، Angular فقط حاوی داده‌های محلی برای en-US است که انگلیسی است که در ایالات متحده آمریکا صحبت می‌شود. اما اگر می‌خواهید روی محلی دیگر تنظیم کنید، باید داده‌های محلی را برای آن محلی جدید وارد کنید. پس از آن می توانید با استفاده از روش «registerLocaleData» ثبت نام کنید و نحو این روش به شکل زیر است.

              registerLocaleData(data: any, localeId?: any, extraData?: any): void
@@ -4544,10 +4540,10 @@ 
              registerLocaleData(localeDe, 'de');
              -

              فهرست

              +

              فهرست

            3. -

              What are the four phases of template translation?

              +

              چهار فازی که برای ترجمه انجام میشه چیا هستن؟

              فرآیند ترجمه قالب i18n دارای چهار مرحله است:

              1. Mark static text messages in your component templates for translation: می توانید i18n را روی هر تگ عنصری که متن ثابت آن باید ترجمه شود قرار دهید. به عنوان مثال، برای عنوان زیر به ویژگی i18n نیاز دارید.

                2. @@ -4592,16 +4588,16 @@

                فهرست

                +

                فهرست

              2. -

                What is the purpose of i18n attribute?

                +

                هدف از اتربیوت i18n چیه ؟

                ویژگی Angular i18n محتوای قابل ترجمه را علامت گذاری می کند. این یک ویژگی سفارشی است که توسط ابزارها و کامپایلرهای Angular شناسایی می شود. کامپایلر پس از ترجمه آن را حذف می کند.

                Note: به یاد داشته باشید که i18n یک دستورالعمل Angular نیست.

                -

                فهرست

                +

                فهرست

              3. -

                What is the purpose of custom id?

                +

                هدف از custom id چیه؟

                هنگامی که متن قابل ترجمه را تغییر می‌دهید، ابزار استخراج Angular یک شناسه جدید برای آن واحد ترجمه ایجاد می‌کند. به دلیل این رفتار، باید هر بار فایل ترجمه را با شناسه جدید به روز کنید.

                برای مثال، فایل ترجمه «messages.de.xlf.html» برای برخی از پیام‌های متنی زیر واحد انتقال ایجاد کرده است:

                @@ -4611,10 +4607,10 @@ 

                <h1 i18n="@@welcomeHeader">Hello i18n!</h1>
                -

                فهرست

                +

                فهرست

              4. -

                What happens if the custom id is not unique?

                +

                اگه یه custom id, unique نباشه چه اتفاقی میوفته؟

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

                برای مثال، بیایید همان شناسه سفارشی myCustomId را برای دو پیام تعریف کنیم:

                @@ -4634,19 +4630,19 @@

                <h2>Guten Morgen</h2> <h2>Guten Morgen</h2> -

                فهرست

                +

                فهرست

              5. -

                Can I translate text without creating an element?

                +

                میتونم یه متن رو بدون ساخت المنت ترجمه کنم؟

                بله، می‌توانید با استفاده از ویژگی «» به آن دست پیدا کنید. معمولاً برای ترجمه باید محتوای متنی را با ویژگی i18n بپیچید. اما اگر نمی‌خواهید یک عنصر DOM جدید فقط به خاطر ترجمه ایجاد کنید، می‌توانید متن را در یک عنصر بپیچید.

                <ng-container i18n>I'm not using any DOM element for translation</ng-container>

                به یاد داشته باشید که «» به یک نظر html تبدیل می شود

                -

                فهرست

                +

                فهرست

              6. -

                How can I translate attribute?

                +

                چطوری میتونم اتربیوت ها رو ترجمه کنم؟

                می‌توانید ویژگی‌ها را با پیوست کردن ویژگی «i18n-x» ترجمه کنید، جایی که x نام ویژگی برای ترجمه است. به عنوان مثال، می توانید ویژگی عنوان تصویر را به صورت زیر ترجمه کنید.

                <img [src]="example" i18n-title title="Internationlization" />
@@ -4659,7 +4655,7 @@ 
                
 
              7. 
-
                List down the pluralization categories?
                
+
                دسته بندی های pluralization رو لیست کن؟
                
 
                تعدد بسته به زبان دارای دسته های زیر است.
                
 
                  
 
                1. = 0 (یا هر عدد دیگری)
                  2. 
@@ -4670,19 +4666,19 @@ 
                  فهرست
                  
+
                  فهرست
                  
 
 
                2. 
-
                  What is select ICU expression?
                  
+
                  عبارت برای انتخاب ICU چیه؟
                  
 
                  عبارت ICU شبیه عبارات جمع است با این تفاوت که شما از بین ترجمه های جایگزین بر اساس مقدار رشته به جای عدد انتخاب می کنید. در اینجا شما آن مقادیر رشته را تعریف می کنید.
                  
 
                  بیایید مؤلفه را با ویژگی «residenceStatus» که دارای مقادیر ممکن «شهروند»، «مقیم دائم» و «خارجی» است، در نظر بگیریم و پیام آن مقادیر را به ترجمه‌های مناسب نگاشت می‌کند.
                  
 
 
                  <span i18n>The person is {residenceStatus, select, citizen {citizen} permanent resident {permanentResident} foreigner {foreigner}}</span>
 
                  
-
                  فهرست
                  
+
                  فهرست
                  
 
                  3. 
 
                3. 
-
                  How do you report missing translations?
                  
+
                  چطوری ترجمه های ناقص رو گزارش میکنی؟
                  
 
                  به‌طور پیش‌فرض، هنگامی که ترجمه وجود ندارد، پیام هشداری مانند «ترجمه از دست رفته برای پیام «somekey» ایجاد می‌کند. اما می توانید با سطح متفاوتی از پیام در کامپایلر Angular به صورت زیر پیکربندی کنید.
                  
 
                    
 
                  1. Error: خطا میده اگر از کامپایل AOT استفاده می کنید، بیلد با شکست مواجه می شود. اما اگر از کامپایل JIT استفاده می کنید، برنامه بارگذاری نمی شود.
                    2. 
@@ -4712,10 +4708,10 @@ 
                    ]
 });
                8. -

                فهرست

                +

                فهرست

              8. -

                How do you provide build configuration for multiple locales?

                +

                چطوری برای مناطق مختلف build رو کانفیگ میکنی؟

                می‌توانید پیکربندی ساخت مانند مسیر فایل ترجمه، نام، قالب و آدرس برنامه را در تنظیمات «پیکربندی» فایل Angular.json ارائه کنید. به عنوان مثال، نسخه آلمانی برنامه شما بیلد را به صورت زیر پیکربندی کرده است:

                "configurations": {
@@ -4730,46 +4726,46 @@ 
                فهرست
                
+
                فهرست
              9. -

                What is an angular library?

                +

                منظور از کتابخونه انگولار چیه؟

                کتابخانه Angular یک پروژه Angular است که با یک برنامه تفاوت دارد زیرا نمی تواند به تنهایی اجرا شود. باید وارد شده و در یک برنامه استفاده شود. برای مثال، می‌توانید کتابخانه «سرویس‌کار» را به یک برنامه Angular وارد یا اضافه کنید که یک برنامه کاربردی را به یک برنامه وب پیشرو (PWA) تبدیل می‌کند.

                Note: شما می توانید کتابخانه شخص ثالث خود را ایجاد کنید و آن را به عنوان بسته npm منتشر کنید تا در یک برنامه استفاده شود.

                -

                فهرست

                +

                فهرست

              10. -

                What is AOT compiler?

                +

                کامپایلر AOT چیه؟

                کامپایلر AOT بخشی از یک فرآیند ساخت است که یک بسته برنامه کوچک، سریع و آماده برای اجرا تولید می‌کند، معمولاً برای تولید. این کد Angular HTML و TypeScript شما را در مرحله ساخت قبل از دانلود و اجرای آن کد به کد جاوا اسکریپت کارآمد تبدیل می کند.

                -

                فهرست

                +

                فهرست

              11. -

                How do you select an element in component template?

                +

                چطوری یه المنت رو از توی ساختار کامپوننت انتخاب میکنی؟

                شما می توانید هر عنصر DOM را از طریق ElementRef با تزریق آن به سازنده کامپوننت خود کنترل کنید. یعنی کامپوننت باید سازنده ای با پارامتر ElementRef داشته باشد،

                constructor(myElement: ElementRef) {
    el.nativeElement.style.backgroundColor = 'yellow';
 }
                -

                فهرست

                +

                فهرست

              12. -

                What is TestBed?

                +

                TestBed چیه؟

                TestBed یک api برای نوشتن تست های واحد برای برنامه های Angular و کتابخانه های آن است. حتی با وجود اینکه ما هنوز تست‌های خود را در Jasmine می‌نویسیم و با استفاده از Karma اجرا می‌کنیم، این API راه آسان‌تری برای ایجاد اجزا، مدیریت تزریق، آزمایش رفتار ناهمزمان و تعامل با برنامه ما ارائه می‌کند.

                -

                فهرست

                +

                فهرست

              13. -

                What is protractor?

                +

                protractor چیه؟

                نقاله یک چارچوب تست سرتاسر برای برنامه های Angular و AngularJS است. این برنامه آزمایش هایی را بر روی برنامه شما که در یک مرورگر واقعی اجرا می شود، اجرا می کند و مانند یک کاربر با آن تعامل دارد.

                npm install -g protractor
                -

                فهرست

                +

                فهرست

              14. -

                What is collection?

                +

                منظور زا collection چیه؟

                مجموعه مجموعه ای از شماتیک های مرتبط است که در یک بسته npm جمع آوری شده است. به عنوان مثال، مجموعه @schematics/angular در Angular CLI برای اعمال تبدیل به یک پروژه برنامه وب استفاده می شود. شما می توانید مجموعه شماتیک خود را برای سفارشی سازی پروژه های زاویه ای ایجاد کنید.

                -

                فهرست

                +

                فهرست

              15. How do you create schematics for libraries?

                @@ -4785,7 +4781,7 @@

                فهرست

              16. -

                How do you use jquery in Angular?

                +

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

                می توانید با استفاده از 3 مرحله ساده از jquery در Angular استفاده کنید.

                1. Install the dependency: ابتدا وابستگی jquery را با استفاده از npm نصب کنید

                  2. @@ -4827,7 +4823,7 @@

                  فهرست

                  +

                  فهرست

                2. What is the reason for No provider for HTTP exception?

                  @@ -4848,7 +4844,7 @@

                  فهرست

                3. -

                  What is router state?

                  +

                  منظور از router state چیه؟

                  RouteState یک رابط است که وضعیت روتر را به عنوان درختی از مسیرهای فعال نشان می دهد.

                  interface RouterState extends Tree {
@@ -4857,10 +4853,10 @@ 
                  فهرست
                  
+
                  فهرست
                4. -

                  How can I use SASS in angular project?

                  +

                  چطوری میتونم از SASS توی پروژه انگولار استفاده کنم؟

                  هنگامی که پروژه خود را با cli زاویه ای ایجاد می کنید، می توانید از دستور "ng new" استفاده کنید. تمام اجزای شما را با فایل های sass از پیش تعریف شده تولید می کند.

                  ng new My_New_Project --style=sass
@@ -4869,22 +4865,22 @@ 
                  
 
                  ng set defaults.styleExt scss
 
                  
-
                  فهرست
                  
+
                  فهرست
                5. -

                  What is the purpose of hidden property?

                  +

                  هدف از hidden property چیه؟

                  ویژگی hidden برای نشان دادن یا پنهان کردن عنصر DOM مرتبط بر اساس یک عبارت استفاده می شود. می توان آن را نزدیک به دستورالعمل «ng-show» در AngularJS مقایسه کرد. فرض کنید می خواهید نام کاربری را بر اساس در دسترس بودن کاربر با استفاده از ویژگی "مخفی" نشان دهید.

                  <div [hidden]="!user.name">
   My name is: {{user.name}}
 </div>
                  -

                  فهرست

                  +

                  فهرست

                6. -

                  What is the difference between ngIf and hidden property?

                  +

                  فرق بین ngIf و hidden property چیه؟

                  تفاوت اصلی این است که *ngIf عنصر را از DOM حذف می کند، در حالی که [hidden] در واقع با تنظیم «display:none» با سبک CSS بازی می کند. به طور کلی اضافه کردن و حذف موارد از DOM برای اقدامات مکرر گران است.

                  -

                  فهرست

                  +

                  فهرست

                7. What is slice pipe?