عزام العرمزه
88 subscribers
167 photos
43 videos
13 files
58 links
طالب علوم حاسوب | مستوى ثالثة 👨‍💻

هنا أشارككم رحلتي في عالم البرمجة والتكنولوجيا. مساحة لتبادل الأفكار التقنية، النصائح الدراسية، وجرعات من التحفيز والإيجابية.

هدفنا: نتعلم، نتطور، ونلهم بعضنا البعض. 🚀
Download Telegram
السمعة رأس مال صامت.

إن حفظت عملت عنك
وإن سقطت خذلك الجميع....
4
الخبّاز العجوز

في قرية صغيرة، كان هناك خبّاز يُدعى “عم حسن”، رجل مسن يقف كل صباح قبل الفجر ليخبز الخبز لأهل قريته. كانت رائحة خبزه تعبق في الأرجاء، والناس يقفون في طابور طويل للحصول على رغيف ساخن من يديه.

لكن في الطرف الآخر من القرية، كان هناك خبّاز آخر يُدعى “كريم”، كان يعمل فقط من أجل المال. كل صباح، كان ينهض متأففًا، يعدّ الأرغفة بسرعة ودون اهتمام، متمنيًا لو أن يومه ينتهي. لم يكن خبزه سيئًا، لكنه لم يكن مميزًا، ولم يكن أحد يعود إلى مخبزه بشغف.

في أحد الأيام، جاء شاب إلى عم حسن وقال:
“يا عم، كيف تتحمل هذا العمل لسنوات طويلة؟ أليس متعبًا؟”

ضحك العجوز وقال:
“يا بني، أنا لا أبيع الخبز فقط، أنا أبيع السعادة. عندما أرى ابتسامة طفل يأخذ أول قضمة، أو عجوزًا يشكرني على خبزي الطازج، أعرف أنني لم أختر مهنة، بل اخترت شغفًا.”

في تلك الليلة، نظر كريم إلى مخبزه البارد الفارغ، ثم إلى طابور الناس أمام مخبز عم حسن، وأدرك الحقيقة:

إما أن تعشق عملك، أو تتركه لمن يعشقه.
👍2🔥2
🤣4
Media is too big
VIEW IN TELEGRAM
Amazon could cut as many as 30,000 corporate jobs
بالذكاء الاصطناعي تستطيع إطلاق أول مشروع SAAS لك 👇:

🧠 بناء وتطوير

ـ Cursor — تكتب الكود بسرعة وذكاء
ـ Claude — تفكير، منطق، وتحليل معمق
ـ Supabase — باك-إند، قاعدة بيانات، وتوثيق مستخدمين

⚙️ أتمتة وتشغيل

ـ n8n — أتمتة العمليات والمهام
ـ Resend — إرسال الإيميلات بسهولة

🌍 إطلاق المنتج

ـ Vercel — نشر التطبيق (Deploy)
ـ Framer — صفحة هبوط احترافية خلال ساعات

💳 الربح والتحليل

ـ Stripe — استقبال المدفوعات
ـ PostHog — تحليلات وسلوك المستخدم

🛡 الحماية

ـ Cloudflare — أمان، CDN، وحماية من الهجمات
4
Node.js وNext.js وNestJS وReact وAngular وTypeScript وNuxtJS

هل تعرفوا ايش هؤلاء ؟!
Forwarded from محمد الحريبي
Nodejs هي جافا سكربت لكن على السرفر
Next.js + nuxt.js -> full stack js frameworks
NestJS إطار عمل ل nodejs
React + angular -> front End js frameworks
Typescript -> هي نفسها جافا سكربت لكن static typed
الكثير يخلط بين
Node.js وNext.js وNestJS وReact وAngular وTypeScript وNuxt
لأن أسماءها متشابهة، لكن في الحقيقة كل واحدة منها تلعب دورًا مختلفًا في بناء التطبيقات.

لفهم الفرق تخيل أننا نبني منصة كاملة مثل موقع أو نظام SaaS.

أول شيء نحتاجه هو لغة نكتب بها الكود. هنا تأتي TypeScript

TypeScript هي نسخة مطورة من JavaScript تضيف نظام أنواع البيانات (Types) حتى تقل الأخطاء في المشاريع الكبيرة.
هي ليست إطارًا ولا تعمل وحدها، بل تستخدم لكتابة الكود سواء في الفرونت أو الباك اند. يمكن أن تعمل في المتصفح أو على السيرفر لأنها في النهاية تتحول إلى JavaScript.

بعد ذلك نحتاج بيئة تشغيل للكود على السيرفر. هنا يأتي Node.js.

