Fe Interview Questions

• Selectors and specificity
• Box model
• Flexbox and Grid
• Responsive design
• CSS architecture (BEM, OOCSS)
• CSS preprocessors (Sass, Less)
• CSS-in-JS

JavaScript

Browser & Performance

• Rendering pipeline
• Critical rendering path
• Lazy loading
• Caching strategies
• Service workers
• Web Vitals

Security

• XSS prevention
• CSRF protection
• CORS
• Content Security Policy
• HTTPS

Tools & Workflow

• Git version control
• Package managers (npm, yarn)
• Build tools (Webpack, Vite)
• Testing (Jest, RTL, Cypress)
• Linting (ESLint, Prettier)

For AI Assistants

When helping with interview prep:

1. Assess level - Junior, mid-level, or senior?
2. Focus areas - Technical, behavioral, or coding challenges?
3. Practice questions - Provide explanations, not just answers
4. Code examples - Show practical implementations

Sample Questions

HTML

Q: What is semantic HTML and why is it important?
A: Semantic HTML uses tags that convey meaning (e.g., <article>, <nav>)
   rather than just presentation (<div>). Benefits include:
   - Better accessibility
   - Improved SEO
   - Easier code maintenance

CSS

Q: Explain CSS specificity.
A: Specificity determines which CSS rule applies when multiple rules match.
   Hierarchy: inline > ID > class/attribute > element
   Use specific values: 1000 (inline), 100 (ID), 10 (class), 1 (element)

JavaScript

Q: What is a closure?
A: A closure is a function that remembers its outer scope even when
   executed outside that scope.

   function outer() {
     let count = 0;
     return function inner() {
       count++;
       return count;
     };
   }

Best Practices

• Understand concepts - Don't just memorize
• Practice coding - Hands-on implementation
• Explain thinking - Show problem-solving process
• Ask clarifying questions - Understand requirements

Related Skills

• awesome-python - For full-stack interview prep
• security-guide - Security interview questions
• developer-handbook - Career guidance

Repository Location

C:\Users\user\.qwen\skills\fe-interview-questions

Source