Q1. API call and thunk
Add your answer

Q1. State and Props
Add your answer

Q1. Design Accessibility
Add your answer
Q2. Design principles
Add your answer

Q1. Css flexbox and grid
Add your answer
Q2. Pagination on scroll
Ans. 
Implementing pagination on scroll allows for loading more content as the user reaches the bottom of the page.
• Use a scroll event listener to detect when the user has reached the bottom of the page

• Make an API call to fetch more data when the bottom is reached

• Append the new data to the existing content on the page
Answered by AI
Add your answer
Q3. Immediately invoked fn and anonymous fn
Ans. 
Immediately invoked function expressions (IIFE) are functions that are executed immediately after they are created.
• IIFE is defined and invoked at the same time using parentheses at the end of the function declaration.

• Anonymous functions do not have a name and can be used as IIFE by wrapping them in parentheses.

• IIFE is commonly used to create a private scope for variables and functions.
Answered by AI
Add your answer
Q4. What are closures
Ans. 
Closures are functions that have access to variables from their outer scope even after the outer function has finished executing.
• Closures allow functions to access variables from their parent function even after the parent function has returned

• They help in creating private variables and functions in JavaScript

• Closures are commonly used in event handlers and callbacks
Answered by AI
Add your answer
Q5. What is promise? explain
Ans. 
A promise is an object representing the eventual completion or failure of an asynchronous operation.
• Promises are used to handle asynchronous operations in JavaScript.

• They can be in one of three states: pending, fulfilled, or rejected.

• Promises can be chained using .then() method to handle success and failure callbacks.

• Example: Fetch API returns a promise when making an HTTP request.
Answered by AI
Add your answer
Q6. What is lazy loading -explain
Ans. 
Lazy loading is a technique used in web development to defer loading non-essential resources until they are needed.
• Lazy loading helps improve page load times by only loading resources when they are required.

• It is commonly used for images, videos, and other media files on a webpage.

• Lazy loading can be implemented using JavaScript libraries like Intersection Observer or by using native browser features like loading='lazy
Answered by AI
Add your answer
Q7. Media query and css selectors
Add your answer

Q1. Mostly js questions, not so many of angular or react.
Add your answer
Q2. Like fizbuzz or things like that.
Add your answer

Q1. Ui development and component related
Add your answer
Q2. Performance of technology and challenges
Add your answer

Q1. Personal introduction and location details
Add your answer
Q2. Negatition of salries excepectations
Add your answer

Q1. Brief introduction of yourself.
Ans. 
Experienced HTML developer with a passion for creating user-friendly websites.
• Over 5 years of experience in HTML development

• Proficient in CSS and JavaScript

• Strong understanding of responsive design principles

• Familiar with SEO best practices

• Portfolio includes websites for various clients and industries
Answered by AI
Add your answer
Q2. What is HTML give a proper explanation
Ans. 
HTML stands for HyperText Markup Language, used for creating and structuring web pages.
• HTML is the standard markup language for creating web pages

• It uses tags to define the structure and content of a web page

• Examples of HTML tags include , ,
Answered by AI
Add your answer

Q1. Explanation of CSS.
Ans. 
CSS is a styling language used to control the look and feel of a website.
• CSS stands for Cascading Style Sheets.

• It is used to define styles for web pages, including colors, fonts, layout, and more.

• CSS can be applied to HTML elements using selectors.

• It allows for the separation of content from presentation, making it easier to maintain and update.

• CSS can be included in an HTML document using the
Answered by AI
Add your answer
Q2. Explanation of bootstrap.
Ans. 
Bootstrap is a front-end framework for developing responsive and mobile-first websites.
• Bootstrap is a free and open-source CSS framework.

• It includes pre-built design templates and components like buttons, forms, and navigation bars.

• Bootstrap uses a 12-column grid system for easy layout customization.

• It also has built-in responsive utilities for creating mobile-friendly designs.

