<المبرمج السوري/>

يجب أن يكوُن إحساسك إيجابياً مهما كانت الظّروف ومهما كانت التّحديات و مهما كان المؤثّر الخارجِي 😁

#للمطورين #تغذية_بصرية مثل هذا التأثير سهل برأيك ؟ نعم ♥️ لا 👍🏻

🔵 5 Super Useful React Libraries that you should know about 🔵 5 مكتبات React مفيدة للغاية يجب أن تعرف عنها

‏إليك قائمة بأهم المواقع لتطوير مهاراتك في حل مسائل Problem Solving في البرمجة: ‏1. Codewars ‏موقع يحتوي على تحديات برمجية بمستويات متنوعة، مناسب للتدريب المستمر. ‏رابط: codewars.com ‏2. LeetCode ‏من أشهر المواقع لتدريب مقابلات العمل في الشركات الكبرى مثل Google و Facebook. ‏رابط: leetcode.com ‏3. HackerRank ‏أنصح به للمبتدئين، يقدم تحديات تغطي العديد من المفاهيم البرمجية. ‏رابط: hackerrank.com ‏4. TopCoder ‏موقع معروف للمسابقات البرمجية العالمية مع مجتمع نشط من المبرمجين. ‏رابط: topcoder.com ‏5. Coderbyte ‏يقدم تدريبات برمجية مثالية لتحسين المهارات. ‏رابط: coderbyte.com ‏6. Codeforces ‏موقع مشهور بالمسابقات البرمجية الحية، مناسب للمحترفين. ‏رابط: codeforces.com ‏هذه المواقع ستساعدك على تطوير مهاراتك سواء كنت مبتدئًا أو محترفًا!

صديقي مطور الفرونت ايند 🎨 لو شغال على الـ Frontend، دي أفضل VS Code Extensions اللي هتسهل عليك الكود وتوفر وقتك ⏳ 🔹 Path Intellisense بتكمل لك مسارات الملفات أوتوماتيكيًا. https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense 🔹 React PropTypes Intellisense بسرعة اكتب الـProps في React من غير تعب. https://marketplace.visualstudio.com/items?itemName=OfHumanBondage.react-proptypes-intellisense 🔹 npm Intellisense مش هتحتاج تفكر في كتابة أوامر npm تاني، الإضافة هتكمل لك كل حاجة. https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense 🔹 Color Highlight بيظهر لك الألوان اللي كتبتها في الكود بشكل فوري. https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight 🔹 Auto Rename Tag غير اسم الوسم مرة واحدة وهيتغير تلقائيًا في المكان المقابل. https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag 🔹 Code Spell Checker تصحيح تلقائي لأخطاء الإملاء في الكود. https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker 🔹 JSON Tools تعامل أسهل مع ملفات JSON. https://marketplace.visualstudio.com/items?itemName=eriklynd.json-tools 🔹 ESLint حلل الكود واكتشف الأخطاء بكل سهولة. https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint 🔹 Bracket Pair Colorizer ألوان مختلفة لكل زوج من الأقواس علشان تميز بسهولة. https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer 🔹 Live Server شغل خادم محلي وشوف التعديلات بتاعتك مباشرة. https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer 🔹 Live Sass Compiler حول ملفات Sass إلى CSS بشكل تلقائي. https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass 🔹 Better Comments اكتب تعليقات منسقة وملونة في الكود. https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments 🔹 Material Icon Theme أيكونز جديدة ومنظمة لكل ملفاتك. https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme 🔹 HTML Snippets اكتب HTML أسرع مع اختصارات جاهزة. https://marketplace.visualstudio.com/items?itemName=abusaidm.html-snippets 🔹 CSS Peek شوف بسرعة الـCSS المرتبط بأي عنصر HTML. https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek 🔹 Quokka.js عرض فوري لنتائج الأكواد في JavaScript وTypeScript. https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscode 🔹 Import Cost اعرف حجم المكتبات اللي بتستخدمها في المشروع. https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost 🔹 Prettier - Code Formatter نسيق تلقائي للكود بشكل منظم وجذاب. https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode 🔹 SVG Viewer تعديل سهل لملفات SVG مباشرة من VS Code. https://marketplace.visualstudio.com/items?itemName=cssho.vscode-svgviewer 🔹 REST Client زي Postman، بعت طلبات HTTP من VS Code وشوف النتيجة. https://marketplace.visualstudio.com/items?itemName=humao.rest-client 🔹 Thunder Client بديل لـ Postman لاختبار الـAPIs مباشرة من VS Code. https://marketplace.visualstudio.com/items?itemName=rangav.vscode-thunder-client 🔹 Polacode لقطات كود مميزة لمشاركتها مع زملائك. https://marketplace.visualstudio.com/items?itemName=pnp.polacode 🔹 IntelliSense for CSS class names in HTML اقتراحات تلقائية لأسماء الكلاسات في HTML بناءً على CSS. https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion 🔹 Code Runner تشغيل سريع للكود من داخل VS Code. https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner 🔹 Peacock لون واجهة VS Code حسب كل مشروع لسهولة التمييز. https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-peacock

