UI-Angular Interview Questions
UI-Angular Interview Questions
"otherDetails":{
"id":1,
"name":"Alice0",
"otherDetails":null
}
},
{
"id":2,
"name":"Alice",
"otherDetails":{
"id":3,
"name":"Alice1",
"otherDetails":{
"id":4,
"name":"Alice0",
"otherDetails":null
}
}
}
];
array.forEach(item)=>{
if(item.name== "Alice0"){
item.name ="bharath"
if(Array.isArray(item.children)){
changeName(item.chidlred,'BHarath')
}
}
}
Array.isArray()
—---------------HTML—---------
1)What are tags has been used in HTML in your experience
2)Give thee div and numbers and the number vertical to be horizontal code, apply background
color and padding , and square to round
—----------Angular—-----------------------------:
1)Interceptor concept in angular , will handle the API response and request
2)How will reduce the bundle size in angular ,
3)Bootstrap module entry point of angular
4)Authentication and authorization
5)Microfron end - modular federation
6)Unit testing in angular and what the frame used in the angular
7)Data Binding and type in angular
8)Custom directives and derive one examples
9)Git , respostories , if two different project member want to access your what will be the way to
do it and approaches
10)How Artitecture the angular application for the first time, based on the requirement (eg from
scratch what the thing need to look over , securities )
11) how will implemment angular accessibility
12) securities in angular
13) webpack in angular implementation.
14) what are way to improve the performance for angular application
15 powershell , want run JS local with out using browser ans :node js node SCRIPT.JS
Javascript
CLosure
Event Bubbling and Capturing
Nested objects need t0 change the value of the object name ,( sample in top of the coding)
Company :IFF
HTML major focus on UI
1)Design the Button , should be in center of the page -coding
2) three DIv Responsive left corner top and center and bottom right corner -coding
3)Difference between Opacity , Visibility hidden and Display :None
Level:2 Ascendion
—-----------HTML—--------
1)Semantic Tags & Non semantic tags
2)what is the use of semantic tags
3) what is <data> tags
—------CSS—----------
Flex
Properties of flex direction
What will be the defealut flex direction property
Responsive design with out using bootstrap -@media query
—-------Angular —--------
1)how angular application works
2)How will you bind the API data to HTML
3)Async pipe
4)why we use observables
5)difference between observables and promise
6)How will you improve the performance of the angular
7)How resolve the Production live defects explain the process
8)CI/CD
9)working unit test jasmine and karma
10)pure and impure pipes with examples
11)reactive form
12) scenario : in reactive forms need to bind the input in DOM based on the API call data if the
input present need to be shown are not required
13) Scenario : if entering the in the input field , it should take my last types value
Coding
Remove the dup-licates from the Array of the object -js
IBM
—---JS—------
Closure and real time examples
Types of scopes
Let vs Var
Promise
Angular
Dependency injection and why we use
How will you call API calls in angular
Interceptors.
Scenario : i home component right is my product and left side is my filter components right side
Scenario :2
HCL
=====JS======
What are ES6 Featutes
Let vas constant
Let vs var
Spread Operator
Rest OPerator
Deep Clone vs shallow clone
closure
Coding Out put
Angular —----
Data sharing with two parallel component
New features on angular17
Rxjs operator
Fork join
3api cal is there 1 api in error how it will reach
Subject vs behaviorsubject
Observable vs promise
How will you improve the performance of the angular
Uni testing
Scenario i want make the Api based on my success of my another API call
Async Pipe
Company Centific-DLF:
I want calling 2 api call i want to do and based on the success of 2 API ii want call my third api
What is RXJS
Subject VS behaviorSubject
What is NGRX
Have implemented libraries in angular
Dependency injection
Authentication process core depth -sso
Securities implementation in angular
Life cycle hooks
Async pipe
Observables
Project related explanation like chat , notification,
TCS walk in 27/07/2024
IT Experience:
—---JS —---
Closure
Call , apply bind
Event loop=> what is (macro and micro)
Promise
Currying
What are the ES6 feature
Difference between Spread and rest operator
—------JScoding—-----
1)Let a=[1,2,3,1,2,3,1,2,3,] need to check how many occurrence of 1 and 2 and 3
2)console.log(1+”2’) //output 12
// output: Ans:a,e,c,b,d
Output:
Reference Error
Error
6)let x=[a:1,b:2,c:3,d:4,e:5]
Let y=x
y.a=20
So my reference array will be changed so i don’t want to changes my reference
ANs : JSON.parse(JSON.strigify(x)) so that your refer nce will not be changes
—-----------Angular—---------
1)What is NGRX
2)Scenario based in ngrx,: in wans emitting 3 values : need to bind these values in x:value1,
y:value2,x=value 3 using ngrx
3)what is RXJS
4)what are operator has been used in RXJS
5)What is Tap operatit in rxjs
6)Difference between Switch vs merge Map
7)what is reducer in angular
8)what is Zone.js does in angular
8)how will be achieving it
9)ng Dirty, ng pristine, ng touched in angular
10)what t are life cycle hooks in angular
11:scenario:i had rendered the component ngOnit initialized for the first time , again i want call
the ngOnit what will be the approach
12:childView and container VIew
13:viewchildren and view child
14:VIew Encapsulation why it is used
15:Directive and and its type
16 what is component directive
17 what is router
18: Scenario: weather i can use multiple routes , and how will you achieve , and same my A
component should call parent router, b component should call second child router how will you
achieve
19:Diff between ngOnit VS constructor
20:what are the features in angular 16, 17 and 18
21:how will you improve the angular performance
22:router guards , what candeactive() does
23 lazy loading
24 what in interceptor ,
25 what are the type interceptor used apart from HTTP interceptor , //Output spinner ,etc..
26 i want call one API call based on that success of it , i want call my second API call what will
be the approach.
27Data sharing parallel component
28:behavior subject vs Subject
29 scenario: i was using the Service that particular i want use for only one component not for
other
30:what is content projection in angular
—----------TypeScript—----------------
What is implements y we use it
What it Omit and Emit in TS
What is Extends in ts
What is Type
What is interface
What is generic
What alias
CSS:
1)What is BOx MOdel
2)Difference between flex and Grid
3)Have you used Saas
-Javascript-
1)event loop
2)event bubbling
3)what is re the event is DOM
4)what is Map
5)how to access the HTML event from DOM
6)what is javascript script Async
This attribute is preferred when the scripts included in the page are not
dependent on each other. It is also very useful for loading scripts in the
middle of the DOM which are already there
—------Angular—--------
1)How will you improver the performance in angular
2)How will start your angular project from the angular what the keypoint to be taken care and
need to look while initial development start
3)ANgular translate
4)Angular Accessibility
5)Reactive Form
6) how will call API
7)Have worked with interceptor
8)what Route guards Does
9)What is Dependency inn angular
10)what are the properties in Provider In
11)What is Impure PIpes