<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: Kalyan Venkatesh</title>
    <description>The latest articles on Forem by Kalyan Venkatesh (@kalyan_venkatesh_4ab1f917).</description>
    <link>https://forem.com/kalyan_venkatesh_4ab1f917</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2650531%2F9cf0ee9e-7684-4f60-ac8e-3cb1e215dcdf.jpg</url>
      <title>Forem: Kalyan Venkatesh</title>
      <link>https://forem.com/kalyan_venkatesh_4ab1f917</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/kalyan_venkatesh_4ab1f917"/>
    <language>en</language>
    <item>
      <title>Wipro interview questions</title>
      <dc:creator>Kalyan Venkatesh</dc:creator>
      <pubDate>Sat, 05 Apr 2025 11:37:43 +0000</pubDate>
      <link>https://forem.com/kalyan_venkatesh_4ab1f917/wipro-interview-questions-2o0n</link>
      <guid>https://forem.com/kalyan_venkatesh_4ab1f917/wipro-interview-questions-2o0n</guid>
      <description>&lt;p&gt;roll out project how you have gathered information&lt;/p&gt;

&lt;p&gt;can you perform SHDB for composite roles&lt;/p&gt;

&lt;p&gt;what is function and what it contains&lt;/p&gt;

&lt;p&gt;why we use BI and what is the use of analysis auth objects  what is info cube info provider&lt;/p&gt;

&lt;p&gt;when you are transporting composite role should we check the check box include single roles of composite every time&lt;/p&gt;

</description>
      <category>career</category>
      <category>interview</category>
    </item>
    <item>
      <title>Front End Interview Questions</title>
      <dc:creator>Kalyan Venkatesh</dc:creator>
      <pubDate>Thu, 20 Mar 2025 09:27:05 +0000</pubDate>
      <link>https://forem.com/kalyan_venkatesh_4ab1f917/front-end-interview-questions-3f7f</link>
      <guid>https://forem.com/kalyan_venkatesh_4ab1f917/front-end-interview-questions-3f7f</guid>
      <description>&lt;p&gt;All the interview questions asked in front end interviews.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;u&gt;Javascript:&lt;/u&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;What are closures. can you explain where closures are helpful in javascript&lt;/li&gt;
&lt;li&gt;look at the following code and check whether anything wrong in this code.
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;function isSomethisWrong() {
    let arrayList = new Array(1000000).fill("*");

    return function xyz() {
        console.log('closure funciton ')
    }
}

