most valuable keyword definition of Angular -- ii

 1. With the help of wire-frame we create prototype that defines look & feel for WEB and Mobile apps. 

           eg. :  Axure RP8 Enterprise Edition, figma, xd

2.   Data Storage  ---------------|-----------    Local 

                                                 |------------- Cookie

                                                 |------------- Session

                                                 |------------- Service

3. Spider Monkey is the JS Engine of firefox web browser.

4 Chakra / Chakra Core is the JS Engine of Microsoft.

5. Javascript Core is the JS Engine of Safari.

6. V8 is the JS Engine of Chrome.

7. Each major browser has it's own engine. Engine is the part that read & execute source code.

8.  spice( ) method return removed items within array while the  slice( ) method return the selected item in another array. splice() method can take n number of arguments.

  splice( Arg 1, Arg 2, Arg 3 )

  Arg 1 ------- required, index,

 Arg 2 -------- number of items will be removed from index

 Arg 3 ------- Optional, items that will be added within array


9. Benefits of Angular ,

     ------------------------------- Data Handling

     ------------------------------- Dependency Injection

     ------------------------------- Server Side Rendering

10.  Dependency Injection is use to maintain application without writing too long code. It's a new concept compared with other JS framework like ----- backbone & knockout.

11.  Server Side Rendering is used to make views faster on mobile.

12. In data handling, data can be distributed and presented in two ways:

 ------------------------------Pagination ==> Data split across multiple pages using pagination.

 ------------------------------Scroll ==>The complete  Data is presented to the user in a single view as he scrolls on the screen.

 ------------------------------Scrollable View of data can be presented in two ways. 

1. Infinite Scroll ---- initially loads a small set of data and keeps appending data as user scrolls.

2. virtual scroll ---- It keeps the number of DOM element constant hence maintaining the performance of application.


13. @Input and @output are the decorator in Angular responsible for communication b/w two components.

14. Attribute directive are used to change the look and behaviour of DOM elements.

15.  Attribute directive ---------------- ngClass => is used to add or remove css classes

16.  Attribute directive ---------------- ngStyle => is used to change the style of html content dynamically

17. Structures Directive --------------- used to change the structure of DOM element.

Structures Directive ----ngSwitch / ngIf ------------------------ allow to add or remove DOM element.

Structures Directive ----*ngFor --------------------------------- used to repeat a portion of html template.


18. Ionic plugin are used to implement hardware functionality that helps in native app development.


Model and directive


caseType, lifecycle hook, Resolver, Route Guard, Server side rendering, observable,


Observable is used for   asynchronous event handling.

A class which is preceded by the @Pipe{} decorator.

Animation

directive is a class that can modify the structure of DOM /attributes in DOM and data model.

Attributes directive modify the appearance and behaviors of DOM and the structure directive modify the structure of DOM. 


dependency injection

ngModule


pipe

providers



.

Comments

Popular posts from this blog

Become a Expert + Secret of Success -- ii

Change Detection

without writing media queries How to make responsive component