Node.js ليس إطارًا ولا مكتبة بل هو برنامج يسمح بتشغيل JavaScript على السيرفر. قبل Node.js كانت JavaScript تعمل فقط في المتصفح، أما بعده أصبح بالإمكان بناء APIs وخوادم كاملة باستخدام JavaScript. إذن Node.js يعمل على السيرفر فقط ويستخدم عادة للـ Backend.

الآن نأتي إلى React.
React هي مكتبة لبناء واجهات المستخدم. أي أنها تستخدم لبناء الصفحات التي يراها المستخدم في المتصفح مثل الأزرار والنماذج ولوحات التحكم. React تعمل في الفرونت اند داخل المتصفح وليس على السيرفر بشكل أساسي.

فوق React يوجد إطار اسمه Next.js.
Next.js هو إطار كامل مبني فوق React يضيف أشياء كثيرة مثل نظام الصفحات والـ routing والـ server rendering وتحسين الأداء. يستخدم غالبًا لبناء مواقع وتطبيقات ويب حديثة. هو يعمل أساسًا في الفرونت اند لكنه يستطيع أيضًا تشغيل بعض الكود على السيرفر مثل API routes.

أما Angular فهو إطار كامل لبناء واجهات المستخدم أيضًا مثل React لكنه أكبر ويحتوي كل شيء داخله. يستخدم غالبًا في التطبيقات الكبيرة داخل الشركات. Angular يعمل في الفرونت اند داخل المتصفح ويكتب عادة باستخدام TypeScript.

الآن نأتي إلى NestJS.
NestJS هو إطار لبناء السيرفرات والـ APIs باستخدام Node.js. بمعنى أنه إطار للـ Backend. هو يعطي هيكلية منظمة للكود مثل Modules وControllers وServices حتى لا يصبح المشروع فوضويًا عندما يكبر. يعمل فقط على السيرفر ويستخدم غالبًا مع TypeScript.

أما Nuxt.js فهو إطار مشابه لـ Next.js لكنه يعمل مع Vue بدل React.
أي أنه يستخدم لبناء واجهات المستخدم وتطبيقات الويب، ويضيف أشياء مثل routing وserver rendering وتحسين الأداء. يعمل في الفرونت اند ويمكنه أيضًا تنفيذ بعض الكود على السيرفر.


اتمنى تكونوا استفدتوا🤍
7
Forwarded from المجتمع اليمني للمطورين | YDC (ٰٰٰٰٰ𝙼𝚘𝚑𝚊𝚖𝚖𝚎𝚍 𝙱𝚒𝚗 𝙵𝚊𝚛𝚎𝚜)
من صنعاء إلى إستونيا… م/ أحمد الأرياني 
متخصص الذكاء الاصطناعي في Wise ومؤسس تقني في Faltara

يدعوكم المجتمع اليمني للمطورين (YDC) لحضور لقاء ملهم مع المهندس أحمد الأرياني، الذي يمثل قصة نجاح يمنية وصلت إلى العالمية من خلال خبرته في الذكاء الاصطناعي والأتمتة التسويقية في الشركة العالمية Wise، وريادته التقنية في تأسيس شركة Faltara. 

LinkedIn Eng.Ahmed/

https://www.linkedin.com/in/ahmed-aleryani?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app

🗓 الموعد: السبت 14 مارس 2026 
الوقت: الساعة 10:00 مساءً بتوقيت اليمن 
مدة اللقاء: ساعة واحدة 
📍 المكان: عبر Google Meet (سيتم نشر الرابط في قناة التليجرام الخاصة بالمجتمع) 

🔗 قناة المجتمع على التليجرام: 
https://t.me/YeDevsCommunity

💬 قناة النقاش: 
https://t.me/YDC_Chat 

انضموا إلينا لتتعرفوا على رحلته من داخل اليمن إلى منصات الابتكار العالمية، ولتستلهموا من خبراته في التقنية وريادة الأعمال، حيث يفتح لنا آفاقًا جديدة نحو المستقبل.


نلقاكم باذن الله
...
2
في عالم JavaScript و Node.js توجد أدوات اسمها Package Managers، وظيفتها تحميل المكتبات وإدارتها داخل المشروع.

أشهرها ثلاث أدوات:

npm
هو المدير الافتراضي للحزم الذي يأتي مع Node.js تلقائياً. يستخدم لتنزيل المكتبات وإضافتها للمشروع.

مثال:
npm install express

yarn
مدير حزم بديل تم تطويره ليكون أسرع وأكثر استقراراً من npm في بعض الحالات.

مثال:
yarn add express

