Commerce Pundit Front end Developer Interview Questions and Answers

It was easy not that hard

Coding question were on medium level

Q1. Be prepared for project question
Add your answer

Q1. CSS Box-model definition
Ans. 
CSS Box-model defines how elements are rendered in a webpage, including padding, border, and margin.
• Box-model consists of content, padding, border, and margin

• Content area is where text or images are displayed

• Padding is the space between content and border

• Border is the line around the content and padding

• Margin is the space outside the border
Answered by AI
Add your answer
Q2. Difference b/n flexbox and grid
Ans. 
Flexbox is for one-dimensional layouts, grid is for two-dimensional layouts.
• Flexbox is best for arranging items in a single row or column.

• Grid is best for creating complex layouts with rows and columns.

• Flexbox is more suitable for smaller scale layouts, while grid is better for larger scale layouts.

• Flexbox is more flexible in terms of item order and sizing, while grid provides more control over the overall layout.

• Both
Answered by AI
Add your answer

Q1. Basic questions on JavaScript, React and HTML/CSS.
Add your answer
Q2. Hoisting, Closures, Event Loop, Promises, Async/Await
Add your answer
Q3. Semantic elements, block and inline elements, meta tag CSS box model, ways of adding CSS, CSS pre-processors
Add your answer
Q4. React questions on component lifecycle, different hooks and thier use, fetching data and displaying it in a list.
Add your answer

Q1. What is AOT And JIT How angular different from react Route guard
Ans. 
AOT (Ahead-of-Time) and JIT (Just-in-Time) are compilation techniques used in Angular. Angular and React differ in their architecture and data binding approach. Route guards in Angular are used to control access to routes.
• AOT compilation in Angular converts TypeScript code into efficient JavaScript code during the build process, resulting in faster rendering and smaller bundle sizes.

• JIT compilation in Angular compiles ...read more
Answered by AI
Add your answer
Q2. How angular application build
Ans. 
Angular applications are built using the Angular CLI, which provides a command-line interface for creating, building, and serving Angular projects.
• Angular applications are built using the Angular CLI (Command Line Interface)

• The Angular CLI provides commands for creating new projects, generating components, services, modules, etc.

• To build an Angular application, you can use the 'ng build' command which compiles the appl
Answered by AI
Add your answer
Q3. Project discussion
Add your answer

Aptitude test is best for first round.

Second round is best for coding test.

Q1. Self introduction and technical information about front end developer.
Ans. I say properly and uniqly for about my introduction.
Answered Anonymously
Add your answer
Q2. As a you are fresher or experience
Add your answer
Q3. Reason for IT field.
Ans. 
IT field offers endless opportunities for innovation and growth.
• IT is a constantly evolving field with new technologies and trends emerging regularly.

• IT provides opportunities to work on exciting projects and solve complex problems.

• IT offers a wide range of career paths, from development to design to project management.

• IT is a field that is in high demand, with many job opportunities and competitive salaries.

• IT has the...read more
Answered by AI
Add your answer

Q1. About front end developer likes html and css.
Add your answer
Q2. About html and css and java script
Add your answer

Study about front end developer

Q1. Sementic html and display properties in css
Ans. 
Semantic HTML focuses on the meaning and structure of content, while display properties in CSS control how elements are visually displayed on a webpage.
• Semantic HTML uses tags that convey the meaning of the content, such as <header>, <nav>, <article>, <section>, <footer>.

• Display properties in CSS include properties like display: block, display: inline, display: inline-block, display: flex,...read more
Answered by AI
Add your answer
Q2. Hoisting in Javascript and different array methods
Ans. 
Hoisting is a mechanism in JS where variables and functions are moved to the top of their scope. Array methods are built-in functions to manipulate arrays.
• Hoisting applies to variable and function declarations

• Variables declared with let and const are not hoisted

• Array methods include push(), pop(), shift(), unshift(), splice(), slice(), forEach(), map(), filter(), reduce()

• push() adds an element to the end of an array

• pop...read more
Answered by AI
Add your answer

Q1. Tell me about your projects.
Add your answer
Q2. Asked the Javascript concepts related Questions
Add your answer
Q3. Asked Responsiveness in UI
Add your answer

Q1. How were you managing your Project Tasks
Add your answer

Q1. Salary Negotiations
Add your answer

Q1. JavaScript Questions (Hoisting , closures , Promises)
Add your answer

Q1. Basic JavaScript and React Questions .
Add your answer

Q1. Last round Behavioural Questions
Add your answer