N.. retweetledi
N..
13 posts


هالتغريدة كتبتها 2024 احنا اليوم 2026
اني احس يبي لي لين 2027-2028
هل تحسوا اني فعلاً وصلت للشي دا🤔؟
ورد المبشر|SWE@Ward_mub
عندي هدف🎯 اصير شي كبير بمجال UI Design و UX لدرجة لو اي شخص يقول لك UI or UX اكون اني أول شخص يخطر ببالك😍
العربية

عملت ملف تفصيلي باذن الله من خلاله تتقن تجربة المستخدم UX من الصفر الى المعرفة الكاملة التي تؤهلك لاي عمل
الملف يحتوي على اكثر من 300 صفحة من شرح لكل مسمى + فيديو من اليوتيوب يشرح المسمى بالعربي والانجليزي
الملف مجاني يصلك عبر الخاص فقط:
تابعني: @Tqnyawy
رتويت للتغريدة
العربية
N.. retweetledi

نصيحة لأي Frontend Developer بيستخدم React و TypeScript
واحدة من أهم مهارات المطور الشاطر هي إنه يعرف إمتى يكتب الكود بإيده، وإمتى يعتمد على أدوات موجودة بالفعل عشان يوصل لأفضل نتيجة بأقل مجهود.
مكتبة useHooks-ts هي مثال ممتاز للأدوات اللي لازم تكون في جيبك. هي عبارة عن مكتبة Hooks شاملة بتغطي سيناريوهات كتير بنقابلها يومياً زي التعامل مع الـ DOM والـ Sensors والـ UI State.
ليه المكتبة دي مميزة؟
واحد: الكود مكتوب بـ Best Practices محترمة جداً، يعني بتتعلم منها وأنت بتستخدمها.
اتنين: بتدعم الـ Tree-shaking، يعني لو استخدمت Hook واحد بس، الباقي مش هيدخل معاك في الـ Bundle النهائية ومش هيتقل الموقع.
تلاتة: بتسهل الشغل جداً وسط التيم، لأن الكل بيستخدم نفس الـ Logic الموحد بدلاً من اجتهادات شخصية ممكن تختلف من واحد للتاني.
جربوها وقولوا لي رأيكم، هل بتفضلوا تكتبوا الـ Custom Hooks بنفسكم ولا بتعتمدوا على مكتبات زي دي؟
الرابط: usehooks-ts.com

العربية
N.. retweetledi

لو بتتعلم برمجة أو شغال بالفعل وعايز تطور نفسك بشكل حقيقي، المستودعات دي على GitHub تعتبر مصادر لا غنى عنها:
🔹 Tech Interview Handbook
مرجع قوي للتحضير للمقابلات التقنية خطوة بخطوة.
github.com/yangshun/tech-…
🔹 The Algorithms
تنفيذات عملية لأشهر الخوارزميات وهياكل البيانات بلغات مختلفة.
github.com/TheAlgorithms
🔹 Free Programming Books
آلاف الكتب البرمجية المجانية في مختلف التخصصات.
github.com/EbookFoundatio…
🔹 Public APIs
مجموعة ضخمة من APIs مجانية للتجربة والتطبيق في مشاريعك.
github.com/public-apis/pu…
🔹 Coding Interview University
خريطة طريق كاملة لتجهيز نفسك لشركات التكنولوجيا الكبرى.
github.com/jwasham/coding…
🔹 30 Seconds of Code
حلول سريعة وأكواد قصيرة تخلصك من تكرار الشغل.
github.com/Chalarangelo/3…
🔹 freeCodeCamp
منصة تعليمية مفتوحة هتساعدك تنتقل من مبتدئ لمحترف.
github.com/freeCodeCamp/f…
لو حفظت المصادر دي وبدأت تستخدمها بانتظام، هتلاحظ فرق حقيقي في مستواك وطريقة تفكيرك كمبرمج. بالتوفيق للجميع

العربية
N.. retweetledi
N.. retweetledi
N.. retweetledi

نصائح مهمة لكل المبرمجين:
- قبل الـ Design Patterns: اتقن الـ OOP؛ لأن الأنماط دي هي تطبيق متطور لمبادئه.
- قبل الـ Clean Architecture: استوعب الـ SOLID Principles؛ عشان ما تبنيش تعقيد بدون قيمة.
- قبل الـ AI & ML: ركّز على الرياضيات والإحصاء؛ هما المحرك الحقيقي وراء كل خوارزمية.
- قبل الـ UI Frameworks: اتقن الـ CSS (Flex & Grid)؛ الإطار بيسهل الشغل بس الأساس بيبنيه.
- قبل الـ ORMs: افهم قواعد البيانات (العلاقات والفهارس)؛ عشان تعرف الأداة بتعمل إيه في الخلفية.
- قبل الـ DevOps: اشتغل بإيدك على CI/CD وافهم إزاي الـ Pipeline بيمشي وبيتعالج.
- قبل الـ TypeScript: خليك قوي في الـ JavaScript؛ هي الأصل والـ TS مجرد طبقة حماية.
- قبل الـ Serverless: افهم إدارة السيرفرات التقليدية الأول؛ عشان تعرف إيه اللي بيتم توفيره لك.
- قبل تحسين الأداء: اتقن الـ Debugging؛ ما ينفعش تعالج مشكلة إنت مش عارف تشخصها.
- قبل الـ Cloud: افهم Networking & Security؛ عشان تحمي بياناتك وتوفر في ميزانيتك.
- قبل الـ Competitive Programming: تمكّن من الخوارزميات وهياكل البيانات؛ دي أدواتك الأساسية في الملعب.
العربية
N.. retweetledi

