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

🚨 تنبيه عاجل لكل السوريين! حملة اختراق واسعة تستهدف واتساب! 📱🔐 يا جماعة الخير، الهيئة الوطنية لخدمات تقانة المعلومات نبهت على حملة اختراق جديدة بتستهدف حسابات واتساب السوريين! شو عم يصير؟ - جهات مجهولة بتسجل خروجك من حسابك وتشتغل عحسابك من أجهزتهم! - طريقة نصب جديدة: بخدعوك تشارك معهم رمز التحقق (OTP) اللي بيوصلك عالرسايل! --- 🛡️ إرشادات أمان ضرورية: 1️⃣ ممنوع تشارك رمز OTP مع حدا، حتى لو قالك "مدير واتساب" أو "دعم فني"! 🚫 2️⃣ شغّل "التحقق بخطوتين" هلء فوراً: ⚙️ الإعدادات ← الحساب ← التحقق بخطوتين ← تفعيل 3️⃣ ضع رمز PIN مكون من 6 أرقام. 4️⃣ أضف إيميل لاسترجاع الحساب إذا ضاع. 5️⃣ تجاهل أي رسالة تحقق مو طالبها! --- ⚠️ إذا اخترق حسابك: - حذف التطبيق وتنزيله مرة ثانية. - أدخل رقمك، واستخدم رمز OTP + رمز التحقق بخطوتين (إذا كان مفعل). - إذا ما كنت شغلت التحقق بخطوتين، ممكن ما تقدر تسترجع حسابك! 😱 --- شارك البوست. .. قد تكون سبب بإنقاذ حساب أحد أحبابك! 💙

🧠 سمعت نصيحة من سينيور "لا تضل تفكر إنك لازم تعرف كلشي قبل ما تبلّش. أحيانًا أفضل طريقة تتعلم فيها، إنك توقع وتصلّح." 🔸 لما تشتغل على مشروع وبتغلط، هاد ما بيعني إنك ضعيف… بالعكس، هاد دليل إنك عم تتعلّم صح. 🔸 أهم شي تضل عم تجرّب، وتطلب feedback، وتسأل بلا خجل. تذكّر: السينيور اليوم… كان مبارح جونيور مثلك تمامًا.

تطبيق " لقطة " اسم على مسمى🔥💙 https://www.instagram.com/reel/DJrsXn-K20S/?igsh=ZHdybDRnd3IweDE=

مبروك لسوريا 💚🔥 رفع العقوبات عن بلدنا الحبيب😍

git init aleppo_developer_community ✨ git commit -m "First step" git push 🚀 #ADC #Aleppo_developer_community #WeAreCooking Follow Us : Instagram Facebook LinkedIn Telegram

أدوات بتسندك كـ Junior Frontend Developer" 🔧 أداة اليوم: Responsively App بتخليك تشوف موقعك بأكتر من حجم شاشة بنفس اللحظة! 📱💻 ✅ ليش مفيدة؟ – بدل ما تضل تفتح أدوات المطور وتغيّر بالحجم كل شوي، هي بتعرضلك الموقع على موبايل، تابلت، وديسكتوب سوا. – بتسرّع شغلك خاصة وقت تشتغل على تصميم متجاوب (Responsive). – مجانية ومفتوحة المصدر! 🧠 نصيحة: بلّش تشتغل عليها من أول المشروع، مشان تضمن إنو الموقع طالع مرتب عكل الشاشات، وما تضطر ترجع تعدّل كتير بعدين.

🧠 الخطوة 5 من جونيور لـ ميد ليفل: افهم الـ API، مو بس تعمل Fetch وتروح! المبرمج الجونيور غالباً بياخد رابط الـ API وبيعمل عليه fetch وبس. بس الميد؟ بيفهم القصة كاملة، وبيعرف يتعامل مع الـ API كأنو عم يحكي مع الباك. ✅ كيف يعني؟ بيعرف شو الفرق بين GET, POST, PUT, DELETE، وكل وحدة لمين بتنستخدم. بيعرف يقرأ توثيق (Documentation) أي API خارجي ويشتغل عليه بسهولة. بيعرف شو يعمل إذا رجعله Error متل 404 أو 500 أو 401. ما بيكب الكود وين ما كان! بيفصل ريكويستات الـ API بملف لحال (مثلاً: api.js). ممكن يستخدم أدوات متل Axios ليخلي الكود أنضف وأسهل. ✅ مثال صغير: الجونيور ممكن يكتب هيك: js fetch('/api/products') بس الميد؟ بيكتب: js import { getProducts } from './api/products'; const products = await getProducts(); وهيك صار كل شي مرتب وواضح، ولو تغيّر رابط الـ API بعدين، ما بدك تفتل كل الكود!

