داخل على إنترفيو React أو Next.js؟ متفوتش البوست ده
داخل على إنترفيو 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؟
⸻
( Next.js )
- الفرق بين getStaticProps و getServerSideProps
- يعني إيه ISR؟ وامتى تستخدمه؟
- Server vs Client Components في Next.js 13+
- Pages Router vs App Router؟
- Middleware في Next.js – إزاي وفين؟
- أفضل طرق الـ Authentication في Next.js؟
- Dynamic Routing: [id].js vs [[...slug]].js
- Image Optimization في Next.js
- API Routes – إمتى تستخدمهم؟
فايدة ملف next.config.js؟
⸻
نصيحة من أخوك:
الأسئلة دي مش مجرد تحضير لإنترفيو، دي دليل شامل يخليك مطور فاهم، وتثق بنفسك في أي مقابلة.
راجعهم كويس، وافهم الفكرة مش الحفظ… وادخل الإنترفيو زي المحترف
