مجتمع المبرمج العربي ـ قناه

مطورين FrontEnd .. هذه مستودعات Github repositories رهيبة راح تخليك محترف React🚀 🔥 اخر مستودع خله بالمفضلة لان كل اللي تحتاجه راح تحصله فيه😍 ⬇️⬇️ https://x.com/proadev/status/1790059228595417093 https://www.instagram.com/p/C66lf_Prjf5/?img_index=1

هذا الموقع يفيدك لو بتدرب على إنشاء الAPI يوفر لك قائمة بالمستخدمين بيانات وهمية .. تقدر تستخدمها وتتعلم على التعامل مع الapi من خلالها✈ RANDOM USER GENERATOR  https://randomuser.me/

إن التقنية التي تتضمنها لإعراض طلبات HTTP/HTTPS والاستجابات بين العميل (مثل متصفح الويب أو تطبيق الهاتف المحمول) وخادم ، باستخدام أداة مثل مجموعة Burp Suite. تُستخدم هذه التقنية بشكل شائع في اختبار سلامة تطبيق الويب لتحليل واختبار سلوك تطبيقات الويب وأمانه. إليك تعريف وشرح أكثر تفصيلاً: ### تعريف: http/https اعتراض ومعالجة: تتضمن هذه التقنية التقاط وتعديل طلبات HTTP/HTTPS من قبل العميل إلى خادم والمسؤوليات المقابلة التي يشعر بها الخادم إلى العميل. تُستخدم أدوات مثل Suite Burp لتكون بمثابة وكيل ، واعتراض حركة المرور هذه لأغراض التحليل والتعديل. يتيح ذلك لمختبري الأمن فهم كيفية نقل البيانات ومعالجتها ، وتحديد الضعف ، واختبار متانة آليات أمان تطبيق الويب. ### شرح مفصل: ### العملية الخطوة: 1. الإعداد والتكوين: - قم بتثبيت جناح التجشؤ: قم بتنزيل وتثبيت مجموعة التجشؤ على جهاز الكمبيوتر الخاص بك. - تكوين إعدادات الوكيل: قم بتكوين متصفح الويب أو الجهاز المحمول إلى حركة المرور عبر وكيل Burp Suite. يتضمن هذا بشكل عام تعيين إعدادات الوكيل على عنوان IP والمنفذ حيث يستمع مجموعة التجشؤ (على سبيل المثال ، 127.0.1: 8080`). - قم بتثبيت شهادة CA Burp: لاعتراض حركة مرور HTTPS ، شهادة CA الخاصة بكالوريوس التثبيت على جهازك. يتيح هذا تجشير تجشير فك تشفير حركة مرور HTTPS من خلال أداء هجوم رجل في الوسط (MITM) بطريقة خاضعة للرقابة والأخلاقية. 2. اعتراض حركة المرور: - ابدأ اعتراض: تمكين ميزة التقاطع في مجموعة التجشؤ. يتيح لك ذلك التقاط وعرض جميع طلبات ومسؤوليات HTTP/HTTPS بين العميل والخادم. - مشغل حركة مرور: إجراء إجراءات في تطبيق الويب (على سبيل المثال ، تسجيل الدخول ، إرسال نموذج) لإنشاء طلبات HTTP/HTTPS. 3. تحليل الطلبات والاستجابات: - عرض الطلبات: يفحص تفاصيل طلبات HTTP المعتادة ، وتشمل الرؤوس والمعلمات وملفات تعريف الارتباط والجسم. - عرض الردود: يفحص تفاصيل مسؤوليات HTTP المعتادة ، والرؤوس المتضمنة ، ورموز الحالة ، ومحتوى الجسم. 4. معالجة حركة المرور: - تعديل الطلبات: تحرير طلب HTTP المعترض قبل أن يتم رائحته إلى الخادم. على سبيل المثال ، قم بتغيير قيم المعلمة ، أو تعديل الرؤوس ، أو تغيير جسم ال

7 تقنيات تحتاج استخدامها كمطور واجهات أمامية (front end) 👌 تطوير الواجهات الأمامية للويب هو أحد المجالات البرمجية المهمة والمطلوبة بكثرة في سوق العمل، ويتطلب العمل فيه معرفة جيدة بالعديد من المفاهيم والتقنيات، من أهمها: 1⃣ تعلم HTML و CSS و جافا سكريبت فهي اللغات الأساسية في تطوير الويب، وعليك فهمها جيدًا قبل تعلم أي تقنية أخرى 2⃣ التصميم المتجاوب Responsive Design هناك العديد من الأساليب التي تمكننك من جعل مواقع الويب متجاوبة وتظهر بشكل مناسب على مختلف أحجام الشاشات وأنواع الأجهزة مثل استعلامات الوسائط media queries والنقاط الحدية Breakpoints وطرق تخطيط الصفحات المختلفة كالتخطيط الشبكي والمرن. 3⃣ مكتبات وأطر عمل تطوير الواجهات الأمامية تتوفر العديد من مكتبات وأطر الواجهة الأمامية التي توفر لك مكونات وشيفرات برمجية جاهزة تسهل عليك إنشاء صفحات ويب معقدة وتساعدك على اتباع أفضل الممارسات في كتابة شيفراتها مثل بوتستراب Bootstrap للغة CSS ورياكت React للغة جافا سكريبت. 4⃣ واجهات برمجة التطبيقات APIs يحتاج مطورالواجهة الأمامية لتعلم طريقة التعامل مع واجهات برمجة التطبيقات وبيانات JSON للحصول على المعلومات من الخادم ودمجها مع واجهات المواقع والتطبيقات. 5⃣ برامج التحكم بالإصدارات Git و GitHub فهي برامج تفيد أي مطور للتعامل مع التغييرات المستمرة على الأكواد البرمجية، وتنظم عمله وتعزز تعاونه مع المطورين الآخرين. 6⃣ أدوات البناء Build tools تساعد أدوات البناء مطور الواجهة الأمامية على إدارة التبعيات وتنظيم العمليات وتحسين الكود البرمجي وتسريع تطويره وصيانته ومن الأمثلة عليها نذكر Vite و Webpack. 7⃣ تحسين أداء المواقع من المفيد أيضًا استخدام أي تقنيات من شأنها تحسين وتسريع صفحات الموقع وتحسين الصور وتحميلها بشكل كسول lazy loading واستخدام التخزين المؤقت وتقليل حجم الشيفرة البرمجية المستخدمة فيها. إذا كنت مهتمًا بتعلم تطوير الواجهات الأمامية للويب وتبحث عن مصدر موثوق لتعزيز مهاراتك، فستزودك دورة تطوير الواجهات الأمامية من أكاديمية حسوب بكافة التقنيات التي تحتاجها 👌