أدوات بتسندك كـ Junior Frontend Developer" وهي أول أداة: 🔧 Box Shadows CSS Generator هي أداة بتخليك تولّد تأثير ظل (shadow) للعناصر بسهولة من غير ما تكتب الكود بنفسك. 🌐 الموقع: https://cssmash.com/box-shadow-generator 🧠 ليش مفيدة؟ بتساعدك تشوف التأثير بصريًا وتنسّق الستايل بشكل سريع واحترافي، خصوصًا لو لساتك جديد عالـ CSS.

معلومة HTML خفيفة: بتعرف إنو فيك تضيف وصف مختصر لأي صورة باستخدام alt؟ html نسخ تحرير ✅ الـ alt مهم لعدّة أسباب: – بيساعد محركات البحث تفهم الصورة – بيفيد المستخدمين يلي بيستخدموا قارئات شاشة (لضعاف البصر) – وإذا ما انعرضت الصورة، بيظهر مكانها النص المكتوب 💡نصيحة: لا تكتب "صورة" أو "photo"، خليك توصف الشي يلي بالصورة فعليً

سؤال مقابلة مميز إذا كان عندك صفحة فيها كتير عناصر (متل 1000 منتج)، كيف ممكن تحافظ على أداء الموقع ويضل سريع وما يعلّق؟ ✅ ليش هاد السؤال مهم؟ لأنو المقابِل بدو يعرف إذا بتفهم إنو الكود مو بس يشتغل، لازم يشتغل "بذكاء" وما يبطّئ الموقع. 🧠 كيف ممكن تجاوب؟ ما بعرُض كل العناصر مرّة وحدة يعني ما بحط الـ1000 عنصر كلّن عالصفحة، لأنو هالشي رح يبطّئها كتير. بستخدم Pagination أو Infinite Scroll بقسّم العناصر، مثلاً بعرض أول 20 منتج، وبخلي المستخدم يضغط "التالي" أو بعمل تحميل تلقائي لما يوصل لنهاية الصفحة. Virtualization بستخدم مكتبات متل react-window أو react-virtualized، هاي ما بتعرض إلا العناصر اللي ظاهرين عالشاشة، والباقي بيتخبوا ليخفّ الضغط عالصفحة. بحمّل الصور أو البيانات بشكل كسول (Lazy Loading) يعني الصور ما بتنزل إلا إذا قربت تظهر عالشاشة، وهيك الموقع بيفتح أسرع. 🎯 نصيحة : وقت تحكي عن الأداء بالمقابلة، حاول دايمًا تربط بين المشكلة (عناصر كتيرة = بطء) والحلول العملية اللي جربتها أو قرأت عنها، ولو عندك مشروع طبّقت فيو هيك شي، احكي عنو، بتكسب نقاط زيادة!

سؤال ممكن ينسألك بمقابلة فرونت إند: "شلون بتتعامل مع الـ responsiveness وقت بيكون المشروع كبير؟" 🚩 هون مو القصة بس تقول "بحط media queries". المقابل بدو يشوف كيف بتفكّر كمطوّر عم يشتغل على مشروع حقيقي. ✅ مثال على جواب منيح: – ببلّش من الموبايل (mobile-first) – بستخدم تايلويند أو SCSS mixins لسهّل الشغل – بعمل نظام للمسافات والخطوط حسب حجم الشاشة – وإذا في design system جاهز، بستخدم الكومبوننتات اللي فيه لأنها أصلاً متجاوبة 🛠 ونصيحة: لا تقول "بس ضفت media query" وخلص... احكي كيف رتّبت الشغل ليكون الموقع فعلاً بيشتغل على كل الأجهزة.

سمعت نصيحة من سينيور – الكود الواضح أهم من الكود المختصر! كتير جونيورز بيفكروا إنو الشطارة إنك تختصر الكود لأقل عدد سطور... بس بالحقيقة؟ الشطارة إنو يلي يجي بعدك يفهم الكود بسهولة! مثال من الفرونت: بدي أظهر رسالة "تم الحفظ" إذا كان في status ناجح: js نسخ status === "success" &&

تم الحفظ!

شكلو حلو ومختصر، بس مو واضح لكل الناس—خصوصًا للمبتدئين أو زملائك يلي عم يراجعوا الكود بعد شهرين. جرب هاد الشكل: js نسخ {status === "success" && (

تم الحفظ!

)} أوضح، أسهل للقراءة، وبيراعي النظافة البصرية للكود. كل ما كنت واضح، كل ما كبرت بثقة فريقك فيك!

