Top 17 Web Developer Interview Questions And Answers

Q1. What is the importance of doctype in HTML ?

ANS : Doctype tells the browser which version of HTML xhtml standard is used and how to render the page

 

Q2. What is the difference between display:none and visibility:hidden ?

ANS : Display:none removes the element from the flow allowing other elements to fill in visibility:hidden only hides the element but space is allocated for it 

 

Q3. What is the difference between session storage and local storage ?

ANS : Session storage is available only when a browsers tab is opened local storage survives and closing and reopening a browser 

Q4. What are data attributes ?

ANS : Data attributes are used to store custom data directly inside HTML tags they are easily accessible from CSS and the JavaScript

 

Q5. Explain the difference between normalized CSS and reset CSS ?

ANS : Resetting removes all the native styles provided by browsers normalizing is just a correction of some common buds for example sub and sub elements will work as usual after normalizing resetting would make them look like plain text

 

Q6. What are sprites what is their purpose CSS ? 

ANS : Sprite is merging multiple images into a single image it reduces the amount of web requests and increases this page of speed

 

Q7. What is SVG ?

ANS : SVG stands for scalable vector graphics it is used to show vector graphics on the page the biggest benefit is that SVG images don't lose quality when zoomed or resized unlike JPEGs you can easily change the size color and animate SVG images SVG's also can be bundled in SVG sprite

 

Q8. What are the new features of html 5 ? 

ANS : Standard html 5 added new semantic elements such as NAV article section header footer and aside also html 5 standard added new form controls such our calendar date/time email URL and search in addition better support for embedded media using audio/video and canvas 

Q9. What is a CSS preprocessor ?

ANS : CSS preprocessor is a tool which allows you to create CSS code much faster in a more structured manner preprocessors extend the CSS functional by adding variables mix-ins partials also allow the use operation 

 

Q10. What is microdata ?

ANS : Microdata is a set of additional HTML tags for specifying the additional semantic information to help the search engines read your site properly

 

Q11. What tags are used to make a table ?

ANS : Table tag is used for wrapping a table th tag represents of the table heading TR tag creates a table row that stores the data elements the TD tag represents column in a row

 

Q12. What is the CSS box model ?

ANS : Box model represents a structured way to space elements in relationship to each other it is made of margins borders padding and content when the page is being rendered the browser shows each of the elements as rectangular which can be styled using CSS

 

Q13. What is the reason for wrapping the entire content of JavaScript ?

ANS : Source file into a function this is one of the best practices which creates a private namespace and thereby helps avoid potential name conflicts between different JavaScript functions and external libraries

 

Q14. How would you inspect a hover state of an element ?

ANS : In the dev tools to open it click the small colon hov text in the top right corner of the Styles pane 

Q15. How would you edit HTML in the dev tools ?

ANS : Right click on the text you want to edit on the HTML pane choose edit as HTML make your changes and press Enter

 

Q16. What is the difference between n quotes double equals and in quotes triple equals ? 

ANS : Operators in JavaScript the in-crowd triple equals operator behaves identically to the Equality of in quotes double equals operator but more strictly the types must be the same to be considered equal

 

Q17. What kind of loops are in JavaScript ?

ANS : Loop 4 goes through an inner code a number of times for /in used for looping through the properties of an object while goes through an inner code while a specified condition is true do forward slash while also goes through a block of code while a specified condition is true