Mentor Tips

إزاي صفحة Next توصل فورا وجواها بيانات خاصة بالمستخدم؟

زمان كان قدامك اختيارين: صفحة Static سريعة بس مفيهاش حاجة تخص المستخدم، أو صفحة Dynamic فيها كل حاجة بس بتستنى السيرفر.

الـ Partial Prerendering بتدّيك الاتنين في صفحة واحدة.

وقت الـ Build، Next بتعدّي على شجرة الـ Components وتقرر مصير كل حتة:
\

• حاجة متخزنة بـ use cache، أو حاجة ثابتة (imports، قراءة ملف محلي، حسابات بحتة): بتدخل الـ Static Shell.\
• حاجة جوه Suspense: الـ Fallback بس هو اللي بيدخل الـ Shell، والمحتوى الحقيقي بييجي وقت الطلب.
  
  الـ Shell ده HTML بيتخدم من الـ CDN مباشرة، ومعاه RSC Payload للتنقل جوه الموقع. يعني أول محتوى بيوصل من غير ما السيرفر الأصلي يتحرك.
  
  والتفصيلة اللي بتفرق: كل ما كانت الحاجة اللي بتستنى الـ Request أعمق في الشجرة، كل ما الـ Shell بتاعك أكبر.
  
  مثال: لو الـ Layout قرا الـ params في أول سطر، الـ Layout كله بقى بيستنى الـ Request ومش هيدخل الـ Shell. لو نقلت القراءة جوه Component صغير ملفوف في Suspense، الباقي كله بيدخل الـ Shell.
  
  ولو الـ params مجهولة وقت الـ Build، بيطلع App Shell مشترك، وبعد أول زيارة بيتحدث للنسخة الكاملة (ISR).
  
  سؤال: Component بتاعك بيقرا الـ Request فين في الشجرة؟

زي ما دايماً بنتقد الشركات في الـ Hiring، تعالوا نشوف "العالم المُظلم" من الناحية التانية!

اتطلب مني أرشح حد لبوزيشن Fullstack Generative AI Engineer (Senior) في شركة محترمة.

جربت معارفي الأول وبعدين نزلت بوست بمتطلبات واضحة جداً وتشيك بوكس لكل مهارة.

واللي حصل من 300 مقدم كان عبث حقيقي:

1. ناس بتقدم من غير CV ولا تفاصيل!

2. ناس بتعرف HTML/CSS بس، ومقدمين على بوزيشن Senior!

3. نسخ ولصق لمتطلبات من الـ AI من غير ما يقروا أصلاً أنا طالب إيه.

4. استهتار بمرحلة الـ Technical Screening وحجم القرارات التقنية.

5. استخدام الـ AI للرد على الأسئلة Live، وطبعاً الـ Detector كشفهم!

6. النتيجة؟ من 300 شخص، طلعنا بـ CV واحد بس بيحقق 70% من المتطلبات.

يا جماعة، العشوائية دي بتستهلك موارد الـ Recruitment وبتضيعوا فرص غيركم. ركزوا وذاكروا كويس قبل ما تقدموا في أي حاجة.

حبيت أوريك الوجه التاني عشان مش الشركات دايماً وحشة! 🤝

software_engineering

دخل معايا شخص عبقري تم إستغلاله من الشركات

في جلسة الإستشارة عرفت إنه مر بمراحل كتيرة جداً في الكارير بتاعه تخليه يحس انه Senior لإنه

1. تفوق في مشروع الجامعه
2. تفوق في الـ ITI ومنحة مصر الرقمية
3. تفوق في التعامل مع الناس وطريقة الكلام واكتسب Soft Skills رهيبه

وده الـ خلاه يتعرض للإستغلال المهني , وده بيكون بسبب شخص موجود في الأغلب بكل مكان لم بيشوف طالب شاطر بيبقي عايز يرشحه لشركة مُعينه بهدف انه يكتسب خبرة وانه يشتغل .

ولإن الطالب بيكون نفسه جداً في الفرصة دي بيوافق بمبلغ زهيد جداً

وبيلاقي نفسه في شركة ملهاش هيكل إداري ولا للفريق

مُعتمدين عليه في كل حاجه

مبياخدش فلوس كفايه مُقابل الـ هو بيقدمه

علشان كده هديك نصيحة النهارده ( مش كل تدريب هو فرصة )

اي تدريب او فرصة توظيف لازم تسأل قبلها المسئول عن ( هيكل الترقيات /Staff Movement )

فيما معناه , انا بعد فترة طويلة هكون ايه ؟

هل هفضل زي ما انا متدرب

هل هفضل جنيور و تستغلوني براحتكم ؟

هل مُرتبي هيزيد ؟

ممكن تشوف ان ده في البداية Redflag وتبقي خايف انهم ميقبلوش بيك

