frontend interview questions for freshers - Selected 🎊🤩💯

Pro Coder
17 Jul 202427:45

Summary

TLDRIn this interview transcript, Sha D from Pune discusses his background in Information Technology and his recent focus on web development. He covers his knowledge of HTML, CSS, JavaScript, React, and MongoDB. The conversation delves into technical details, such as semantic tags, the difference between tags and elements, and the use of flexbox in CSS. Sha also touches on JavaScript data types, DOM manipulation, and the benefits of using React for building interactive websites.

Takeaways

  • 😀 Sha D introduces himself as a recent graduate from WAN College of Engineering, Pune, with a degree in Information Technology.
  • 💻 Sha has been learning web development for the past four to five months, focusing on the M Stack.
  • 🖥️ He has knowledge of HTML, CSS, JavaScript, React for the frontend, and MongoDB, Node.js for the backend.
  • 📜 HTML is described as a markup language for structuring web pages, with semantic tags like article, footer, and header aiding in SEO.
  • 🔗 Tags and elements in HTML are distinguished, with tags being the start and end markers and elements including the content within those tags.
  • ⚙️ Attributes in HTML provide additional information about elements, and inline elements like span and image have different behaviors compared to block elements.
  • 🎨 CSS is defined with the concept of cascading, where styles are applied in a specific order, with specificity determining the priority of styles.
  • 📐 The CSS Box Model includes content, padding, border, and margin, with the box-sizing property affecting how these are calculated.
  • 💡 JavaScript is used for making web pages interactive, with various data types and methods like slice, splice, and map for array manipulation.
  • 🏗️ React is highlighted for its modular approach, reducing DOM manipulation and making code easier to manage and maintain through components and states.

Q & A

  • What technologies has Sha D. learned in web development?

    -Sha D. has learned HTML, CSS, JavaScript, React for the front end, and MongoDB and Node.js for the back end.

  • What are semantic tags in HTML?

    -Semantic tags describe their meaning to the browser and developer. Examples include <article>, <footer>, <header>, and <table>.

  • What is the difference between a tag and an element in HTML?

    -A tag is the opening or closing marker in HTML, while an element includes the tag and its content.

  • What are attributes in HTML?

    -Attributes provide additional information about an element and are included in the opening tag.

  • What is the difference between block-level and inline elements in HTML?

    -Block-level elements take up the full width of their parent container and always start on a new line, while inline elements take up only as much width as their content and can be within a line of text.

  • Can height and width be applied to inline elements in HTML?

    -Typically, height and width cannot be applied to inline elements, but replaced inline elements like <img> can have height and width set.

  • What is the CSS Box Model?

    -The CSS Box Model includes content, padding, border, and margin for each HTML element.

  • What is the default value of the box-sizing property in CSS?

    -The default value of the box-sizing property is 'content-box'.

  • What is the purpose of the map() method in JavaScript arrays?

    -The map() method is used to transform an array by applying a function to each of its elements, returning a new array with the transformed elements.

  • What is the concept of state in React?

    -State in React is a dynamic aspect of a component that keeps track of and changes with events, allowing the UI to update accordingly.

Outlines

plate

This section is available to paid users only. Please upgrade to access this part.

Upgrade Now

Mindmap

plate

This section is available to paid users only. Please upgrade to access this part.

Upgrade Now

Keywords

plate

This section is available to paid users only. Please upgrade to access this part.

Upgrade Now

Highlights

plate

This section is available to paid users only. Please upgrade to access this part.

Upgrade Now

Transcripts

plate

This section is available to paid users only. Please upgrade to access this part.

Upgrade Now
Rate This

5.0 / 5 (0 votes)

Related Tags
Front-end InterviewWeb DevelopmentHTML BasicsCSS FlexboxJavaScript Data TypesReact StateDOM ManipulationInterview ExperienceCareer GrowthTechnical Skills