Skip to content

Latest commit

 

History

History
175 lines (81 loc) · 5.24 KB

Interview-FAQ.md

File metadata and controls

175 lines (81 loc) · 5.24 KB
Raw

HTML,CSS,JS INTERVIEW QUESTIONS

  • What are your fav features of HTML5, CSS3?

  • Can You describe of your work flow of any project?

  • Can you tell me different b/w CSS Resetting and Normalizing?

     Ans: CSS Resetting:default styling that comes with browser

  CSS Normalizing: Make Sure Rendering Works in all browsers

  • What are inline and Block Level elements?

    Answer: Inline elements only accepts marginleft, margin right, paddings

  • Describe CSS Box Model?

  • What is specificity in styling in CSS?

  • Difference between positions static, Relative, Absolute, Fixed ?

  • Difference b/w visibility , hidden and display none?

  • What is the difference between classes and IDs in CSS?

  • What's the difference between "resetting" and "normalizing" CSS? Which would you choose, and why?

  • Describe Floats and how they work.

  • Describe z-index and how stacking context is formed.

  • Describe BFC(Block Formatting Context) and how it works.

  • What are the various clearing techniques and which is appropriate for what context?

  • Explain CSS sprites, and how you would implement them on a page or site.

    Ans: CSS sprites is Merging multiple images into a single image, It reduces the amount of web requestes and increases page                    loading speed.

  • What are your favourite image replacement techniques and which do you use when?

  • How would you approach fixing browser-specific styling issues?

  • How do you serve your pages for feature-constrained browsers?

  • What techniques/processes do you use?

  • What are the different ways to visually hide content (and make it available only for screen readers)?

  • Have you ever used a grid system, and if so, what do you prefer?

  • Have you used or implemented media queries or mobile specific layouts/CSS?

  • Are you familiar with styling SVG?

  • How do you optimize your webpages for print?

  • What are some of the "gotchas" for writing efficient CSS?

  • What are the advantages/disadvantages of using CSS preprocessors?

  • Describe what you like and dislike about the CSS preprocessors you have used.

  • How would you implement a web design comp that uses non-standard fonts?

  • Explain how a browser determines what elements match a CSS selector?

  • Describe pseudo-elements and discuss what they are used for.

  • Explain your understanding of the box model and how you would tell the browser in CSS to render your layout in different box models.

  • What does * { box-sizing: border-box; } do? What are its advantages?

  • List as many values for the display property that you can remember.

  • What's the difference between inline and inline-block?

  • What's the difference between a relative, fixed, absolute and statically positioned element?

  • The 'C' in CSS stands for Cascading. How is priority determined in assigning styles (a few examples)? How can you use this system to your advantage?

  • What existing CSS frameworks have you used locally, or in production? How would you change/improve them?

  • Have you played around with the new CSS Flexbox or Grid specs?

  • How is responsive design different from adaptive design?

  • Have you ever worked with retina graphics? If so, when and what techniques did you use?

  • Is there any reason you'd want to use translate() instead of absolute positioning, or vice-versa? And why?

  • How to Build Triangle with CSS?

    Ans : We can make by using border property of css.

  • What are pseudo elements in CSS?

  • What are After and before in CSS?

  • What are the data Attributes in CSS?

    Ans: Data Attributes are used to store cutom data directly inside HTML tags, They are easily accessible from css and JS

  • what is difference b/w session storage and local storage ?

    Ans: SessionStorage: It is avalible only when browser tab is opened 
 
  localStorage : It servives on closing and reopening a browser

  • What is SVG?

     Ans: Scalable Vector Graphics 
   Benifit Image dosent lose it's Quality  when zoomed or resized the window like JPG

  • What are preproceesors?

  • what is microdata?

  • What tags are used to represent a table?

  • what is css box-model?

  • What is the reason for wrapping the entire content in the javascript source file in to a function?

  • How do you open a :hov effect using dev tools?

  • How do you edit HTML in dev tools?

  • How do you edit css in dev tools?

  • What is difference b/w == and === Operaters in JS?

  • What kind of loops in JS?

    Ans:  For - Goes trough an inner code of times

   for/in - Used to loop through the properties of an object

   While - Goes trough an inner code while specific condition is true 

   do/while - Also goes trough a block of code while a specific condition is true .

  • How do you Insert a copyright symbol on browser page?

Front end developer interview tips:

  1. There are things always you dont know something , But I can put in effort to learn if it really useful for the company

  2. Tell me about yourself means conclude relate to current position

  3. Dont badmark about old company - I am lot more talent and I can contribute , And an so passionate about technology

  4. Do expect to talk about projects

  5. Be prepare to write code and explain code

  6. makes feel like already working there

  7. Always smile and be Honest