pnpm
مدير حزم أحدث وأسرع، ويتميز بأنه لا ينسخ نفس المكتبات في كل مشروع بل يعيد استخدامها، لذلك يوفر مساحة ويجعل التثبيت أسرع.

مثال:
pnpm add express


وكلها تقوم بنفس الوظيفة:
تحميل وإدارة مكتبات JavaScript داخل المشروع.


اتمنى تكونوا استفدتوا🤍
4
Forwarded from المجتمع اليمني للمطورين | YDC (ٰٰٰٰٰ𝙼𝚘𝚑𝚊𝚖𝚖𝚎𝚍 𝙱𝚒𝚗 𝙵𝚊𝚛𝚎𝚜)
🌟 من صنعاء إلى إستونيا… حدث لا يُفوّت!
مع المهندس أحمد الأرياني
خبير الذكاء الاصطناعي في Wise والمؤسس التقني في Faltara


🗓 السبت، 14 مارس
من 10:00 – 11:00 مساءً
🌍 المنطقة الزمنية: Asia/Riyadh

🎥 عبر Google Meet
رابط الانضمام: https://meet.google.com/qor-wgpx-szz

ساعة مليئة بالإلهام، الابتكار، والتجارب التي تستحق أن تُروى…
نحن بانتظاركم بكل حماس!

📢 ساهموا في نشر الدعوة بين أصدقائكم وزملائكم… اجعلوا الحماس ينتشر مثل شرارة الإبداع!
1
اللهم في هذه الأيام المباركة
ارحم من غابوا عنا اللهم ارحم جدي واغفر له واجعل قبره نورًا وراحةً وسرورًا اللهم أسكنه فسيح جناتك واجعل لقائنا به في جنات النعيم يا رب 🤍🤲
6
عيد مبارك وكل عام وأنتم بخير 🤚🤍
3
Forwarded from المجتمع اليمني للمطورين | YDC (ٰٰٰٰٰ𝙼𝚘𝚑𝚊𝚖𝚖𝚎𝚍 𝙱𝚒𝚗 𝙵𝚊𝚛𝚎𝚜)
🎉 جبنا لكم عيدية العيد 🎉

يسر المجتمع اليمني للمطورين (YDC) أن يدعوكم إلى لقاء استثنائي يحمل بين طياته قصة إلهام ونجاح بعنوان:

قصة نجاح المطور العابر للحدود
مع المهندس: صلاح الدين يحيى
مطور برمجيات متكامل يعمل عن بُعد في المملكة العربية السعودية

🗓 السبت، 21 مارس 2021
الساعة 9:00 مساءً بتوقيت اليمن
مدة اللقاء: ساعة واحدة
📍 عبر Google Meet (سيتم نشر الرابط في قناة التليجرام الخاصة بالمجتمع)

من الانطلاقة وصناعة الذات، إلى العمل عن بُعد وبناء الأنظمة الذكية، مرورًا بأدوات المطور المتكامل وسد فجوة الـUI/UX، وصولًا إلى فرص العمل في الخليج ومعايير الاختيار والأمان الوظيفي، وختامًا بنقاش مفتوح واستشارات في المسار المهني.

🔗 قناة المجتمع على التليجرام:
https://t.me/YeDevsCommunity
💬 قناة النقاش:
https://t.me/YDC_Chat

لا تفوّتوا هذه الجلسة التي تحمل بين سطورها تجربة واقعية، تلهمنا جميعًا نحو مستقبل أكثر إشراقًا في عالم التطوير والعمل عن بُعد.

#المجتمع_اليمني_للمطورين
#نهضة_تقنية
#مستقبل_رقمي
#YemeniDevelopersCommunity
#TechRenaissance
#DigitalFuture
3
بعد ما أنهى الذكاء الاصطناعي عصر البرمجة التقليدية عبر مايسمى بـ "Vibe coding”
يبدو الدور الآن على المصممين، فهذه جوجل يبدو الآن أنها تستعد لإنهاء عصر التصميم التقليدي عبر الـ "Vibe design”
🚨 من فكرة في بالك… لكود جاهز للإنتاج في دقائق!

Google بتطوّر أدواتها بشكل واضح في اتجاه “تحويل الفكرة لمنتج” مباشرة، ومع تحديث Stitch الجديد الموضوع بقى أقوى بكتير 👀🔥

💡 إيه الجديد فعلاً؟

