AmbitionBox
Interview Questions
- Reviews
- Salaries
- Interview Questions
- About Company
- Benefits
- Jobs
- Office Photos
- Community
Add office photos
i
TO THE NEW
Compare
Filter interviews by
TO THE NEW Front end Developer Interview Questions and Answers
TO THE NEW Front end Developer Interview Experiences
2 interviews found
Us Together
Selected
I applied via LinkedIn and was interviewed in Dec 2024. There were 4 interview rounds.
QUANT, MATHS, HTML, CSS
DSA WAS ASKED TOGETHER WITH SOME CORE SUBJECT QUESTIONS.
DSA WAS ASKED TOGETHER WITH SOME PUZZLES.
(2 Questions)
- Q1. BASIC COMMON HR QUES
- Q2. BASIC COMMON HR QUES
Interview Preparation Tips
- HTML
- SQL
- React.Js
- Node.Js
- CSS
I applied via Approached by Company and was interviewed in May 2024. There was 1 interview round.
(1 Question)
- Q1. Java script bubbling concept
Top trending discussions
Interview questions from similar companies
Front end Developer Interview Questions & Answers
Bounteous x Accolite
Anonymous
posted on 11 Jun 2024
(2 Questions)
- Q1. Angular basics regarding lifecycle hooks, rxjs, data bindingetc
- Q2. Coding to find the common characters comparing 3 strings
- Ans.
Finding common characters in 3 strings using coding
Create a function that takes in 3 strings as input
Iterate through each character of the first string and check if it exists in the other 2 strings
Store the common characters in an array and return it
Skills evaluated in this interview
I applied via Recruitment Consulltant and was interviewed in Mar 2024. There was 1 interview round.
(5 Questions)
- Q1. Display a list of items using Pagination concept in React using any online coding editor.
- Ans.
Display a list of items using Pagination concept in React
Create a list of items to display
Implement pagination logic to display a limited number of items per page
Add navigation buttons to switch between pages
- Q2. Check if pair sum exists in the array (Two Sum)?
- Ans.
Check if pair sum exists in the array using a hash map.
Use a hash map to store the difference between the target sum and each element in the array.
Iterate through the array and check if the current element exists in the hash map.
Return true if a pair sum exists, otherwise return false.
- Q3. React LifeCycle?
- Q4. How do you improve the performance of a website?
- Ans.
Improving website performance involves optimizing code, reducing server requests, using caching, and optimizing images.
Optimize code by minifying CSS, JavaScript, and HTML
Reduce server requests by combining files and using asynchronous loading
Utilize caching techniques like browser caching and server-side caching
Optimize images by resizing, compressing, and using modern image formats like WebP
- Q5. What is NextJS?
- Ans.
NextJS is a React framework that allows for server-side rendering and static site generation.
NextJS is built on top of React, providing features like server-side rendering and static site generation.
It simplifies the process of building React applications by handling routing, code splitting, and more out of the box.
NextJS also supports API routes for serverless functions and data fetching.
It offers features like automa...
Skills evaluated in this interview
I applied via Naukri.com and was interviewed in Oct 2023. There were 2 interview rounds.
Hacker Rank Online Written Test
Topics covered DSA and Javascript
Interview Preparation Tips
- DSA
- Javascript
- Reactjs
I applied via Naukri.com
(1 Question)
- Q1. Basic JS & React JS question
(1 Question)
- Q1. Advance level of JS and React related question and coding skills test as well.
(1 Question)
- Q1. What are your salary expectations?
- Ans.
I am open to discussing salary based on the responsibilities and requirements of the position.
I am flexible and open to negotiation.
I am looking for a fair and competitive salary.
I am more interested in the overall compensation package rather than a specific number.
I would like to be compensated based on my skills, experience, and the value I can bring to the company.
Interview Preparation Tips
Compensation is good.
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
(1 Question)
- Q1. ES6 concepts, React js over all concepts
(1 Question)
- Q1. ES6 concepts, coding
(1 Question)
- Q1. Challenges, about current project
(1 Question)
- Q1. General questions and joining formalities
Interview Preparation Tips
(1 Question)
- Q1. Prev job exp details
Front end Developer Interview Questions & Answers
Bounteous x Accolite
Anonymous
posted on 6 Oct 2022
I applied via LinkedIn and was interviewed in Sep 2022. There was 1 interview round.
(2 Questions)
- Q1. Clousers in Javascript
- Ans.
Closures are functions that have access to variables in their outer scope, even after the outer function has returned.
Closures are created when a function is defined inside another function.
The inner function has access to the outer function's variables and parameters.
Closures can be used to create private variables and methods.
Closures can also be used to create functions with pre-set arguments.
- Q2. Difference between use ref and create ref
- Ans.
useRef is a hook used to create a mutable ref object, while createRef is a method used to create a ref object.
useRef is a hook provided by React, while createRef is a method provided by the React library.
useRef can be used in functional components to create a mutable ref object that persists across renders.
createRef is used in class components to create a ref object that can be attached to a DOM element.
useRef can also...
Interview Preparation Tips
Skills evaluated in this interview
TO THE NEW Interview FAQs
Tell us how to improve this page.
TO THE NEW Interviews By Designations
- TO THE NEW Software Engineer Interview Questions
- TO THE NEW Senior Software Engineer Interview Questions
- TO THE NEW Quality Engineer Interview Questions
- TO THE NEW Devops Engineer Interview Questions
- TO THE NEW Java Developer Interview Questions
- TO THE NEW Technical Lead Interview Questions
- TO THE NEW Senior Devops Engineer Interview Questions
- TO THE NEW Consultant 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
TO THE NEW Front end Developer Interview Process
based on 3 interviews
Interview experience
Front end Developer Interview Questions from Similar Companies
Fast track your campus placements
TO THE NEW Front end Developer Reviews and Ratings
based on 3 reviews
Rating in categories
|
Senior Software Engineer
614
salaries
|  ₹9 L/yr - ₹27.5 L/yr |
|
Software Engineer
568
salaries
| ₹3.5 L/yr - ₹13.8 L/yr |
|
Associate Technical Leader
219
salaries
| ₹13.8 L/yr - ₹36 L/yr |
|
Senior Quality Engineer
178
salaries
| ₹7 L/yr - ₹22.5 L/yr |
|
Devops Engineer
161
salaries
| ₹4.5 L/yr - ₹14 L/yr |
ITC Infotech
CMS IT Services
KocharTech
Xoriant
- Home >
- Interviews >
- TO THE NEW Interview Questions >
- TO THE NEW Front end Developer Interview Questions
