AmbitionBox
Interview Questions
- Reviews
- Salaries
- Interview Questions
- About Company
- Benefits
- Jobs
- Office Photos
- Community
Add office photos
i
Innominds Software
Compare
Filter interviews by
Innominds Software Front end Developer Interview Questions and Answers
Innominds Software Front end Developer Interview Experiences
2 interviews found
I appeared for an interview in Apr 2021.
(1 Question)
Round duration - 45 Minutes
Round difficulty - Medium
It was a meet and greet round wherein my background was evaluated, the interviewer had me walkthrough all the projects that I have done and my interest in open source as well as technical competencies, post that I was made to solve a data structures based question. It was more or less around to figure out what my background is and how my qualifications match with the companies requirements.
- Q1.
Chocolate Distribution Problem
You are given an array/list
CHOCOLATESof size 'N', where each element represents the number of chocolates in a packet. Your task is to distribute these chocolates among 'M'... - Ans.
Distribute chocolates among students to minimize difference between largest and smallest packets.
Sort the array of chocolates packets
Calculate the minimum possible difference between the maximum and minimum number of chocolates in packets distributed to students
Return the minimum possible difference
Round duration - 40 Minutes
Round difficulty - Medium
This round was conducted by the Vice President, where I was asked questions pertaining to my projects and technologies used.
Interview Preparation Tips
Tip 1 : Thoroughly grasp fundamentals of JavaScript like closures, event loop, call stack, hoisting because every Front-end role requires JavaScript fundamentals
Tip 2 : Be prepared with the library/framework's basics that you've used in projects, in my case it was React.js and React paired with Redux is what everyone asks.
Tip 3 : Have stories to present based on your past experience, working on projects helps you run into situatuons you'd otherwise not experience, so you'd be having substantial information to cite based on the challenges you've faced and how you overcame.
Tip 1 : Have projects specific to React/Angular on resume
Tip 2 : Mention in details the list of dependencies/technologies you used in those projects
Skills evaluated in this interview
Interview Questionnaire
2 Questions
- Q1. 1. Javascript HTML CSS jquery and reactJs basic questions
- Q2. 2. Simple Project in React
- Ans.
A simple project in React
Create a basic React app using create-react-app
Add components and props to display data
Use state and lifecycle methods to update and manage data
Implement routing using React Router
Integrate with APIs to fetch and display data
Style components using CSS or a CSS framework like Bootstrap
Skills evaluated in this interview
Top trending discussions
Interview questions from similar companies
Selected
I appeared for an interview before Jun 2023.
Create 1 webpage using html, css, js, scss - xd provided
(7 Questions)
- Q1. Doctype in html
- Ans.
Doctype in HTML specifies the version of HTML being used in the document.
Doctype declaration is placed at the very beginning of an HTML document before the <html> tag.
It helps the browser to render the web page correctly by specifying the version of HTML being used.
Example: <!DOCTYPE html> for HTML5, <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tr
- Q2. What is Flexbox in css
- Ans.
Flexbox is a layout model in CSS that allows you to design complex layouts with a more efficient and predictable way.
Flexbox is used for creating flexible and responsive layouts.
It allows you to align and distribute space among items in a container.
Flexbox properties include display: flex, flex-direction, justify-content, align-items, and more.
Example: display: flex; justify-content: center; align-items: center;
- Q3. Document.ready and window.onload difference
- Ans.
Document.ready is a jQuery function that fires when the DOM is ready, while window.onload is a vanilla JavaScript event that fires when all resources have loaded.
Document.ready is specific to jQuery, while window.onload is a standard JavaScript event.
Document.ready fires when the DOM is ready, even if images are still loading, while window.onload waits for all resources to finish loading.
Document.ready is faster than w...
- Q4. Position properties in css
- Ans.
Position properties in CSS control the positioning of elements on a webpage.
The 'position' property specifies the type of positioning method used for an element (static, relative, absolute, fixed, or sticky).
The 'top', 'right', 'bottom', and 'left' properties can be used to adjust the position of an element relative to its containing element.
Examples: position: relative; top: 10px; left: 20px;
- Q5. Box model in css
- Ans.
Box model in CSS refers to the way elements are rendered on a webpage, including content, padding, border, and margin.
The box model consists of content, padding, border, and margin.
Content is the actual content of the element.
Padding is the space between the content and the border.
Border is the line that surrounds the padding.
Margin is the space outside the border.
You can adjust the size of each part of the box model u...
- Q6. Semantic tags in html
- Ans.
Semantic tags in HTML are specific tags that provide meaning to the content they enclose.
Semantic tags help search engines and screen readers understand the structure of a webpage.
Examples of semantic tags include <header>, <footer>, <nav>, <article>, <section>, <aside>, <main>, <figure>, <figcaption>.
Using semantic tags improves SEO and accessibility of a website.
- Q7. Display properties
- Ans.
Display properties are used in CSS to control the layout and appearance of elements on a webpage.
Display property determines how an element is displayed on the page
Common values include 'block', 'inline', 'inline-block', 'flex', 'grid', 'none'
Example: display: block; will make the element a block-level element
(3 Questions)
- Q1. What is Flexbox in css
- Ans.
Flexbox is a layout model in CSS that allows for the design of complex responsive layouts with a more efficient and predictable way.
Flexbox is used to create flexible and responsive layouts.
It allows for easy alignment and distribution of space among items in a container.
Flexbox properties include display: flex, flex-direction, justify-content, align-items, and more.
Example: display: flex; justify-content: center; alig...
- Q2. Box sizing difference and scenario
- Ans.
Box sizing property in CSS determines how the total width and height of an element is calculated.
Content-box: width and height only include the content, padding and border are added on top.
Border-box: width and height include content, padding, and border.
Use content-box when you want to specify the width and height of the content area only.
Use border-box when you want to specify the width and height of the entire box i
- Q3. Bootstrap grid and flex
Interview Preparation Tips
Skills evaluated in this interview
I applied via Approached by Company and was interviewed in Feb 2024. There was 1 interview round.
(4 Questions)
- Q1. What is bridge? What is the new architecture?
- Ans.
Bridge is a structural design pattern that decouples an abstraction from its implementation. The new architecture refers to modern design patterns and technologies used in software development.
Bridge pattern allows the client code to work with different implementations of an interface independently.
The new architecture in front end development may include concepts like component-based architecture, state management lib...
- Q2. How will you optimize a react native app
- Ans.
Optimizing a React Native app involves reducing bundle size, improving performance, and enhancing user experience.
Use code splitting to reduce initial load time
Optimize images and assets for smaller file sizes
Implement lazy loading for components that are not immediately visible
Minimize the use of third-party libraries and only include necessary dependencies
Utilize performance monitoring tools like React Native Perform
- Q3. What is context API
- Ans.
Context API is a feature in React that allows sharing data between components without having to pass props through every level of the component tree.
Context API provides a way to pass data through the component tree without having to pass props down manually at every level.
It is useful for sharing global data such as themes, user authentication, or language preferences.
Context API consists of three main parts: Provider...
- Q4. What is hoisting
- Ans.
Hoisting is a JavaScript mechanism where variable and function declarations are moved to the top of their containing scope during compilation.
Variable declarations are hoisted to the top of their scope, but not their initializations.
Function declarations are fully hoisted, including their definitions.
Hoisting can lead to unexpected behavior if not understood properly.
Skills evaluated in this interview
Front end Developer Interview Questions & Answers
Happiest Minds Technologies
Anonymous
posted on 12 Oct 2021
I applied via Naukri.com and was interviewed in Sep 2021. There was 1 interview round.
Interview Questionnaire
2 Questions
- Q1. The questions mostly with javascript problem solving.
- Q2. Core functionalities of vuejs
- Ans.
Vue.js is a progressive JavaScript framework for building user interfaces.
Reactive data binding
Component-based architecture
Virtual DOM
Directives
Computed properties
Event handling
Routing
Vuex state management
Server-side rendering
Interview Preparation Tips
Skills evaluated in this interview
Front end Developer Interview Questions & Answers
Happiest Minds Technologies
Karthik R
posted on 2 Jun 2024
Selected
I applied via Referral and was interviewed in May 2024. There were 3 interview rounds.
Technical questions will be there
Simple coding questions will be asked.
(1 Question)
- Q1. Only about salary and joining dates.
Selected
(2 Questions)
- Q1. React js Basic Question
- Q2. Coding Question Giving API to call and show in UI
I applied via Company Website and was interviewed in Feb 2021. There was 1 interview round.
Interview Questionnaire
3 Questions
- Q1. Questions like CSS box model, semantic html, javascript closure
- Q2. Questions about bootstrap framework, Have you done any project's on these technologies?
- Q3. What is pseudo classes and element?
- Ans.
Pseudo classes and elements are used in CSS to style elements based on their state or position in the document.
Pseudo classes are used to style elements based on their state, such as :hover, :active, and :focus.
Pseudo elements are used to style specific parts of an element, such as ::before and ::after.
Pseudo classes and elements are denoted by a colon or double colon before the name.
They can be used to add special eff...
Interview Preparation Tips
Skills evaluated in this interview
Software Developer Interview Questions & Answers
Test Yantra Software Solutions
Anonymous
posted on 20 Feb 2021
I applied via Recruitment Consultant and was interviewed before Feb 2020. There were 4 interview rounds.
Interview Questionnaire
1 Question
- Q1. Method overloading, method overriding, life cycle of thread,oops concepts
Interview Preparation Tips
3. Manager round, here scenario based questions on jdbc,hybernate and other family background details.
4. HR round.
Software Developer Interview Questions & Answers
Newgen Software Technologies
Brijesh Mishra
posted on 7 Jul 2017
Interview Questionnaire
1 Question
- Q1. Runtime pollymorphism
Interview Preparation Tips
Experience: I scored good.
Tips: Core java good knowledge.
Duration: 30 minutes
Total Questions: 25
Round: Technical Interview
Experience: like this many ques from core java and hibernate and sql also and I scored good.
Tips: Command over core java and sql also.
Innominds Software Interview FAQs
Tell us how to improve this page.
Innominds Software Interviews By Designations
- Innominds Software Software Engineer Interview Questions
- Innominds Software Senior Software Engineer Interview Questions
- Innominds Software Python Developer Interview Questions
- Innominds Software Senior Engineer Interview Questions
- Innominds Software Software Developer Interview Questions
- Innominds Software Front end Developer Interview Questions
- Innominds Software Embedded Software Engineer Interview Questions
- Innominds Software Technical Lead Interview Questions
- Show more
Interview Questions for Popular Designations
- Senior Front end Developer Interview Questions
- Front end Engineer Interview Questions
- Front end Web Developer Interview Questions
- React Js Frontend Developer Interview Questions
- Angular Frontend Developer Interview Questions
- Frontend Developer Intern Interview Questions
- Front Office Executive Interview Questions
- UI Frontend Developer Interview Questions
- Show more
Interview Questions from Similar Companies
Innominds Software Front end Developer Reviews and Ratings
based on 2 reviews
Rating in categories
|
Senior Software Engineer
470
salaries
|  ₹7.9 L/yr - ₹27.5 L/yr |
|
Software Engineer
392
salaries
| ₹3.6 L/yr - ₹14 L/yr |
|
Senior Engineer
217
salaries
| ₹6 L/yr - ₹25.8 L/yr |
|
Associate Software Engineer
168
salaries
| ₹2.2 L/yr - ₹8.1 L/yr |
|
Engineer
164
salaries
| ₹3 L/yr - ₹13.2 L/yr |
ITC Infotech
3i Infotech
Sify Technologies
Microland
- Home >
- Interviews >
- Innominds Software Interview Questions >
- Innominds Software Front end Developer Interview Questions