• Bootstrap can be customized using Sass var
Answered by AI
Add your answer

Q1. Codes of HTML and made a program
Ans. 
HTML codes are used to create web pages. Developers write HTML codes to structure content on a webpage.
• HTML tags are used to define the structure of a webpage, such as headings, paragraphs, images, links, etc.

• Example:

  This is a heading

  ,

  This is a paragraph

  ,

• HTML attributes provide additional information about an element, such as the source of an image or the target of a link.

• Example: Ans. 

  CSS is a styling language used to design the layout and appearance of web pages, while landing pages are web pages designed for a specific purpose.

  • CSS stands for Cascading Style Sheets and is used to control the visual presentation of HTML elements on a web page.

  • CSS allows developers to style elements such as fonts, colors, spacing, and layout.

  • Landing pages are web pages specifically designed to achieve a particular go...read more

Answered by AI
Add your answer

Q1. Given UI task display like display boxes side by side in desktop screen and one after the other in mobile screen using media queries?
Add your answer
Q2. Explain difference between authorization vs authentication?
Ans. 
Authentication verifies a user's identity, while authorization determines what a user can access.
• Authentication confirms a user's identity through credentials like username and password.

• Authorization controls access to resources based on the authenticated user's permissions.

• Example: Logging into a website (authentication) and then being able to view/edit specific pages based on your role (authorization).
Answered by AI
Add your answer
Q3. How to render list in react? Also explain difference between state vs prop in react?
Ans. 
To render a list in React, use map() function to iterate over an array of data and return a list of components. State is mutable data managed within a component, while props are immutable data passed from parent to child components.
• To render a list in React, use map() function to iterate over an array of data and return a list of components.

• Example: const items = ['item1', 'item2', 'item3']; items.map(item =>

• read more
Answered by AI
Add your answer

Q1. What are the webpage optimization techniques? How to check webpage optimization? In lighthouse optimization reports , how to fix issue related render blocking scripts?
Ans. 
Webpage optimization techniques include minifying CSS and JS files, optimizing images, using asynchronous loading for scripts, and reducing render-blocking scripts.
• Minify CSS and JS files to reduce file sizes and improve loading times.

• Optimize images by compressing them and using the correct file format (e.g. JPEG for photographs, PNG for graphics).

• Use asynchronous loading for scripts to prevent them from blocking the ...read more
Answered by AI
Add your answer
Q2. Write scss code nested li element by applying background color 2 element and also use mixins?
Ans. 
Use SCSS to apply background color to nested li elements and utilize mixins.
• Use nesting to target the li elements within a parent element

• Apply background color to the 2nd li element using the :nth-child() selector

• Define and use mixins to reuse styles across the codebase
Answered by AI
Add your answer
Q3. How to fix cumulative layout shift issues?
Ans. 
To fix cumulative layout shift issues, ensure all images and media have dimensions specified in HTML, use CSS aspect ratio boxes, and prioritize loading critical resources.
• Specify dimensions for all images and media in HTML to prevent layout shifts.

• Use CSS aspect ratio boxes to reserve space for images before they load.

• Prioritize loading critical resources to avoid sudden layout changes.
Answered by AI
Add your answer

Coding a frontend UI from provided image. And creating a fucntional star rating system

Q1. Designing a Component API in React using Typescript.
Ans. 
Designing a Component API in React using Typescript involves defining props, state, and methods for the component.
• Define the props interface to specify the expected input data for the component

• Use typescript types to ensure type safety and prevent runtime errors

• Define the state interface to manage the internal state of the component

• Implement methods to handle user interactions and component logic

• Document the component
Answered by AI
Add your answer
Q2. Create a function that can clear all the timer ids at once.
Ans. 
Function to clear all timer ids at once
• Create an array to store all timer ids

• Iterate through the array and clear each timer id using clearTimeout() function
Answered by AI
Add your answer