Bl International Front end Developer Interview Questions and Answers

Aptitude test was kind of problem solving questions

Basic coding questions regarding oops and other basic things

Q1. Front end developer related questions html css javascript
Add your answer

Q1. What is cls in light house report?
Ans. 
CLS stands for Cumulative Layout Shift in Lighthouse report, measuring visual stability of a webpage.
• CLS is a metric in Lighthouse report that measures how much content shifts around during page load.

• It is important for user experience as unexpected layout shifts can be frustrating for users.

• CLS score should be less than 0.1 to provide a good user experience.

• Common causes of high CLS include images without dimensions,
Answered by AI
Add your answer
Q2. What is light house report?
Ans. 
Lighthouse report is a tool provided by Google to analyze and improve the performance, accessibility, SEO, and best practices of a website.
• Lighthouse report provides a detailed analysis of a website's performance, accessibility, SEO, and best practices.

• It gives a score based on various metrics such as performance, accessibility, best practices, SEO, and progressive web app.

• The report includes suggestions and optimizati...read more
Answered by AI
Add your answer

Q1. Basic questions from language of your choice.
Add your answer

An assignment was given which was needed to be submitted within 8hrs.

Q1. Experience of environmental
Ans. 
I have experience working in various environmental settings, including office, remote, and collaborative spaces.
• Worked in a traditional office setting with a team of developers

• Adapted to remote work during the COVID-19 pandemic

• Collaborated with designers and stakeholders in client meetings
Answered by AI
View 1 more answer

Basics questions on HTML CSS JAVASCRIPT

Q1. Ask some basic questions
Add your answer
Q2. How javascript work
Ans. 
JavaScript is a programming language that allows you to add interactivity and dynamic features to websites.
• JavaScript is a client-side scripting language.

• It runs on the user's web browser.

• It can manipulate HTML elements, handle events, and interact with server-side scripts.

• JavaScript code is executed sequentially, line by line.

• It supports object-oriented programming and functional programming paradigms.

• Common uses incl...read more
Answered by AI
Add your answer
Q3. Closure Lexcal scope
Add your answer

Q1. Salary discussion
Add your answer

Q1. Skills and Education
Add your answer
Q2. Experience and projects
Add your answer

Q1. Tell me something about your self,
Ans. 
I am a front-end developer with 3 years of experience in creating responsive and user-friendly websites.
• Proficient in HTML, CSS, JavaScript, and jQuery

• Experience in using React and Angular frameworks

• Familiarity with version control systems like Git

• Passionate about creating visually appealing designs

• Strong problem-solving and communication skills
Answered by AI
Add your answer
Q2. Tell me about your projects
Ans. 
I have worked on various projects including e-commerce websites, portfolio websites, and web applications.
• Developed an e-commerce website using Shopify and customized the theme using Liquid and CSS

• Built a portfolio website using React and styled it using CSS and Material UI

• Created a web application using Angular and integrated it with Firebase for real-time database and authentication

• Implemented responsive design and c
Answered by AI
Add your answer
Q3. Why you want to join us
Ans. 
I am excited to join your team because of your reputation for innovation and commitment to excellence.
• I have been following your company's work for some time and have been impressed by the quality of your projects.

• I am particularly interested in the opportunity to work on cutting-edge technologies and contribute to the development of innovative solutions.

• I believe that your team's culture of collaboration and continuou...read more
Answered by AI
Add your answer

Q1. What is the difference between Class and id
Ans. 
Class is used to style multiple elements, while id is used to style a single element.
• Class can be used multiple times in a document, while id should be unique

• Class is denoted by a period (.), id is denoted by a hash (#)

• Example: <div class='button'> vs <div id='header'>
Answered by AI
Add your answer
Q2. What are selector in css
Ans. 
Selectors are patterns used to select and style HTML elements in CSS.
• Selectors can target elements by tag name, class, ID, attribute, and more.

• Selectors can be combined to create more specific targeting.

• Examples of selectors include: element selector (p), class selector (.example), ID selector (#example), and attribute selector ([href]).
Answered by AI
Add your answer
Q3. What is box model in css
Ans. 
Box model is a concept in CSS where every HTML element is considered as a rectangular box with content, padding, border, and margin.
• The box model consists of four parts: 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 goes around the padding and content.

• Margin is the space between the border and the adjacen...read more
Answered by AI
Add your answer
Q4. What do you mean by pseudo class
Ans. 
Pseudo classes are used to define styles for specific states of an element.
• Pseudo classes start with a colon (:)

• They are used to style elements based on user interaction (hover, active, focus)

• They can also be used to select and style elements based on their position in the document (first-child, nth-child)

• Examples: :hover, :active, :focus, :first-child, :nth-child
Answered by AI
Add your answer
Q5. What is mera tag
Ans. 
Mera tag is not a commonly known term in web development. It may refer to a specific tag used in a particular project or framework.
• Mera tag may be a custom HTML tag used in a specific project or framework

• It could also be a reference to a specific CSS class or ID used in styling

• Without more context, it is difficult to determine the exact meaning of mera tag
Answered by AI
Add your answer