ولكن صدقني الـ هيحصلك بعدها بسبب موافقتك علي شركة انت متعرفش هيكلها الداخل عامل ازاي هيكون اسوء من انك تقعد من غير شغل او من غير تدريب , لإنك هتلاقي نفسك في الاخر حاطت في ال ـCV انك 3 سنين خبرة وفي الحقيقه متقدرش تحسب انك سنة واحده حتي بسبب الـ هم عملوه فيك.

كنت في ميتنج الصبح مع Talent Partner Acquisition

وبيتكلموا ان في حاجه اسمها Unlimited Contract في مصر ودي عقود عقد عمل مفتوح لا يحتوي على تاريخ انتهاء محدد، ويستمر بين الطرفين حتى يقرر أحدهما إنهاءه وفقاً للقواعد القانونية

وقد ايه هو حاجه Stable جداً , وعلشان كده هم مبيحبوش يدوا موظفين الـ Tech العقد ده الا بعد ما الـ Product يطلع ويتأكدوا انه تمام , وكـ نوع من الـ سُخريه يعني بيقولوا :

ان الشركة مطلبتش منهم حاجه زي كده بس هُم الـ بيشرحوا ده كـ نوع من الـ Success Partner

علي حساب الـ Talents او الموظفين الـ هيعينوهم علشان لو حسوا بـ Stability مستحيل يطلعوا الـ Product في الميعاد بتاعه او الديد-لاين , وعلي حد كلامهم بيحبوا يعملوا ده تحديداً مع المصرين

وان لو اي جنسية تانيه بيكملوا معاهم في الـ Unlimited Contract عادي جداً

والكلام ده في شركة كبيرة في مجال الإتصلات والشبكات تحديداً

ولم حاولت اتكلم معاهم قالولي :

• من الناحية القانونية: قانون العمل يمنح الشركة الحرية في تحديد نوع العقد (محدد أو غير محدد) عند بداية التعاقد، طالما يلتزم بالحد الأدنى للحقوق (تأمينات، إجازات، أجور).
• من الناحية التنظيمية: لا توجد جهة رقابية تفرض على الشركة تقديم عقد غير محدد المدة لمهندس وتوفير عقد محدد لآخر، طالما أن الموظف وافق ووقع على العقد عند الانضمام.

علي قد ما انا فعلاً زعلان وغضبان من الكلام ده إلا اني حابب اعرف رأيكم ؟

لو معاك قرشين زيادة وشغال من البيت، دي شوية "رفاهيات مهمة" لو جربتها هتفرق جداً في صحتك النفسية والجسدية وإنتاجيتك:

1- مسند الماوس والكيبورد: مخدة صغيرة بتتحط تحت إيدك بتحمي عروقك جداً

2- كيبورد ميكانيكال (Blue Switch): صوته عالي شوية، بس ممتع جداً في الكتابة وكأن الزراير بتنطرك للي بعده، ومريح جداً في الشغل الطويل.

3- كرسي طبي: بلاش كراسي الجيمنج، وهات كرسي ثلاثي الدعامات داعم للرقبة، وأهم حاجة مساند إيده تتحرك مع كوعك.

4- إضاءة الشاشة (Monitor Light): بتنور مكتبك من غير ما تنور الأوضة كلها، مريحة للعين وبتدي شكل رهيب للسيتاب.

5- حامل الشاشات (Arms): بيرفع الشاشات لمستوى نظرك عشان تحافظ على رقبتك من الوجع وماتضطرش تروح تتعالج.

6- حامل الموبايل: بيخلي الفون قدام عينك وبيشحن، من غير كركبة أسلاك وعلشان تشوف النوتيفيكيشنز براحتك.

7- شاشة بالطول (Vertical): ممتازة للمبرمجين في قراءة الكود براحة وسرعة، وممكن تجيبها استيراد بسعر رخيص. 8- الـ Pegboard: لوح تخريم بيتعلق على الحيطة عشان تعلق عليه السماعة، الكاميرا وأدواتك، بينظم الدنيا وشكله شيك.

10- قاعدة المجات الذكية: بتحافظ على قهوتك سخنة أو مشروبك ساقع وانت شغال.

11- حامل لابتوب: حامل بيطلع وينزل معاك وبيبرد اللاب في نفس الوقت.

أما لو عايز تدلع نفسك عـ الآخر، هات جهاز مساج لرقبتك ودفاية لرجلك تعمل مساج وتدفيك!

ايه موضوع المينتورشيب او التوجيه ده ؟ - يعني ايه ادفع فلوس في ميتنج ؟

ببساطة الفكرة بدأت من موقع أجنبي مشهور موجود فيه معظم الـ Software Engineers الـ في العالم والـ شغالين في ميتا وشغالين في فيسبوك وغيره , ولكن أسعارهم مُبالغ فيها جداً لدرجة إن الميتنج الواحد بيكلفك 500 دولار

