Software Engineer

static : Default value. Elements render in order, as they appear in the document flow 

absolute : The element is positioned relative to its first positioned (not static) ancestor element 
 

fixed : The element is positioned relative to the browser window 
 

relative : The element is positioned relative to its normal position, so "left:20px" adds 20 pixels to the element's LEFT position.
 

sticky : The element is positioned based on the user's scroll position. A sticky element toggles between relative and fixed, depending on the scroll position. It is positioned relative until a given offset position is met in the viewport - then it "sticks" in place (like position:fixed).
 

initial : Sets this property to its default value.
 

inherit : Inherits this property from its parent element

Specificity Rules include : 
CSS style applied by referencing external stylesheet has lowest precedence and is overridden by Internal and inline CSS.
Internal CSS is overridden by inline CSS.
Inline CSS has highest priority and overrides all other selectors.

Decorators are called by the appropriate details of the item which will be decorated. Decorators are actually functions that return another function. There are two types of decorator are supported now : 

1. Class member decorators : These decorators are applied to a single member of a class. This decorator has properties, methods, getters, setters. This decorator accepts 3 parameters: 
target: The class in which the member belongs to.
name: Name of the class member.
descriptor: Description of the member which is the object that is passed to Object.defineProperty.

2. Members of classes : These decorators are applied to the entire class. These functions are called with a single parameter which is to be decorated. This function is a constructor function. These decorators are not applied to each instance of the class, it only applies to the constructor function. These decorators are less useful than class member decorators. Because we can use a simple function to do everything which can be done by these decorators.

The package.json file is the heart of any Node project. It records important metadata about a project which is required before publishing to NPM, and also defines functional attributes of a project that npm uses to install dependencies, run scripts, and identify the entry point to our package.

It is very important configuration file related to your angular application. It defines the structure of your app and includes any settings associated with your application. Here, you can specify environments on this file (development, production).

Structural Directives are directives which change the structure of the DOM by adding or removing elements.
There are three built-in structural directives, NgIf, NgFor and NgSwitch.
These directives work by using the HTML5 tag. This is a new tag in HTML which is specifically designed to hold template code. It can sit under the body element but any content inside it is not shown in the browser.

ngOnChanges − When the value of a data bound property changes, then this method is called.

ngOnInit − This is called whenever the initialization of the directive/component after Angular first displays the data-bound properties happens.

ngDoCheck − This is for the detection and to act on changes that Angular can't or won't detect on its own.

ngAfterContentInit − This is called in response after Angular projects external content into the component's view.

ngAfterContentChecked − This is called in response after Angular checks the content projected into the component.

ngAfterViewInit − This is called in response after Angular initializes the component's views and child views.

ngAfterViewChecked − This is called in response after Angular checks the component's views and child views.

ngOnDestroy − This is the cleanup phase just before Angular destroys the directive/component.

Dependency injection, or DI, is a design pattern in which a class requests dependencies from external sources rather than creating them. Angular's DI framework provides dependencies to a class upon instantiation. Use Angular DI to increase flexibility and modularity in your applications.

Tip 1 : The cross questioning can go intense some time, think before you speak.

Tip 2 : Be open minded and answer whatever you are thinking, in these rounds I feel it is important to have opinion.

Tip 3 : Context of questions can be switched, pay attention to the details. It is okay to ask questions in these round, like what are the projects currently the company is investing, which team you are mentoring. How all is the work environment etc.