NeoSOFT
10+ MGVC B.ED College Interview Questions and Answers
Q1. What is pseudo classes and element?
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 effects, such as changing the color of a link when it is hove...read more
Q2. What is bridge? What is the new architecture?
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 libraries like Redux, and modern frameworks like React or Ang...read more
Q3. Document.ready and window.onload difference
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 window.onload because it doesn't wait for images to load.
Ex...read more
Q4. How will you optimize a react native app
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 Performance to identify bottlenecks
Q5. What is Flexbox in css
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;
Q6. Box sizing difference and scenario
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 including padding and border.
Q7. Doctype in html
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-transitional.dtd"> for XHTML 1.0.
Q8. Position properties in css
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;
Q9. Semantic tags in html
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.
Q10. what is context API
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, Consumer, and useContext hook.
Example: const ThemeContex...read more
Q11. what is hoisting
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.
Q12. Box model in css
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 using CSS properties like padding, border, and margin.
Q13. Display properties
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
Top Front end Developer Interview Questions from Similar Companies
Reviews
Interviews
Salaries
Users/Month
Made with ❤️ in India. Trademarks belong to their respective owners. All rights reserved © 2024 Info Edge (India) Ltd.
