Simbo.ai Html Developer Interview Questions and Answers

Reasoning, maths, english, coding

Everything questions

Html, css, javascript

Q1. Details explanation of CSS Box model
Add your answer

About mental ability questions coding decoding

About AI Artificial intelligence

Q1. Hoisting concept with examples and guess the output
Add your answer
Q2. Map functionality with a call back function
Add your answer
Q3. Copy object, spread operator usage . Deep copy, sallow copy
Add your answer
Q4. Flexbox vs grid, dom, box model,
Add your answer
Q5. React optimization, why React,
Add your answer

Basic apptitude qwuestions were asked

Q1. Questions on java and cybersecurity what is cybersecurity what is malware and ransomeware
Add your answer
Q2. What is java how is it different from python
Ans. 
Java is a statically typed, object-oriented programming language, while Python is dynamically typed and focuses on simplicity and readability.
• Java is statically typed, meaning variables must be declared with a specific data type, while Python is dynamically typed.

• Java is more verbose and requires more code to accomplish tasks compared to Python.

• Python emphasizes simplicity and readability, making it easier for beginner...read more
Answered by AI
Add your answer

Q1. Introduction why ltimindtree
Ans. 
I chose Mindtree because of its reputation for innovation, collaborative work culture, and opportunities for growth.
• Reputation for innovation: Mindtree is known for its cutting-edge technology solutions and innovative projects.

• Collaborative work culture: Mindtree fosters a team-oriented environment where employees can learn and grow together.

• Opportunities for growth: Mindtree offers various training programs and career...read more
Answered by AI
Add your answer
Q2. Relocation situastion based questions
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. 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