نصائح مهمة لأي مبرمج باك إيند:
- قبل ما تجري على Express أو NestJS، اهضم أساسيات الـ JavaScript والـ Asynchronous programming (الـ Promises والـ Async/Await) لأنهم روح النود.
- قبل ما تستخدم Mongoose وتتعامل مع الـ Schemas، لازم تفهم يعني إيه NoSQL وايه الفرق بين الـ Embedding والـ Referencing.
- قبل ما تدخل في تعقيدات الـ Microservices، اتعلم إزاي تبني Monolith نضيف وتطبق فيه الـ MVC Pattern بشكل صح.
- قبل ما تفكر في الـ Deployment على منصات زي AWS أو Vercel، لازم تكون متمكن من Linux Commands وتعرف تتعامل مع الـ Terminal بقلب جامد.
- قبل ما تستخدم Redis عشان تسرع الأداء، افهم يعني إيه Caching Strategy وإمتى الداتا بتموت (TTL).
- قبل ما تربط الـ Frontend بالـ Backend بـ GraphQL، اتعلم إزاي تعمل RESTful API محترمة بـ Status Codes واضحة.
- قبل ما تأمن السيستم بتاعك بـ Libraries جاهزة، افهم الفرق الجوهري بين الـ Authentication (مين أنت؟) والـ Authorization (مسموح لك تعمل إيه؟).
- قبل ما تدخل في الـ Docker والـ Containerization، افهم الأول إزاي تدير الـ Dependencies وتظبط الـ Environment Variables بتاعتك.
- قبل ما تهتم بالـ CI/CD، اتعلم إزاي تستخدم Git صح وتتعامل مع الـ Merge Conflicts من غير ما تبوظ كود زمايلك.
- قبل ما تبدأ تكتب Unit Tests، اتعلم إزاي تكتب Clean Code وتطبق مبادئ الـ SOLID عشان كودك يكون قابل للاختبار أصلاً.
- قبل ما تشغل بالك بالـ Scaling، ركز في الـ Query Optimization وإزاي الـ Indexes بتفرق في سرعة الـ Database.

نصيحه مني لك كوني بسوق العمل👩🏻💼
تبي تتعلم UX/UI؟
لاتبدي بـ Figma
لاتبدي بالصور
لاتبدي الانميشن
لاتبدي بالادوات
لاتبدي بالاشكال
لانك اللي تسويه موب صحيح☠️👋🏼
المفروض تبدي بفهم المشكله المبادره بالحلول فهم المستخدمين فهم البزنز
لان مافي فايده الشكل حلو والمنتج مضروب وصعب☠️ على طول انا كمستخدم بحذف ابو التطبيق
حاب تبدي صح سجل بمعسكري لـ UX/UI👇🏼💎


العربية

متحمسة لمشاركة أول تجربة لتصميم صفحة هبوط متجاوبة، شاركوني آراءكم 🤍✨
يمكنكم مشاهدة المشروع كاملا على Behance من خلال الرابط:
behance.net/gallery/222533…




العربية

خلني اعطيكم معلومة تدري لو تخصصك هندسة برمجيات SWE | تخصصي العظيم🫡😎
بكون اساسك قوي بـ تجربة المستخدم UX
وبكون اساسك حلو في واجهات المستخدم UI
طيب كيف🫨؟
بكل سهوله اساساً في مقررات SWE بتتعلم:
١- كيف تبدي مشروع من الصفر
٢- كيف تجمع المتطلبات من العميل
٣- كيف تنصف المتطلبات حسب اهميتها
٤- كيف تبني user persona
٥- كيف تبني user story
٦- كيف تبني هيكلة المشروع
٧- كيف ترسم المخططات منها UML - flow chart وغيرها
٨- كيف تخطط للمشروع + كيف تعمل كفريق - كيف تقسم الشغل…..
وغيرها من الامور…..
بخصوص UI بتتعلمه من مقررين HCI و multimedia :
١- بتتعلم الالوان - الخطوط - icons…..
٢- بتتعلم المسافات بين الخطوط والحروف
٣- بتتعلم كيف تسوي wireframes بكل انواعه من المخططات لين النتيجة الاخيره
فــ بعدين بكون عليك الموضوع سهل وسريع تطور معلوماتك اكثر بمجال UX وتتعمق فيه وتتعمق في UI

العربية