#نصيحة_فرونت لما تشتغل عـ مشروع، جرّب تفصل بين شغلتين: الـ UI (يعني كيف الواجهة بتبين) و الـ Logic (يعني كيف التطبيق بيفكر وبيتصرف) ليش؟ لأنو إذا خلطتن سوا، الكود بيصير بتعدل زر، بينكسر شي تاني! ✅ خليك منظّم: – خلي الكومبوننتات تعرض بس المعلومات – والوظايف (functions) تكون مسؤولة عن المنطق مثال بسيط؟ عوض ما تحط الشيفرة يلي بتتحقق من الإيميل جوات الزر، اعمل وظيفة اسمها validateEmail() وخلي الزر بس يناديها. هيك: – الكود بيصير أنضف – تقدر تعيد استخدام الوظايف – والتعديل بيصير سهل وسريع

🤍🤍

نصيحة مقابلات - سؤال بيكشف مستواك الحقيقي! "إذا طلبنا منك تبلّش مشروع React جديد، شو أول شغلات بتجهّزها؟" هاد السؤال مو عن كود، هو عن طريقتك بالشغل. ✅ جواب قوي ممكن يكون: – بجهّز المشروع بـ Vite – بعمل تنظيم للفايلات (components, pages, hooks...) – بضيف Tailwind و ESLint و Prettier – بجهّز Routing و state management إذا المشروع كبير هيك بتفرجي إنك مو بس بتعرف تبرمج، بتعرف تشتغل بطريقة منظمة واحترافية! ======================== أنا  "ابراهيم قربيق" أعمل كـ Front End Developer أنشر محتوى بشكل شبه يومي يتضمن معلومات قيمة حول تطوير البرمجيات، أحدث التقنيات، وسوق العمل في هذا المجال =================== إذا كنت مهتماً بتعزيز مهاراتك أو ترغب في متابعة آخر المستجدات، فأنت في المكان الصحيح! انضم إليّ لاستكشاف عالم البرمجة والتكنولوجيا، ولنحقق النجاح معاً! 🚀💻

نصائح كتابة السيفي للمطور الفرونت إند 🚀 قبل أي شي، تأكّد عنوانك بالـ CV يوضّح تخصصك وخبرتك باختصار: > Front-End Developer | React & UI/UX Enthusiast 🔹 المهارات الأساسية: HTML, CSS, JavaScript Frameworks & Libraries: React, Vue, Next.js Tools & Utilities: Tailwind CSS, React Query, Git 🔹 قسم المشاريع بطريقة تلمع: تطبيق إدارة مهام (React + React Query) قلّلت زمن تحميل الصفحة بنسبة 30% زدت نسبة إكمال المهمات اليومية 20% متجر إلكتروني سريع (Next.js + Tailwind) سرعة التحميل الأولي: 1.2 ثانية رفع ترتيب الموقع بـ SEO بنسبة 15% لوحة تحكّم تفاعلية (Vue.js + Chart.js) عرض البيانات Real‑time عبر WebSocket سهّلت على الفريق اتخاذ قرارات أسرع 📌 ليش الأرقام مهمة؟ لأنها بتثبت إنك مش بس كتبت كود، بل حلّلت مشاكل وقيسّت نتائج حقيقية. 💬 سؤال اليوم: أي مشروع عندك ممكن تعيد صياغته بهاي الطريقة؟ ومين أول مثال رح تختار؟

من مقابلات العمل - سؤال دايمًا بينسأل: "احكيلي عن مشروع اشتغلت عليه" ما تجاوب: "برمجت موقع وخالصين..." جرب تحكي هيك: ✅ "اشتغلت على تطبيق لحجوزات طبية، كان دوري أبني الواجهة بالكامل باستخدام React، وركّزت على تنظيم الكود بطريقة scalable وقابلة لإعادة الاستخدام." ✅ "ضبطت الـ state management باستخدام Zustand بدل Redux لسهولة الاستخدام والأداء، وعملت optimization لسرعة التحميل باستخدام lazy loading للمكونات الثقيلة." ✅ "من التحديات يلي واجهتني: بناء مكوّن السجل المرضي، خليتو مرن ومربوط بقاعدة البيانات بطريقة ديناميكية بحيث يشتغل لأي مريض وتحديث البيانات يكون مباشر." نصيحة من (مبرمج): خلي إجابتك تحكي عن كيف برمجت مو بس شو عملت، بيّن طريقة تفكيرك، وكيف بتتعامل مع المشاكل، لأن هاد هو يلي بيفرق المبرمج المحترف. ======================== أنا  "ابراهيم قربيق" أعمل كـ Front End Developer أنشر محتوى بشكل شبه يومي يتضمن معلومات قيمة حول تطوير البرمجيات، أحدث التقنيات، وسوق العمل في هذا المجال =================== إذا كنت مهتماً بتعزيز مهاراتك أو ترغب في متابعة آخر المستجدات، فأنت في المكان الصحيح! انضم إليّ لاستكشاف عالم البرمجة والتكنولوجيا، ولنحقق النجاح معاً! 🚀💻

