Notes

HTML:

1. If doctype is missing, what will happen to document? What is quirks mode?
2. Why to use charset
3. SVG and Canvas. Use cases
4. Cookies. How it works (domain specific). Is a cookie of www.domain1.example.com will work in www.domain2.example.com ?
5. How do you serve a page with content in multiple languages
6. Why to use alt tag for image (mention SEO is must)
7. Describe the difference between <script>, <script async> and <script defer>

CSS:

1. Box model, specificity, selectors.
2. Flex
3. SASS/LESS - why to use these
4. If you have 5 different stylesheets, how would you best integrate them into the site?
5. How would you optimize a website's assets/resources
6. Explain some of the pros and cons for CSS animations versus JavaScript animations
7. Explain CSS sprites, and how you would implement them on a page or site
8. How do you optimize your webpages for print
9. How is responsive design different from adaptive design

JS:

1. Closures - Give real life example, why we use it
2. Promises - How to use? Why to use?
3. Prototype chain
4. Call, apply, bind
5. How to create a class in JS (ES5)
6. Debounce function
7. What is event loop
8. IIFE - why to use it
9. Explain hoisting
10. Why to use web-workers

Security:

1. Content Security Policy - How can a web page be restricted from accepting any request other than a specific domain
2. JWT
3. What all possible ways to send password to server
4. What does CORS stand for and what issue does it address


ES6:

1. Why do we use =>
2. Structuring - destructuring
3. Spread operators
4. Let and const. How does const works on object
5. Template string
6. Functional programming - advantages, disadvantages, example
7. What are the differences between variables created using let, var or const
8. Use of transpilers

Architecture:

1. Pub sub model
2. Event delegation on dynamically added element
3. Whats are the reasons behind choosing any framework
4. What are web components, why should we use it?
5. What tools would you use to find a performance bug in your code
6. how we make the webpage accessible? how do we ensure the a vision impaired person can use our application?

Build Process:

1. Why to use web pack? Code splitting , lazy loading of modules?
2. Concept of CI. How to implement
3. What are the best practices to be followed for development, tooling

Testing:

1. What are some advantages/disadvantages to testing your code
2. What tools would you use to test your code's functionality
3. What is the purpose of a code style linting tool

Others:

1. Knowledge on No SQL Db
2. If worked with Node. If yes, Node specific questions
3. Knowledge on Open source version control softwares
4. Contribution on open source projects
5. What they follow to keep themselves updated about latest technologies
6. Whats PWA

Note: These are only sample questions. Feel free to ask any question which suits best for the candidate.