Full-Stack Development tips from mentors

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ليه بنحس إن تطبيقات زي 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 والتفاعلات اليومية.

لو أنت 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 جاهز.