وطبعاً في وطنا العربي مفيش خدمة زي دي رغم ان عندنا كوادر كتير جداً محترمين تقدر تستفاد منهم ,

علشان كده عملنا موديول المينتورشيب , علشان الناس الـ عندها خبرة تقدر تفيد بعض

الفكرة الحلوة هنا انك مش لازم تكون جنيور او طالب علشان تستفاد , كفاية جداً انك تاخد استشارة في اي مجال انت عايزه , باسعار غريبة جداً يعني ممكن تدخل إستشاره كامله لـ ساعتين بـ 300 لـ 700 جنيه , الـ هو ثمن قهوة وكيك

وطبعاً بما إن منصة مونسترزغيت كانت بتقدم كورسات , قولت ليه مخليش المينتور يبقي موجود مع الكورسات بحيث انك تتعلم وفي نفس الوقت تلاقي حد تستشيره

انا محتاج منكم تجربوا الموديول وتقولولي رأيكم

ايه انواع الكراسي الـ فعلاً ريحتكم وكانت مناسبة للشغل بين 6 لـ 12 ساعة ؟
انا عن نفسي جربت

1. الـ Tree Chair
2. والـ Emerald Chair

وعلي مدار 3 سنين كنت مرتاح بصراحه ولكن الجزء السُفلي بيهبط مع الوقت

حد عنده تجارب ؟

ليه بنحس إن تطبيقات زي Stripe و Apple و Linear منتجات بملايين الدولارات، بينما أغلب تطبيقات الSaaS والEnterprise بتبان عادية؟

خلال شغلي السنين اللي فاتت على أنظمة ضخمة، ك Senior software engineer كنت دايماً مهتم جدا بتجربة المستخدم (UX). بنهتم بالألوان والأنيميشن والتصميم، لكن دايماً كان فيه حلقة مفقودة.

المستخدم لما يعمل اي action زي انه يضغط save , or delete أو ينفذ عملية دفع، بيضطر يفضل باصص ومستني التنبيه يظهر. في حين إن المنتجات العالمية بتعتمد على Multi-Sensory Feedback — نغمة رنين خفيفة جداً بتأكد لك النجاح في أجزاء من الثانية.

بس المشكلة: ليه أغلبنا Developers بنتجنب إضافة أصوات؟ عشان صداع ملفات MP3، وحجم التحميل، وبطء استجابة الشبكة (Latency)، ومشاكل SSR في Next.js.


عشان كده قررت أحل الموضوع ده ونشرت مكتبة مفتوحة المصدر بالكامل: Tonely شغال عليها بقالي فتره ولاكن جه الوقت تطلع للنور.. إيه فكرتها؟

Zero Audio Files: مفيش ولا ملف صوتي واحد! كل النغمات بتتولد برمجياً ولحظياً داخل المتصفح (Web Audio API).
سرعة فائقة (Zero Latency): الصوت بينطلق في أقل من 1ms بدون أي Network Requests.
حجم لا يذكر: حجم الحزمة بالكامل أقل من 1.5 KB — أصغر من أيقونة SVG عادية!


جاهزة لModern Web: متوافقة 100% مع Next.js (SSR-safe) و React و Vue وأي إطار عمل، مع نغمات جاهزة ومدروسة لحالات Success وError والتفاعلات اليومية.

لو بتتعلم القرآن وبتحاول تحفظه صح… فخلي الشيخ الحصري صاحبك في رحلتك

السلـامُ عليكُم ورحمةُ الله وبركاتُه

من أهم الوسائل اللي تساعدك على إتقان القرآن: كثرة الاستماع لتلاوة متقنة وواضحة، والشيخ محمود خليل الحصري رحمه الله من أبرز من يُستفاد من تلاوته في التعلم.

ليه؟
لأنك مع كثرة الاستماع تبدأ أذنك تتعود على النطق الصحيح للحروف، ومخارجها، وصفاتها، والمدود، والغنة، والوقف والابتداء وغيرها من أحكام التلاوة.

ومع الوقت، مش هتكون بتحفظ الآيات بعينك بس… لكن أذنك ولسانك كمان هيحفظوا طريقة نطقها.

وخاصة لو أنت في بداية طريقك، حاول تسمع الآية من الحصري أكثر من مرة، ثم تقرأها بنفسك، وبعدها تقارن بين قراءتك وقراءته.

لكن مهم جدًا تعرف إن الاستماع وحده لا يغني عن التلقي والمراجعة مع معلّم متقن؛ لأن بعض الأخطاء قد لا تنتبه لها بنفسك مهما كثرت سماعاتك.

فاجعل لك وردًا يوميًا من الاستماع، ووردًا من القراءة والتطبيق، واعرض قراءتك على من يصحح لك.