const somethingWentWrong = isSomethisWrong();
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;Web Services&lt;/li&gt;
&lt;li&gt;Input validation&lt;/li&gt;
&lt;li&gt;Make an array empty&lt;/li&gt;
&lt;li&gt;Array methods&lt;/li&gt;
&lt;li&gt;String methods&lt;/li&gt;
&lt;li&gt;Number methods&lt;/li&gt;
&lt;li&gt;Date methods&lt;/li&gt;
&lt;li&gt;Array.sort&lt;/li&gt;
&lt;li&gt;Asynchronous awaits&lt;/li&gt;
&lt;li&gt;Promises&lt;/li&gt;
&lt;li&gt;Es5 and Es6&lt;/li&gt;
&lt;li&gt;Let const var&lt;/li&gt;
&lt;li&gt;Scope&lt;/li&gt;
&lt;li&gt;closure in JS&lt;/li&gt;
&lt;li&gt;Variable Hoisting , function Hoisting, arrow functions,&lt;/li&gt;
&lt;li&gt;Call, apply and bind&lt;/li&gt;
&lt;li&gt;Convert date&lt;/li&gt;
&lt;li&gt;Window methods&lt;/li&gt;
&lt;li&gt;Document methods&lt;/li&gt;
&lt;li&gt;Exponential in ES6&lt;/li&gt;
&lt;li&gt;Event bubbling&lt;/li&gt;
&lt;li&gt;Event capturing&lt;/li&gt;
&lt;li&gt;Stop propagation&lt;/li&gt;
&lt;li&gt;Stop immediate propagation&lt;/li&gt;
&lt;li&gt;Type conversion&lt;/li&gt;
&lt;li&gt;Math methods&lt;/li&gt;
&lt;li&gt;Session storage and local storage and cookies&lt;/li&gt;
&lt;li&gt;async await &lt;/li&gt;
&lt;li&gt;Promises&lt;/li&gt;
&lt;li&gt;Prototype chaining&lt;/li&gt;
&lt;li&gt;Prototype&lt;/li&gt;
&lt;li&gt;Callbacks&lt;/li&gt;
&lt;li&gt;Callback hell&lt;/li&gt;
&lt;li&gt;&lt;p&gt;What are closures&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;What are event propogations, how to avoid it&lt;br&gt;
q. Diff between stopPropogation and stopImmediatePropogation&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;What is the diff between array and array Map&lt;br&gt;
q. Why should we use ArrayMap instead of an object&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Why do we need to use forin and for each and when to use them instead of for loop&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;What is currying and why should I use it. &lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Difference between Array.prototype and __.prototype&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;What are premitive and non primitive data types&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;a. Why are they called primitive&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;What are constructors in javasceipt&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;a. How do you implement a constructor&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;We want to print a content of normal array, what loops will you use and why&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;When to for each, for in , for of and map looping ways&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;What are rest and spread operators&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;a. First array has simple numbers, If I create a second array using spread of first array. Is it shallow copy or deep copy? And why&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;What are promise Chains in javascript&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;input array is [1,2,3,4,5] , need output of &lt;a href="https://dev.towe%20should%20not%20use%20for%20each%20or%20for%20loops"&gt;1,3,6,10,15&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;What is debouncing.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;What is the diff between array and array Map Why should we use ArrayMap instead of an object&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Why do we need to use forin and for each and when to use them instead of for loop&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Difference between Array.prototype and __.prototype&lt;br&gt;
&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;function hoist() {
  let x = 100;
  if (true) {
    var x = 300;
  }
  console.log(x);
}
hoist();
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;What is the output of the following code snippet&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;function func2(){
  for(let i = 0; i &amp;lt; 3; i++){
    setTimeout(()=&amp;gt; console.log(i),2000);
} 
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;What should we modify if we want to print 1,2,3&lt;/p&gt;

&lt;p&gt;what should be output of the following code snippet&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;const name = "sai";
age = 25
console.log(delete name)
console.log(delete age)
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Modify the value of x in below snippet so that hello will be printed ( hint: x will be an object )&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;let x;


if(x==1 &amp;amp;&amp;amp; x==2 &amp;amp;&amp;amp; x==3){
  console.log("Hello");
}

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;&lt;u&gt;TypeScript:&lt;/u&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;which file should we touch to modify settings of typescript&lt;/li&gt;
&lt;li&gt;what can we modify in tsconfig file&lt;/li&gt;
&lt;li&gt;How typescript help us?&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;&lt;u&gt;HTML&lt;/u&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;HTML form input elements&lt;/li&gt;
&lt;li&gt;Semantics HTML elements&lt;/li&gt;
&lt;li&gt;Block , inline block , inline difference&lt;/li&gt;
&lt;li&gt;what is the difference between div and section&lt;/li&gt;
&lt;li&gt;Given an HTML , how to modify style of a particular element using pure javascripta) and by any chance modify the second text of the content.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;&lt;u&gt;CSS:&lt;/u&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Different types of position&lt;/li&gt;
&lt;li&gt;Explain position absolute vs relative&lt;/li&gt;
&lt;li&gt;What is media query&lt;/li&gt;
&lt;li&gt;Margin: 0 auto&lt;/li&gt;
&lt;li&gt;Pseudo classes&lt;/li&gt;
&lt;li&gt;Links modifications link ,visited,over,active&lt;/li&gt;
&lt;li&gt;Box modal&lt;/li&gt;
&lt;li&gt;Padding negative not able to give&lt;/li&gt;
&lt;li&gt;how to remove sharp corner&lt;/li&gt;
&lt;li&gt;Css3 different&lt;/li&gt;
&lt;li&gt;Less and sass&lt;/li&gt;
&lt;li&gt;Center align a div in HTML&lt;/li&gt;
&lt;li&gt;Pre tag to give proper space&lt;/li&gt;
&lt;li&gt;What are pseudo classes / pseudo elements&lt;/li&gt;
&lt;li&gt;How does flexbox and grid help us&lt;/li&gt;
&lt;li&gt;How we implement responsive ness in css &lt;/li&gt;
&lt;li&gt;Any idea of tailwind css&lt;/li&gt;
&lt;li&gt;what are mixins in css. how to use it&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;&lt;u&gt;GIT:&lt;/u&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;how do you create a PR&lt;/li&gt;
&lt;li&gt;what are the best practices you in your day to day work activities&lt;/li&gt;
&lt;li&gt;&lt;p&gt;What is the difference between git pull and git fetch&lt;br&gt;
a) Doesn't git pull takes the latest changes on parent branch? then &lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;what is the need of taking git fetch&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;&lt;u&gt;Rest APIs&lt;/u&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;What are the Rest API implementations you have done&lt;/li&gt;
&lt;li&gt;How do you implement REST API integration in react application&lt;/li&gt;
&lt;li&gt;Difference between axios and fetch&lt;/li&gt;
&lt;li&gt;How do you cancel the ongoing request&lt;/li&gt;
&lt;li&gt;How do you make multiple API request at a time&lt;/li&gt;
&lt;li&gt;How do you make repeated API request&lt;/li&gt;
&lt;li&gt;How do you implement real time data handling like fetching stocks related real time data&lt;/li&gt;
&lt;li&gt;interceptor&lt;/li&gt;
&lt;li&gt;How to implement geting freqeunt changes to the front end&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;&lt;u&gt;React JS:&lt;/u&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Have you worked on react grids.&lt;/li&gt;
&lt;li&gt;What are the REST API implementations you have done&lt;/li&gt;
&lt;li&gt;There are thousands of records with nested data. How do you implement displaying the data in react grid with less loading time&lt;/li&gt;
&lt;li&gt;Have you used Implementing Suspense&lt;/li&gt;
&lt;li&gt;&lt;p&gt;How do you implement error boundaries in React&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;What is useEffect Hook and what will happen&lt;br&gt;
a ) if you dont pass any dependency list&lt;br&gt;
b) if you pass empty dependency list&lt;br&gt;
c) If you pass any dependencies&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;If you face any issues in data fetching using any API, How do you convey the same to the user in a smooth way.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;what are session based authentication and token based authentications and when should we choose them.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Can we use POST insted of PUT to update any data.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;How do you do debugging in react&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;what are state and props&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;what are hooks&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Server side rendering in react&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;how to update state in react&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;what is context in react&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;How do you implement error boundaries&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Have you implemented suspense in react&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;What are session based authentication and token based authentications&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Router&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Controlled router&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;In what scenarios components will re render&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;What is a synthetic event in react&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Browser cache and application cache&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;React service handlers&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;What are controlled and uncontrolled components&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;How do you pass data from parent to child&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;What will happen if you pass any function handlers from parent to child&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;What are error boundaries&lt;br&gt;
a. How do you implement them&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;How to implement life cycle methods in functional components&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;For memorising props what key word should we use3. For memorising function handlers&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;There are huge records and how would you implement to show only few records at a time and fetch remaining records on scroll. a) event throttling. The concept is event throttling. How would you implement. &lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;what are custom hooks, what is the necessity of creating a custom hook&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;what are the differences between useEffect , useMemo and useCallback&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;what is architecture of react? have you heard of FLUX?&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;how do you handle errors while performing APIs in your application?&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;what are different routing patterns&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;How does useContext works&lt;br&gt;
What are the life cycle methods of class based components&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Implement a star rating implementation&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;what are the different ways to handle asynchronous operations&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;if you want to develop an application, what would you keep in mind while developing&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;what are the design patters we follow in developing application&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;how will you analyse whether any application has broken&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;How would you implement an error boundary . if the same can be implemented by a loader, why should we go for error boundary&lt;br&gt;
React DOM&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;When should we use functional components and when should we use class based components&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;what are the differences between functional and class based components&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;when should we use ref&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;React.comp nd react.purecomp  &lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;React service handlers &lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Is React an imperative or declarative framework.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;What is difference between React Element and React Component&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;How do you write a custom React Element&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;How to implement Protected routes in React JS.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;What are memory leaks in React JS&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;What is the output of the following jsx.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;let user = {
  name: "React",
  version: "16"
}
function App(){
    return &amp;lt;h1&amp;gt;{user.name &amp;amp;&amp;amp; `Welcome ${user.name}` &amp;amp;&amp;amp; 'Hello' }&amp;lt;/h1&amp;gt;;
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;&lt;u&gt;Redux&lt;/u&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;What is Redux&lt;/li&gt;
&lt;li&gt;Principles of Redux&lt;/li&gt;
&lt;li&gt;Explain Redux flow&lt;/li&gt;
&lt;li&gt;how can we write lifecycle methods in react&lt;/li&gt;
&lt;li&gt;context vs redux&lt;/li&gt;
&lt;li&gt;why cant we use context instead of redux&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;&lt;u&gt;Redux saga&lt;/u&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;What is redux thunk &lt;/li&gt;
&lt;li&gt;What is redux saga&lt;/li&gt;
&lt;li&gt; where does middle ware fits in state management&lt;/li&gt;
&lt;li&gt;what will happen if we don't use middleware&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;&lt;u&gt;&lt;em&gt;Useful Resources&lt;/em&gt;&lt;/u&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/sudheerj/javascript-interview-questions" rel="noopener noreferrer"&gt;https://github.com/sudheerj/javascript-interview-questions&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/cheatsheet1999/FrontEndCollection?tab=readme-ov-file" rel="noopener noreferrer"&gt;https://github.com/cheatsheet1999/FrontEndCollection?tab=readme-ov-file&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://learnersbucket.com/" rel="noopener noreferrer"&gt;https://learnersbucket.com/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://javascript.plainenglish.io/front-end-system-design-guide-9a11381f5e81" rel="noopener noreferrer"&gt;https://javascript.plainenglish.io/front-end-system-design-guide-9a11381f5e81&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.patterns.dev/" rel="noopener noreferrer"&gt;https://www.patterns.dev/&lt;/a&gt;&lt;/p&gt;

</description>
      <category>react</category>
      <category>css</category>
      <category>javascript</category>
    </item>
  </channel>
</rss>