مرحباً 👋🏼 الشرح بيكون طويل بس مهم 💯✅ يلا نبدأ: الفرق بين إستخدام الـ [index] أو إستخدم elementAt(index) للوصول لعنصر معين داخل List بدلالة ال Index تبعه. الطريقتين بيوصلوا لنفس النتيجة، ولو بدلت بينهم في الكود ما بتلاقي فرق، لكن من داخل فيه فرق رهيب في الأداء بين الاثنين. ال elementAt(index) هذي Function تبع Class في فلاتر اسمه Iterable، هذا الكلاس خاص بأي حاجة ممكن أعمل عليها Iteration داخل فلاتر زي الـ List والـ Set، ولإنه داخل في تركيب أشكال كثير، فبالتالي ال Functions تبعه بتكون عامة مش متخصصة لنوع معين من Data Structure، عشان كذا الـ Function تبع elementAt(index) عامة على كل الأنواع، فبتعتمد إن هي بتقعد ت Iterate "تعد" من صفر لحد ال Index اللي انت طلبته وتجيبه لك. يعني لو عندك List فيها عشر آلاف رقم، وانت طالب الرقم الأخير فيها، بتحتاج تمشي على العشر آلاف رقم كلهم عشان بس تجيب لك الرقم اللي انت طلبته! في حين [index] هذا Operator خاص بالـ List نفسها، بيستخدم خصائصها في إنه يعمل Constant Accessing لأي Index انت بتطلبه. على نفس المثال اللي الاول عندنا 10 آلاف رقم واستخدمت ال [] عشان أوصل للرقم الأخير بتروح تجيبه مباشرةً في عملية واحدة بس بدل 10 آلاف عملية. الخلاصة: أستخدم[index] للوصول للبيانات اللي انت محتاجه، بدلاً من elementAt(index).

أشهر وأهم 7 لغات برمجة مطلوبة في سوق العمل ❤️🤙🏻 ✳️ لغة Python: تستخدم في تطوير الويب والذكاء الاصطناعي وعلوم البيانات ✳️ لغة JavaScript: تستخدم في تطوير الويب وتفاعل المستخدم، وفي تطوير تطبيقات الهاتف المحمول. ✳️ لغة Java: لغة قوية وشائعة، تستخدم في تطوير تطبيقات سطح المكتب وتطبيقات الهاتف المحمول وتطبيقات الويب. ✳️ لغة C++: قوية ومتعددة الاستخدامات، تستخدم في تطوير برامج النظام والألعاب والتطبيقات المتقدمة. ✳️ لغة C#: تستخدم في تطوير تطبيقات ويندوز وتطبيقات الألعاب باستخدام منصة Unity ✳️ لغة Ruby: لغة ديناميكية وسهلة التعلم، تستخدم في تطوير تطبيقات الويب وتطبيقات الشركات الناشئة. ✳️ لغة Swift: تستخدم في تطوير تطبيقات iOS وmacOS، وهي لغة رسمية لتطوير تطبيقات Apple

🔷️مواقع ذكاء الاصطناعي قد تفيدك 🔶️موقع للإجابة عن الرسائل تلقائيا Manychat.com 🔶️إدارة حسابات سوشيال ميديا Hootsuite.com 🔶️موقع لإنشاء الصور من النصوص starry.ai 🔶️موقع لمساعدتك في كل شيء Alexa.amazon.com 🔶️موقع لتعديل على الصور lensa.ai 🔶️موقع لتعديل على فيديوهات Choppity.com 🔶️موقع لإزالة العاناصر من الصورة Cleanup.pictures 🔶️موقع لرسم الخرائط Gitmind.com 🔶️موقع يكتشف إسم لمشروع الخاص بك looka.com 🔶️موقع لكتابة بالذكاء الاصطناعي https://www.adobe.com/express/ 🔶️لتعديل الأصوات https://podcast.adobe.com/enhance 🔶️مواقع لتصميم صورة شخصية Pfpmaker.com Designify.com 🔶️لكتابة المقالات Guinark.com 🔶️مواقع لكتابة محتوى إعلانات ممولة copygenius.com Anyword.com 🔶️موقع يحتوي على العديد من أدوات المجانية 123apps.com 🔶️موقع لتصميم الصور بالذكاء الاصطناعي flair.ai 🔶️موقع لإنشاء أغاني في ثواني عن طريق الذكاء الاصطناعي boomy.com 🔶️موقع للحياة اليومية بترتيب المهام الخاصة بك Taskede.com 🔶️موقع لكتابة المقالات و البحوث و غيرها Aiseo.ai 🔶️موقع لتركيب الأصوات البشرية على فيديو Fliki.ai 🔶️موقع لإنتاج أعمال فنية و رسوم توضيحية و أنمي Imagecreator.ai