• تكتب فكرة بسيطة أو ترفع صورة / كود → يتحول لتصميم UI كامل
• Agent ذكي يفهم هدفك، يقترح تحسينات، ويكتب PRD جاهز (وثيقة المنتج)
• إنشاء Prototype تفاعلي تقدر تجربه فورًا
• توليد Frontend جاهز (HTML / CSS / JS أو Frameworks)
• ملف DESIGN.md ينقل قواعد التصميم (الألوان، الخطوط، المكونات) بين الأدوات
• دعم تحويل التصميم إلى Components قابلة لإعادة الاستخدام
• تحسين تجربة الفريق (Design + Dev في نفس المسار)

🧠 الفكرة الأهم:

مش بس بيحوّل كلامك لكود…
ده كمان بيفكر معاك:

• يقترح UX أفضل
• ينبهك للأخطاء قبل التنفيذ
• يساعدك تبني المنتج بشكل منطقي خطوة خطوة

الاستخدامات الواقعية:

• تعمل Landing Page كاملة من وصف بسيط
• تحوّل Sketch أو Screenshot لتطبيق شغال
• تبني MVP بسرعة بدون فريق كبير
• تختبر فكرة مشروع قبل ما تستثمر فيها

📊 ليه ده مهم؟

إحنا داخلين على مرحلة:
أي حد عنده فكرة = يقدر ينفذها

مش محتاج تبقى Developer محترف…
الأدوات بقت بتعمل 70% من الشغل.

#منقول
3
هذا الفرق بين عمل شخص متخصص UI/UX و عمل Claude وعمل Google Stitch

ما رأيكم أي واحد هو الأفضل؟
🫡1
سهم شركة Figma ينخفض بنسبة 12% بعد إعلان جوجل ما يعرف باسم Vibe design بداخل منصة Stitch والتي وصل لها تحديث جديد أضاف عدد من المميزات مثل مساحة العمل ووكيل ذكاء اصطناعي للمساعدة في التصميم وإمكانية إنشاء التصميمات بالأوامر الصوتية وإمكانية تجربة التصميمات بشكل مباشر وفوري.
🔥2
في شركات الـ B2B أحيانًا تشتغل كثير
تسويق، مبيعات، محتوى، شراكات… لكن النمو يظل بطيء وغير واضح.

المشكلة غالبًا مش في الجهد، بل في عدم وضوح GTM Motion (Go-To-Market Motion)
يعني: إيش هو المسار الأساسي اللي شركتك تعتمد عليه للنمو؟

لما ما يكون واضح:
– تكلفة اكتساب العميل (CAC) ترتفع
– التحويل (Conversion) يكون ضعيف
– خط الفرص (Pipeline) غير ثابت

أنواع المسارات الرئيسية:

1) Sales-Led Growth
النمو يقوده فريق المبيعات (مناسب للحلول المعقدة والصفقات الكبيرة)

2) Marketing-Led Growth
النمو يقوده التسويق والمحتوى (مناسب إذا العميل يبحث كثير قبل الشراء)

3) Partner-Led Growth
النمو عبر شركاء عندهم ثقة أو وصول للسوق

4) Product-Led Growth
المنتج نفسه يجذب ويحول المستخدم (Self-serve)

5) Founder-Led Growth
المؤسس يقود البيع وبناء الثقة (مهم بالبداية)

الفكرة ببساطة:
مش لازم تعمل كل شيء…
اختار المسار الأساسي المناسب لك واشتغل عليه بتركيز، وبعدها أضف الباقي تدريجيًا.

التركيز أهم من كثرة المحاولات.


#عزام
باختصار… Claude Cowork غيّر طريقة التعامل مع الذكاء الاصطناعي بالكامل

الفكرة ما عادت مجرد شات تسأله ويرد عليك وخلاص…
الآن صار تقدر تشتغل معاه داخل “مشروع” فعلي على جهازك

يعني إيش؟

تقدر:
تفتح مشروع جديد من الصفر
أو تحوّل محادثة قديمة لمشروع كامل
أو تعطيه فولدر عندك أصلاً ويشتغل عليه مباشرة

وهنا يبدأ الفرق الحقيقي 👇

Claude يقدر:
يفهم ملفاتك
يتذكر شغلك
يعدل ويطوّر
ويقترح تحسينات بناءً على نفس المشروع

مو مجرد ردود… صار شريك شغل فعلي 💀

والأقوى:
تقدر تكمل شغلك من الجوال
وكل شيء يظل مترابط لأنه داخل نفس المشروع

باختصار:
بدل ما تستخدم AI بشكل عشوائي…
صرت تديره داخل بيئة عمل حقيقية

وهذا بيفرق جدًا لو تشتغل على:
برمجة
أتمتة
أو حتى مشاريع تسويق

الوضع بدأ يتحول من “أداة” إلى “فريق معك”
🔥2