جمعتكن مباركة ✨ الجمعة يوم راحة، بس كمان فرصة نرتّب حالنا شوي ... مو بس بالكود، حتى بالقلب ✨ صلّوا عالنبي، عليه الصلاة والسلام، هي أبسط عبادة وأعظم أجر! وبما إنك مطوّر، جرّب هيك شغلات صغيرة اليوم: ✅ راجع كود قديم وجرّب تبسّطه ✅ سمّي المتغيرات بطريقة أوضح ✅ فكّر: لو مطوّر تاني شاف الكود، رح يفهمه بسهولة؟ ✅ شوف إذا في duplicate code فيك تحذفه أو تعمله refactor نصيحة سريعة: كل ما كان كودك أنضف، كل ما كنت محترف أكتر، وبتوفّر وقت ع حالك بالمستقبل الـ Clean Code مو رفاهية، هو احترام لزميلك المستقبلي (يلي ممكن يكون إنت بعد شهر!) ======================== أنا  "ابراهيم قربيق" أعمل كـ Front End Developer أنشر محتوى بشكل شبه يومي يتضمن معلومات قيمة حول تطوير البرمجيات، أحدث التقنيات، وسوق العمل في هذا المجال =================== إذا كنت مهتماً بتعزيز مهاراتك أو ترغب في متابعة آخر المستجدات، فأنت في المكان الصحيح! انضم إليّ لاستكشاف عالم البرمجة والتكنولوجيا، ولنحقق النجاح معاً! 🚀💻

نصيحة سمعتها من #سينيور – بمقابلات العمل احكي عن دورك، مو بس المشروع! كتير ناس وقت المقابلة بيقولوا: "اشتغلت على منصة تجارة إلكترونية بتعرض المنتجات وبتسجّل المستخدمين..." بس هالحكي لحالو ما بيكفي! الـ HR أو الشخص اللي عم يقابلك، بدو يعرف إنت بالضبط شو عملت. ✅ قول مثلاً: "كنت مسؤول عن صفحة السلة والدفع، بنيتا برياكت وربطتا مع الـ API للباك " ✅ احكي عن قرار تقني أخدتو: "اخترت استخدم Context بدل Redux لأن المشروع كان صغير وما كان بحاجة لتعقيد." ✅ احكي شغلة تعلمتا أو مشكلة واجهتك وكيف حليتا. هيك بتورجي إنك مو بس عم تنفّذ، بل فاهم شو عم تعمل، وبتاخد قرارات مثل المحترفين. ======================== أنا  "ابراهيم قربيق" أعمل كـ Front End Developer أنشر محتوى بشكل شبه يومي يتضمن معلومات قيمة حول تطوير البرمجيات، أحدث التقنيات، وسوق العمل في هذا المجال =================== إذا كنت مهتماً بتعزيز مهاراتك أو ترغب في متابعة آخر المستجدات، فأنت في المكان الصحيح! انضم إليّ لاستكشاف عالم البرمجة والتكنولوجيا، ولنحقق النجاح معاً! 🚀💻

من #جونيور ل#ميد ليفل بالفرونت إند 🚀 🔹 الخطوة 4: تعلم كيف تستخدم DevTools متل المحترفين! إذا بدك تطلع من مرحلة الجونيور، لازم تصير تفتّش عالأخطاء وتحل المشاكل لحالك. وهاد الشي ما بيصير بدون ما تتقن أدوات المتصفح – خصوصي الـ DevTools. ✔️ شو لازم تتعلم فيها؟ كيف تعدل عالكود مباشرة من تبويبة Elements وتشوف النتيجة فوراً؟ كيف تراقب كل طلب بيروح وبيرجع من السيرفر من تبويبة Network؟ كيف تتابع الأداء من تبويبة Performance إذا الموقع صار بطيء؟ كيف تحط breakpoints وتوقف الكود عند سطر معين لتشوف شو عم يصير بالضبط؟ ✳️ كل ما صرت تستخدم الـ DevTools أكتر، كل ما صرت أسرع بحل المشاكل وعم تفكّر بعقلية الميد أو حتى السينيور. نصيحة "خلي DevTools دايمًا مفتوح عندك، مو بس بس يصير خطأ… خليك تراقب وتتعلم حتى من الكود الشغّال. ======================== أنا  "ابراهيم قربيق" أعمل كـ Front End Developer أنشر محتوى بشكل شبه يومي يتضمن معلومات قيمة حول تطوير البرمجيات، أحدث التقنيات، وسوق العمل في هذا المجال =================== إذا كنت مهتماً بتعزيز مهاراتك أو ترغب في متابعة آخر المستجدات، فأنت في المكان الصحيح! انضم إليّ لاستكشاف عالم البرمجة والتكنولوجيا، ولنحقق النجاح معاً! 🚀💻