إتقان localStorage و sessionStorage في JavaScript: عزز تطبيقات الويب الخاصة بك!

ليش منخزن بيانات بالمتصفح؟ السبب الرئيسي هو تسريع الأداء بدل ما نستنى استجابة الخادم، البيانات المخزنة محلياً بتكون جاهزة فوراً. ممكن نخزن معلومات متل اسم المستخدم من الجلسة السابقة أو محتويات سلة التسوق لوقت ترجع تتصفح أو نحفظ بيانات مؤقتاً إذا فصل النت أو لتسريع تحميل الموقع. شو هيي طرق التخزين: 1️⃣ Local Storage: 🔵 تخزن البيانات بدون تاريخ انتهاء صلاحية. 🔵 السعة التخزينية حوالي 5 ميغابايت. 🔵 ما في نقل بيانات للخادم. 🔵 مو آمنة 100% لأنها تنخزن كنص (string). 2️⃣ Session Storage: 🔵 بتخزن البيانات لجلسة وحدة وبتنحذف لما تسكر المتصفح. 🔵 سعتها من 5 لـ 10 ميغابايت. 🔵 كل نافذة أو تاب بتعمل جلسة تخزين خاصة فيها. 3️⃣ Cookies: 🔵 بتخزن البيانات وبتنرسل مع طلبات XHR للخادم. 🔵 حجم التخزين أقل من 4 كيلوبايت. 🔵 ممكن تحدد صلاحيتها من الخادم أو المستخدم.

ما اتضيع عمرك على حافة الإنتظار لأشياء قد تأتي أو لا تأتي ،ولا تربط سعادتك في انتظارها ،توقف عن الترقب، توقف عن الخوف من المجهول والمستقبل، توقف عن القلق على أحبتك ودائما استودعهم عند رب العالمين وتأكد أنه ما أخطأك لم يكن ليصيبك وما أصابك لم يكن ليخطأك واعلم أن النصر مع الصبر وما بعد العسر إلا اليسر. عيش تفاصيل اللحظة اللي انت فيها حالياً و ما بعد هذه اللحظة طلعه كله خارج نطاق مسؤوليتك تماماً. بكرة مش بإيدك هو بعلم رب العالمين وحده وبما إنك محسن الظن بالله فتأكد إنه رب العالمين رح يعطيك ما تظنه به لأن الفضل كله لله. اللهمّ إنّا نظن بك: غفراناً، وتوفيقاً، ونصراً، وثباتاً، وتيسيراً، وسعـادةً، ورزقاً، فهبْنا مزيداً من فضلكَ يا واسِـع الفضل والعطاء.

الكود

#تغذية_بصرية #ويب

