جونيور مقابل سينيور فرونت اند
داخل على إنترفيو React أو Next.js؟
متفوتش الليست دي
مش كفاية تكون بتعرف تشتغل بس؛ لازم تكون فاهم التفاصيل اللي بتفرق بينك وبين أي حد تاني. راجع الأسئلة دي كويس وافهم الفكرة مش الحفظ
✔️ تقدر تعلّم على كل سؤال راجعته كويس عشان تتابع تقدمك أثناء المذاكرة
🎨 HTML & CSS
- الفرق بين px, em, و rem؟ وإمتى تستخدم كل واحدة؟
- أنواع الـ positioning: relative, absolute, fixed, sticky
- Critical Rendering Path وإزاي بيأثر على السرعة؟
- الفرق بين inline, block, و inline-block
- إزاي تقلل تأثير الـ Paint & Layout على الأداء؟
- إزاي تتجنب مشكلة CLS وتحسن تجربة المستخدم؟
- z-index والـ Stacking Context؟
- خطوات تصميم موقع Responsive حقيقي؟
⚡ JavaScript
- الفرق بين null و undefined
- إزاي بيشتغل الـ Event Loop في المتصفح
- استخدامات let, const, var من حيث الـ Scope والـ Hoisting
- == vs ===
- إمتى تستخدم call, apply, و bind؟
- يعني إيه Closure؟ وإزاي تشرحه ببساطة؟
- Shallow vs Deep Copy؟ وإزاي تنفذهم؟
- Synchronous vs Asynchronous code
- Promises vs async/await – تستخدم مين في إيه؟
- تكتب JavaScript performant إزاي؟
- إيه هو Event Delegation وليه مهم؟
⚛️ React.js
- الفرق بين Class و Functional Components
- useState vs useReducer – وإمتى تستخدم كل واحدة؟
- useEffect vs useLayoutEffect
- Virtual DOM: مميزاته وعيوبه
- الفرق بين CSR / SSR / SSG
- Controlled vs Uncontrolled Components
- Memory Leaks في React – إزاي تكتشفها وتعالجها؟
- خطوات تحسين الأداء في React
🚀 Performance & Optimization
- إزاي تسرع الـ Critical Rendering Path؟
- Code Splitting في React – إزاي وليه؟
- الفرق بين Debounce و Throttle؟
- Memory Leaks – إزاي تكتشفها وتعالجها؟
- Lazy Loading vs Eager Loading
- إزاي تحسن Core Web Vitals (LCP, FID, CLS)
- تتحقق موقعك بيحقق معايير Google إزاي؟
💬 نصيحة من أخوك
الأسئلة دي مش مجرد تحضير لإنترفيو، دي دليل شامل يخليك مطور فاهم، وتثق بنفسك في أي مقابلة. راجعهم كويس، وافهم الفكرة مش الحفظ… وادخل الإنترفيو زي المحترف.