ولو نفسك تقرأ القرآن قراءة صحيحة، وتتعلم أحكام التجويد، وتثبت حفظك بإتقان، يسعدنا أن نساعدك في رحلتك.

احجز جلستك المجانية معنا، وابدأ أول خطوة في طريق التلاوة الصحيحة والإتقان بإذن الله.

وجودك على LinkedIn لم يعد رفاهية اذا كنت لا تزال تبحث عن فرص عمل. السيرة الذاتية (CV) القوية وصفحة GitHub قوية قد يدفنان بلا أي زيارة أو ملاحظة من جهات التوظيف اذا لم تقم انت بنفسك بالتسويق لنفسك وعملك وخبرتك. كثير من أصحاب المهارات والخبرات لا يتم ملاحظتهم لأنهم اكتفوا بالعمل دون السعى لنشر وتسويق جهدهم أمام الجميع.
يجب أن يكون لك نشاط اسبوعي على LinkedIn وقم بعمل mention للمؤثرين في دائرتك حتى يتم التعرف عليك وستلاحظ تحسنا ملحوظا في معدل الفرص المتاحة أمامك..

لو أنت Frontend أو Full-Stack Developer، أكيد اتكرر معاك السيناريو ده: مستخدم بيرفع صورة من الموبايل تتفاجئ إن حجمها طالع 18MB أو 25MB!

المطورين عادة بيحلوا المشكلة دي بطريقتين: 1️⃣ تحديد حجم upload بـ Validation: وترفض الصورة لو أكبر من 2MB، بس هل المستخدم العادي هيعرف يضغط الصورة بنفسه؟ 2️⃣ الضغط على السيرفر: ترسل الصورة الخام للـ Backend أو تشترك في خدمات زي Cloudinary أو AWS Lambda، وهُنا بتدفع تكلفة وسيرفر أعلى.

طب إيه الحل؟ 💡 بعد ما واجهت المشكلة دي كتير، قررت أطلق مكتبة مفتوحة المصدر جديدة: compressly

ليه تجرّب compressly؟ حجم أقل من 3KB (أخف بـ 95% من المكتبات القديمة زي browser-image-compression). ⚙️ Web Worker مدمج: المعالجة بتتم في الـ Background بدون أي Freeze لـ UI حتّى على الموبايلات الضعيفة. حل اتجاه صور الآيفون (Auto EXIF): معالجة createImageBitmap تضمن إن صورة الـ Portrait متتقلبش بالعرض. 🎯 Adaptive Target Size: بتحدد الحجم المطلوب (مثلاً 0.5MB) وهي بتعدّل الجودة والأبعاد للوصول للهدف. 🚀 دعم Batch: رفع وجدولة عدة صور بالتوازي بدون استهلاك زائد للذاكرة. ⚛️ جاهزة لـ React & Next.js: تدعم SSR ومزودة بـ Custom Hook جاهز.

تخيّل إنك بتصلي كل يوم، وبتقرأ سورة الفاتحة في كل ركعة، لكنك ممكن تكون بتنطق بعض آياتها بطريقة غير صحيحة دون أن تدري!

السلـامُ عليكُم ورحمةُ الله وبركاتُه

سورة الفاتحة مش مجرد سورة بنقرأها في الصلاة، دي أعظم سورة في القرآن، وقراءتها ركن من أركان الصلاة لا تصح الركعة بدونها عند جمهور أهل العلم.

تخيّل إنك بتكرر السورة دي عشرات المرات يوميًا، فكم من الأجر والخير ينتظرك لو أتقنت قراءتها؟!

وكم هو عظيم أن تقف بين يدي الله عز وجل، تتلو كلامه بحروفه الصحيحة، وتؤدي كل كلمة كما ينبغي أن تُقرأ.

إتقان الفاتحة مش رفاهية، ولا أمرًا نؤجله لبعدين؛ دي من أهم الخطوات اللي لازم نحرص عليها في رحلتنا مع القرآن.

فلا تكتفِ بأنك تحفظها، بل احرص على أن تقرأها قراءة صحيحة، وتعلّم مخارج حروفها، واضبط حركاتها، وتعلّم أحكامها.

وإن كنت تجد صعوبة في القراءة الصحيحة، أو تريد أن تتقن تلاوتك وتحفظ القرآن على الوجه الصحيح، فابدأ من الآن، ولا تؤجل خطوة قد تُحدث فرقًا كبيرًا في صلاتك وعلاقتك بكتاب الله.

يسعدنا أن نرافقك في رحلتك مع القرآن، ونقدم لك جلسة مجانية لتصحيح التلاوة والتعرّف على مستواك، ونساعدك على تعلّم القراءة الصحيحة والإتقان بإذن الله.

احجز جلستك المجانية، واجعل أولى خطواتك نحو تلاوةٍ صحيحةٍ متقنة لكتاب الله.