#تغذية_بصرية #ويب

#أسئلة_مقابلة_عمل أثناء إجراء مقابلة مع أحد مبرمجي الFront-end، تم طرح سؤال مثير أنت كمهندس برمجيات كيف ستتعامل مع 1000 مستخدم، كل منهم قام بإرسال 100 طلب إلى الخادم في نفس اللحظة. سيكون أمامنا حوالي 100,000 طلب إلى السيرفر في نفس الثانية مما يسبب العديد من المشاكل مثل خروج السيرفر عن الخدمة أو وقوعه. 🤔 السؤال هو: كيف يمكنك حل هذه المشكلة بكفاءة؟ 🔍 الجواب قد يكون بسيطًا: استخدام الـ Pagination! الـ Pagination هي تقنية فعالة لعرض البيانات بشكل متسلسل بدلاً من تحميل كل البيانات دفعة واحدة. ولكن كيف يمكن أن تساعدنا في هذه الحالة؟ تخفيض الضغط على الخادم: بدلاً من معالجة 1000 طلب في نفس الوقت، يمكن تقسيمها إلى عدة دفعات، مما يقلل من الضغط على الخادم. تحسين تجربة المستخدم: من خلال تحميل البيانات بشكل تدريجي، يمكن للمستخدمين البدء في رؤية النتائج في وقت أقرب، دون الانتظار لفترة طويلة. إدارة الطلبات بشكل أفضل: يمكن استخدام استراتيجيات مثل الـ Caching أو الـ Debouncing لتقليل عدد الطلبات المرسلة للخادم. توزيع الحمل: يمكن توزيع الطلبات عبر عدة خوادم، مما يعزز الأداء العام ويساعد على التعامل مع الزيادة المفاجئة في الطلبات. استخدام تقنيات أخرى: التفكير في استخدام الـ Load Balancers أو الـ Rate Limiting يمكن أن يكون له تأثير كبير أيضًا في معالجة الحمل. 💡 المفتاح هنا هو التفكير في كيفية تصميم النظام بشكل يسمح له بالتعامل مع الزيادة في الطلبات بكفاءة، بدلاً من محاولة معالجة كل شيء دفعة واحدة. #Kakapo منقول من

قالب MyResume تصميم مميز ومتجاوب مع جميع الشاشات تستطيع التعديل عليه واستخدامه كموقع شخصي لك مناسب للمبرمجين والمصممين 👨🏻‍💻🪄 القالب مبني بـ HTML5/CSS3/JS/BOOSTRAP 🗂 ملفات القالب المرفقة : HTML files CSS files JS files PNG, JPG images (Placeholders)

⁩ ‏"كل منا له جانب مميز، حافظ على جانبك المميز ولا تقلد الآخرين، كن أنت، كن على طبيعتك، لا تستنقص من نفسك بمقارنتها مع الآخرين، أنت مميز، بأفكارك، بأخلاقك، بعلمك، لا تستنقص من نفسك حتى لا تخسر ذاتك وجانبك المميز".😁

https://t.me/fffuuvvvvv/22 أفضل محتوى للغة الانكليزية✨

PWA: Progressive Web App ب إمكانك الوصول إلى تطبيقاتك المفضلة بكل سهولة، دون الحاجة إلى تحميلها من متاجر التطبيقات. هذا ما تقدمه لك⭕️ PWA⭕️ التي تجمع بين أفضل مزايا التطبيقات الأصلية وتجربة التصفح السلسة.

💡 نصيحة مذهلة بـ JavaScript! هل تعلم أنه بإمكانك معرفة دقة شاشة جهاز المستخدم بسهولة؟ 📱💻 جرّبها الآن لتحسين تجربة المستخدم!

🚀 هل أنت مستعد لتصبح محترفًا في البرمجة؟ إليك 16 مشروعًا مذهلاً لتتقن HTML، CSS، وJavaScript! ⬇️