<المبرمج السوري/>
前往频道在 Telegram
قناة علمية تختص بمواضيع البرمجة وبالخصوص مجال الويب وآخر الاخبار التقنية ... إذا أردت المساعدة يمكنك التواصل على الحساب: https://t.me/Ibrahim_karbik
显示更多1 634
订阅者
无数据24 小时
+77 天
+430 天
帖子存档
1 634
[ Claude 3.5 Sonnet] للبرمجة
[ Deepseek.com ] لفهم المواضيع
[ mlnotebook ] للتلخيص
هي خلاصة تجربتي مع بعض أدوات الذكاء الاصطناعي ب اخر فترة:
الـ Sonnet بكود معي الكود أحسن من غيره، ولما أطلب تعديلات بيعملها صح بنسبة قريبة من 100%.
بصراحة، موضوع اكتشاف الأخطاء في الكود صار شي من الماضي بالنسبة لي، الـ Sonnet بخلصها بسرعة.
الـ Deepseek لما أسأله عن موضوع بيفهمني إياه بشكل مرتب، ولما أسأله عن تفصيلة من اللي ذكرها بيفهمني إياها بشكل أوضح من غير ما يهبد. هو ممكن يطول شوية في الشرح، لكن لمصلحتك في النهاية.
الـ mlnotebook بيلخص أي مصدر، سواء كان لينك أو كتاب أو حتى مجموعة حاجات، شغلات وبيخلص بسرعة ممتاز للمذاكرة أو لو بدك تعرف معلومة معينة من غير ما تقرأ الموقع كله أو الكتاب كله.
الـ 3 أدوات هدول أكتر الأدوات يلي بستخدمهن الفترة هي.
========================
أنا "ابراهيم قربيق" أعمل كـ Front End Developer أنشر محتوى بشكل شبه يومي يتضمن معلومات قيمة حول تطوير البرمجيات، أحدث التقنيات، وسوق العمل في هذا المجال
===================
إذا كنت مهتماً بتعزيز مهاراتك أو ترغب في متابعة آخر المستجدات، فأنت في المكان الصحيح! انضم إليّ لاستكشاف عالم البرمجة والتكنولوجيا، ولنحقق النجاح معاً! 🚀💻
1 634
#copied_help_to_find_work🔴
موقف حصل معايا امبارح وأنا بعمل إنترفيو لجونيور React Developer”
كنت بسأله 3 أسئلة بسيطة، لكن الإجابات كانت متلخبطة شوية مع إنه كان عنده فكرة عنهم:
1. إيه الفرق بين الـ GET والـ POST؟
قال إن GET بتجيب بيانات وPOST بتبعت بيانات، لكن مكانش عارف إن الـ GET مابتغيرش حاجة في السيرفر، وPOST دايمًا بتستخدم عشان تضيف أو تعدل على البيانات.
2. إيه الفرق بين props وstate؟
قال إن الاتنين بيخزنوا بيانات، لكن مكانش عارف إن props بيانات بتتبع من الأب للابن وبتكون ثابتة (Read-only)، وstate بتكون متغيرة داخل الـ Component.
3. إزاي تتعامل مع الأخطاء في الـ APIs؟
رد إنه ممكن يعمل console.log للـ Error، لكن مكانش عارف إنه لازم يضيف try…catch ويتأكد من الـ Response Codes عشان يعرف إذا كان الطلب ناجح ولا لأ.
للأسف، رغم إنه كان عارف أجزاء من الإجابات، مكانش عنده الفهم الكامل، وده خلاه مرفوض في الإنترفيو.
لو انت جونيور أو لسه بتبدأ، حاول تفهم الأساسيات كويس جدًا، مش مجرد تعريفات سطحية. فهم التفاصيل الصغيرة بيظهر إنك فاهم وبتعرف تطبق، وده اللي بيهم في الإنترفيوهات.
1 634
#copied_help_to_find_work🔴
- Backend Java Engineer | 0-2 Years of Experience.
- Android Developer | 0-2 Years of Experience.
- Frontend Developer | 0-2 Years of Experience.
- Test Engineer | 0-2 Years of Experience.
- Product Designer | 0-2 Years of Experience.
- Technical Recruiter | 0-1 Years of Experience.
If you're interested please send your updated CV to recruitment@asset.com.eg with the job title in the subject
1 634
Repost from هيثم النائب - Haitham alnaeb
ماذا لو انفكت العقوبات الأمريكية عن سوريا بعد أشهر؟
من ضمن الأمور، رح تدخل بعض الشركات العالمية التقنية عالبلد.
هدول الشركات ما بجيبوا كوادرهم معهم من أميركا، وانما فقط المدراء.
بقية الموظفين بوظفوهم من المحليين
مايكروسوفت ماليزيا مثلا، بتستقبل كل سنة حوالي 80 متدرب ماليزي، هل عندهم خبرات خارقة؟ لاء، لكن عندهم خطة وحضور وتوجه فكري صح
فالسؤال الآن لطلاب الجامعة سنة أولى أو تانية أو الفريلانس الجدد:
هل عملت مؤهلات كافية لحتى بالسنة الجاية تستقبلك هدول الشركات كمتدرب؟
نفس السؤال للمطورين:
هل بكفيك من الآن بضعة أشهر لتحقق بروفايل عالمي وتاخد وظيفة بهالشركات أول ما تفتح؟
لا تأجل العمل لبعد توفر الفرصة
لأن غالبا اللي بيكسب الفرصة هن أشخاص محضرين حالهم من قبل
1 634
سلسلة أهم أسئلة بمقابلات العمل للـ Front-End
السؤال ال2️⃣
كل يوم رح نسأل سؤال جديد ونشرحه بطريقة بسيطة مع أمثلة عملية .. مشان وقت تجي الفرصة نكون جاهزين 🔥
الفرق بين useState و useRef في React
🟢 useState:
الاستخدام:
نستخدم useState عندما نريد تخزين قيمة معينة (state) وتحديث الواجهة (UI) عند تغيير هذه القيمة. أي تغيير في الـ state يؤدي إلى إعادة رندر (re-render) للمكون (component).
مثال:
إذا كان لديك زر (button) وعند الضغط عليه يتغير لونه أو يظهر نص معين، هنا نستخدم useState لأن التغيير يجب أن ينعكس على الواجهة.
🟡 useRef:
الاستخدام:
نستخدم useRef عندما نريد تخزين قيمة معينة دون أن يؤدي تغييرها إلى إعادة رندر للمكون. غالبًا ما نستخدمه للتعامل مع عناصر الـ DOM مباشرة أو لتخزين قيم لا تحتاج إلى عرضها في الواجهة.
مثال:
إذا كنت تريد حفظ قيمة حقل إدخال (input) دون إعادة رندر المكون عند كل تغيير، أو إذا كنت تريد الوصول إلى عنصر معين في الـ DOM (مثل input أو button).
ايمت منستخدم كل واحد؟
استخدم useState عندما:
تحتاج إلى تحديث الواجهة عند تغيير القيمة.
القيمة مرتبطة بعرض المستخدم (مثل عدد العناصر في عربة التسوق).
استخدم useRef عندما:
تحتاج إلى تخزين قيمة دون إعادة رندر المكون.
تريد التعامل مع عناصر الـ DOM مباشرة.
تريد حفظ قيمة سابقة (previous value) أو أي بيانات لا تحتاج إلى عرضها.
ملاحظة مهمة:
useState يؤدي إلى إعادة رندر عند التغيير.
useRef لا يؤدي إلى إعادة رندر عند التغيير.
تابعني كل يوم لننزل إجابة جديدة لسؤال من أسئلة الإنترفيو المهمة😁
========================
أنا "ابراهيم قربيق" أعمل كـ Front End Developer أنشر محتوى بشكل شبه يومي يتضمن معلومات قيمة حول تطوير البرمجيات، أحدث التقنيات، وسوق العمل في هذا المجال
===================
إذا كنت مهتماً بتعزيز مهاراتك أو ترغب في متابعة آخر المستجدات، فأنت في المكان الصحيح! انضم إليّ لاستكشاف عالم البرمجة والتكنولوجيا، ولنحقق النجاح معاً! 🚀💻
1 634
Repost from Mohammad Najjar || محمد نجار
🚀 هاكاثون سوريا – الحدث الأول من نوعه!
لأول مرة، يجتمع المبدعون السوريون من داخل البلاد والمهجر لتطوير حلول مبتكرة محلية للتحديات الحقيقية التي تواجه مجتمعاتنا.
💡 سيُقام الحدث بالتزامن في أكثر من 10 مدن سورية، ليكون فرصة فريدة للتعاون، وصنع التأثير، والمساهمة في بناء مستقبل سوريا من خلال الابتكار.
📅 التاريخ: 22-28 فبراير 2025
🔗 سجل الآن: https://hack.startupsyria.org/index.html
#هاكاثون_سوريا #hack4syria #startupsyria
1 634
https://www.for9a.com/courses
فرصة
كورس لغة تلت مستويات .. لمنصة ادراك اونلاين + مجاني حفظوه عندكن لبينما يخلص الفحص😁
1 634
سلسلة أهم أسئلة بمقابلات العمل للـ Front-End
كل يوم رح نسأل سؤال جديد ونشرحه بطريقة بسيطة مع أمثلة عملية .. مشان وقت تجي الفرصة نكون جاهزين 🔥
🔹 كيف الـ CSS Box Model شغال؟
الـ Box Model هو الأساس اللي بيحدد كيف العناصر بتظهر بالصفحة، وبيتكون من أربع أجزاء رئيسية:
🟢 المحتوى (Content): هو النصوص أو الصور اللي جوا العنصر.
🟡 البادينج (Padding): هو المسافة بين المحتوى وحدود العنصر، يعني الفراغ اللي جوا العنصر.
🟠 البوردر (Border): هو الإطار اللي بيحيط بالعنصر، وممكن يكون له سماكة، لون، ونمط معين.
🔴 المارجين (Margin): هو المسافة بين العنصر والعناصر اللي حواليه، يعني الفراغ اللي برا العنصر.
طيب، كيف هالأجزاء بتأثر على التصميم؟
✅ لازم نفهم إنو المساحات الداخلية (البادينج) والخارجية (المارجين) بتحدد ترتيب العناصر وكيف بتتفاعل مع بعضها.
✅ إذا عندك مشكلة بتصميم ومالك شايفه متناسق، احتمال كبير تكون المشكلة بالـ Box Model.
✅ في CSS، فيك تستخدم box-sizing: border-box; مشان تسهل الحسابات. يعني إذا حطيت عرض للعنصر (width)، العرض رح يشمل البادينج والبوردر بدون ما يزيد على الحجم الكلي.
مثال عملي: لو عندك العنصر التالي في HTML:
Hello World
وفي CSS:
.box {
width: 200px;
padding: 20px;
border: 5px solid black;
margin: 10px;
}
🔹 العرض النهائي للعنصر مارح يكون 200px.
رح يكون: 200 (العرض) + 40 (البادينج) + 10 (البوردر) = 250px.
📌 نصيحة مهمة: استخدم أدوات المطور (DevTools) في المتصفح لتشوف الـ Box Model لكل عنصر وتتحكم فيه بسهولة.
تابعني كل يوم لننزل إجابة جديدة لسؤال من أسئلة الإنترفيو المهمة😁
========================
أنا "ابراهيم قربيق" أعمل كـ Front End Developer أنشر محتوى بشكل شبه يومي يتضمن معلومات قيمة حول تطوير البرمجيات، أحدث التقنيات، وسوق العمل في هذا المجال
===================
إذا كنت مهتماً بتعزيز مهاراتك أو ترغب في متابعة آخر المستجدات، فأنت في المكان الصحيح! انضم إليّ لاستكشاف عالم البرمجة والتكنولوجيا، ولنحقق النجاح معاً! 🚀💻1 634
Rejected.
Rejected.
Rejected.
Rejected.
Rejected.
Rejected.
Offered.
So many are experiencing the endless rejections
I know so many people who have been rejected over 100 times and counting.
And Iam one of them.
But the 100s of rejections are getting you closer and closer to that 1 offer
Don't ever give up,, Keep going And TRUST YOURSELF! ✨
وَأَنْ لَيْسَ لِلْإِنْسَانِ إِلَّا مَا سَعَى* وَأَنَّ سَعْيَهُ سَوْفَ يُرَى* ثُمَّ يُجْزَاهُ الْجَزَاءَ الْأَوْفَى. ♥️
1 634
🔸نصائح لمطوري Frontend:
- افهم HTML كويس قبل ما تبدأ في JavaScript.
- اتعلم CSS قبل ما تعتمد على Tailwind أو Bootstrap.
- افهم JavaScript قبل ما تستخدم React أو Vue أو Angular.
- اتقن DOM Manipulation قبل ما تعتمد على jQuery أو Frameworks.
- اتعلم Flexbox و Grid قبل ما تلجأ لمكتبات جاهزة.
- افهم HTTP و APIs قبل ما تتعامل مع Axios أو Fetch.
- تعلم ES6+ قبل ما تتعامل مع TypeScript.
- افهم Performance Optimization قبل ما تستخدم Lazy Loading و Code Splitting.
- افهم State Management قبل ما تستخدم Redux أو Pinia.
- ركّز على الأساسيات قبل ما تبني مشروعك بأحدث Framework.
========================
أنا "ابراهيم قربيق" أعمل كـ Front End Developer أنشر محتوى بشكل شبه يومي يتضمن معلومات قيمة حول تطوير البرمجيات، أحدث التقنيات، وسوق العمل في هذا المجال
===================
إذا كنت مهتماً بتعزيز مهاراتك أو ترغب في متابعة آخر المستجدات، فأنت في المكان الصحيح! انضم إليّ لاستكشاف عالم البرمجة والتكنولوجيا، ولنحقق النجاح معاً! 🚀💻
1 634
الفرق بين null و undefined في JavaScript بكل بساطة! 🤓
كتير منضيع بين null و undefined، بس الفرق بينهم بسيط جدًا! 👇
🔹 undefined → يعني المتغير موجود بس مالو قيمة 🤷♂️
🔹 null → يعني المتغير موجود وقيمته فاضية عن قصد 😎
💡 أمثلة توضح الفرق:
let x;
console.log(x); // undefined ❌
let y = null;
console.log(y); // null ✅
📌 undefined
بيحصل لما:
متغير ينعمله declare بدون ما ياخد قيمة
دالة مالا return
الوصول لـ property مالا موجودة في object
📌 null
لما بدك تقول انو المتغير فاضي لكن بشكل متعمد!
✅ الخلاصة:
undefined = شغلة مالا قيمة أصلاً
null = شغلة موجودة بس فاضية بإرادتك
1 634
Repost from هيثم النائب - Haitham alnaeb
مبادرة مينتوري
مجموعة من المطورين السوريين بكندا وأميركا بكبار الشركات التقنية العالمية (ميتا و جوجل و مايكروسوفت وأمازون ...)
أطلقو مبارح مبادرة تطوعية وهي برنامج مينتورشيب
لتوجيه المطوريين داخل سوريا على الطرق الأفضل لتحقيق هدفهم بالمجال واختيار الخيارات الأنسب
للتسجيل
https://mentory-sy.net/register
واللي حابب يعمل علاقات قوية يسجل بنفس الرابط كـ مينتور ويساهم بوقت فراغه
ليدعم المجتمع ويقوي نفسه كمدرب ويراجع معلوماته التقنية المختلفة ويكسب الثواب
1 634
هاد النظام هو رفيقك الجديد .. 😁يلي رح يساعدك تلاقي المعلومات و يحول أي سؤال برمجي معقد لجواب بسيط🥳✨ deepseek.com
