Add office photos
Filter interviews by
Ideamagix Junior Frontend Developer Interview Questions and Answers
Ideamagix Junior Frontend Developer Interview Experiences
1 interview found
Selected
I applied via Company Website and was interviewed before Nov 2023. There were 6 interview rounds.
(4 Questions)
- Q1. Introduce Yourself.
- Q2. Tell me about your Projects. Explanation about a project with few details.
- Ans.
Developed a responsive e-commerce website using React and Redux.
Utilized React framework to create dynamic user interfaces
Implemented Redux for state management and data flow
Designed responsive layout for optimal viewing on all devices
- Q3. What are some HTML Tags?
- Ans.
HTML tags are used to structure content on a webpage.
Some common HTML tags include
,,
, , ,
- ,
- ,
,
, ,
- ,
- Q4. How to you connect HTML and CSS files together?
- Ans.
HTML and CSS files are connected by linking the CSS file to the HTML file using the tag in the
section of the HTML file.Use the tag in the
section of the HTML file to link the CSS file.Specify the path to the CSS file in the href attribute of the tag.
Make sure the CSS file is saved with a .css extension.
For example:
Worst Assignment Ever.
1. Asked to code me an entire medical website from scratch and make it responsive as well in 2 days.
2. Asked to do this just by providing an Screenshot of the site to replicate with no assets provided (Worst Experience)
Got Selected for Another Assignment...
This was a similar type of Assignment to create an entire site from the screenshot provided.
Had to do this assignment in the office with no help or good assets provided. HR didn't know anything about Web Development and expected everything faster.
Asked a few questions about previous assignment and then scheduled an another Assignment to do in the office...
Literally didn't provide appropriate assets, asked to code entire website in a single day from scratch including the responsive behaviour. The HR had no knowledge about how web development works. The staff and corporate workers weren't supportive in any manner.
Again after all these 2 assignments they again asked me questions like Introduction and other minor details about education and all.
This time the interview was taken by Web Developers in the team
1. They literally said my projects are average.
2. They were more judging then understanding my approach on how I did certain things.
(2 Questions)
- Q1. Finally an Interview with another HR who wasn't even there in the entire process.
- Q2. No questions. They will just tell you that your projects and assignment were average and offer you lowest possible salary.
Interview Preparation Tips
2. Said that my projects are literally average looking and not something different from the rest.
3. Told me you need to put a lot of effort, your assignment were also not nicely done, did not exceed our expectations.
4. Told me that instead of offering an Junior role for Frontend, we will offer you a role of Intern with 6k per month salary after taking me through 2 weeks of interview process.
If my projects were so bad then why did you let me go to the last round?
Skills evaluated in this interview
Interview questions from similar companies
React Js Frontend Developer Interview Questions & Answers
VELOTIO Technologies
Anonymous
posted on 18 Jun 2024
(7 Questions)
- Q1. 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, meaning they can be called before they are declared.
Hoisting can lead to unexpected behavior if not understood properly.
- Q2. What is throttling
- Ans.
Throttling is a technique used to control the rate at which a function is executed.
Throttling limits the number of times a function can be called over a specified period of time.
It helps in optimizing performance by preventing excessive function calls, especially in scenarios like scroll events or API requests.
Example: Throttling can be used to limit the rate at which a user can resize a window, ensuring smoother perfo
- Q3. What is debouncing
- Ans.
Debouncing is a technique used to limit the number of times a function is called in a short period of time.
Debouncing is often used in scenarios like search bars where you want to wait for the user to finish typing before making an API call.
It involves setting a delay before executing a function after the last time it was called.
Debouncing helps in optimizing performance by reducing unnecessary function calls.
Example: ...
- Q4. What is event coupling
- Ans.
Event coupling is the dependency between different parts of a system based on events.
Event coupling occurs when one component triggers an event that another component listens for.
It can lead to tight coupling between components, making the system harder to maintain.
Reducing event coupling can be achieved by using a centralized event bus or implementing a pub/sub pattern.
Example: A button click event in a UI component t
- Q5. Remove duplicates from array
- Ans.
Use Set to remove duplicates from array of strings
Create a Set from the array to automatically remove duplicates
Convert the Set back to an array to get unique values
Example: const arr = ['apple', 'banana', 'apple', 'orange']; const uniqueArr = [...new Set(arr)];
- Q6. Reverse a Linked List
- Ans.
Reverse a linked list by changing the direction of pointers
Create three pointers: prev, current, next
Iterate through the linked list, updating pointers to reverse the direction
Return the new head of the reversed linked list
- Q7. Explain closure function with an example
- Ans.
Closure function is a function defined inside another function, with access to the outer function's variables.
Closure functions have access to the outer function's variables even after the outer function has finished executing.
They can be used to create private variables and functions in JavaScript.
Example: function outerFunction() { let outerVar = 'I am outer'; function innerFunction() { console.log(outerVar); } retur
Interview Preparation Tips
In ds round, for removing duplicates from array, I was using standard two pointer solution where complexity was 'N' but I was asked why such complicated solution for simple question. I was advised to use hashmap or two loops. First time in my experience where an interviewer has told me to increase the complexity because the optimized solution looks complex.
For the second question - reverse a linked list, it was not even 10 minutes and I was about to finish my coding with right answer(He did not even bother to ask how I solutionized). He told I'm taking too much time and he asked any other question and abruptly ended the call. My interview was scheduled for one hour in which he asked couple of js concept questions, js coding and two dsa questions and it was over in 35 minutes.
Skills evaluated in this interview
Frontend Developer Intern Interview Questions & Answers
Northcorp Software
Anonymous
posted on 13 Dec 2024
(2 Questions)
- Q1. What is the purpose of FLEX property in CSS Flexbox?
- Ans.
The purpose of the FLEX property in CSS Flexbox is to define how a flex item will grow or shrink to fit the available space.
The FLEX property is used to set the initial size of a flex item.
It can be used to specify how much a flex item can grow or shrink relative to the other flex items.
The FLEX property is a shorthand for the FLEX-GROW, FLEX-SHRINK, and FLEX-BASIS properties.
- Q2. The flex property defines the ability of a flex item to grow ,shrink,,,,etc
- Ans.
The flex property defines the ability of a flex item to grow, shrink, or stay the same size.
The flex property is a shorthand for flex-grow, flex-shrink, and flex-basis properties.
It allows a flex item to grow or shrink to fill the available space.
Values for flex property include a unitless number for flex-grow, a unitless number for flex-shrink, and a length or percentage for flex-basis.
Example: flex: 1 1 50%;
Interview Preparation Tips
Frontend Developer Intern Interview Questions & Answers
Zebra Technologies
Sayma Shaikh
posted on 7 Dec 2024
Quantitative aptitude, logical apptiude,
(2 Questions)
- Q1. Data structure and algorithms
- Q2. Programming concepts
Interview Preparation Tips
Tailor your resume to the job description.
Highlight relevant skills, projects, and achievements.
Keep it concise, error-free, and easy to read.
React Js Frontend Developer Interview Questions & Answers
Bonami Software
Vikas Jat
posted on 6 Aug 2024
Basic Dsa Quetions like array or string
(1 Question)
- Q1. Basic JavaScript And ReactJs Interview Quetions
(1 Question)
- Q1. Discussion on Experience
(1 Question)
- Q1. Introduction and Sallary expectation Discussion
React Js Frontend Developer Interview Questions & Answers
Geekyants Software
Anonymous
posted on 8 Apr 2023
Selected
I applied via LinkedIn and was interviewed in Mar 2023. There were 4 interview rounds.
(2 Questions)
- Q1. Clone a Todo Application UI using ReactJS, Sass
- Ans.
Clone a Todo Application UI using ReactJS, Sass
Create a new ReactJS project using create-react-app
Design the UI using Sass and implement it in ReactJS
Use state and props to manage the todo list
Add functionality to add, delete and mark tasks as complete
Implement local storage to persist data
Test the application thoroughly
- Q2. Explain the order of specifity in CSS classes, elements, ids, etc
- Ans.
Explanation of CSS specificity hierarchy
Inline styles have the highest specificity
IDs have higher specificity than classes and elements
Multiple selectors with the same specificity are resolved by the order in which they appear in the stylesheet
The universal selector (*) has the lowest specificity
This round was more focused on the problem solving. 2 coding questions were asked. The round was for an hour
(1 Question)
- Q1. How does Server-Side Rendering work?
- Ans.
Server-Side Rendering (SSR) is the process of rendering web pages on the server and sending the HTML to the client.
SSR improves website performance and SEO by reducing load times and providing search engines with fully rendered pages.
React provides a library called ReactDOMServer that allows developers to render React components on the server.
SSR requires a server-side framework or library, such as Next.js or Gatsby, t...
Interview Preparation Tips
Skills evaluated in this interview
Angular Frontend Developer Interview Questions & Answers
BigStep Technologies
Anonymous
posted on 10 Mar 2022
(1 Question)
- Q1. ES6,filter,map,semantic elements, life cycle hooks of angular
(1 Question)
- Q1. Closure, promises,observable,http interceptor , custom directive, box model
(1 Question)
- Q1. It was more of discussion to get to know about organization
(3 Questions)
- Q1. Why are you looking for a change?
- Q2. What are your strengths and weaknesses?
- Q3. Tell me about yourself.
Interview Preparation Tips
(1 Question)
- Q1. How did you find out about us?
- Ans.
I found out about your company through a job search website.
I was actively searching for UI Frontend Developer positions
I came across your job posting on a popular job search website
I researched your company and was impressed with your mission and values
Interview Preparation Tips
React Js Frontend Developer Interview Questions & Answers
VELOTIO Technologies
Anonymous
posted on 27 Mar 2024
I applied via Referral and was interviewed in Sep 2023. There were 2 interview rounds.
(1 Question)
- Q1. Multiple Questions on basics of JS and react
(1 Question)
- Q1. This was in depth discussion on JS and react
Frontend Developer Intern Interview Questions & Answers
Northcorp Software
Anonymous
posted on 16 Dec 2024
(2 Questions)
- Q1. What is the difference between on-page seo and off-page seo?
- Ans.
On-page SEO refers to optimizing elements on a website to improve search engine rankings, while off-page SEO involves external factors like backlinks and social signals.
On-page SEO includes optimizing meta tags, headings, content, and images on a website.
Off-page SEO involves building backlinks from other websites, social media shares, and online reputation management.
Examples of on-page SEO techniques are keyword opti...
- Q2. On-page seo is optimizing within the
Interview Preparation Tips
Ideamagix Interview FAQs
Tell us how to improve this page.
Ideamagix Interviews By Designations
- Ideamagix Web Developer Interview Questions
- Ideamagix Junior Accounts Executive Interview Questions
- Ideamagix Junior Frontend Developer Interview Questions
- Ideamagix Management Consultant Interview Questions
- Ideamagix Operations Manager Interview Questions
- Ideamagix UI and UX Designer Intern Interview Questions
- Ideamagix Web Designer Interview Questions
Interview Questions for Popular Designations
- React Js Frontend Developer Interview Questions
- Angular Frontend Developer Interview Questions
- Frontend Developer Intern Interview Questions
- UI Frontend Developer Interview Questions
- Web Designer & Frontend Developer Interview Questions
- Senior Frontend Software Engineer Interview Questions
- Senior Frontend Web Developer Interview Questions
- Frontend Developer Team Lead Interview Questions
- Show more
People are getting interviews through
Interview Questions from Similar Companies
|
Front end Web Developer
3
salaries
|  ₹1 L/yr - ₹2 L/yr |
Webenza
WATConsult
Mirum
BC Web Wise
Calculate your in-hand salary
- Home >
- Interviews >
- Ideamagix Interview Questions >
- Ideamagix Junior Frontend Developer Interview Questions
