تطوير الويب

السلام عليكم جميعاً، في بداية تعلمي لتطوير المواقع وتهيئتها لمحركات البحث، قررت الابتعاد عن المشاريع التجريبية وبناء مشروع حقيقي أتعلم من خلاله عملياً. اخترت إنشاء موقع متخصص في صيانة البوتاجازات، وهو مجال قد يبدو بعيداً عن البرمجة، لكن كان هدفي هو فهم كيفية بناء موقع يخدم حاجة حقيقية، مع تحسين ظهوره في نتائج البحث وتقديم تجربة مستخدم مريحة. خلال العمل على الموقع، واجهت عدة تحديات تقنية مهمة، منها: 1. تحسين سرعة الموقع (Performance): عملت على ضغط الصور وتقليل حجمها، لأن

السلام عليكم يا شباب، أنا محمد رفعت، مصمم جرافيك ومهتم بالتقنية. بقالي فترة شغال على مشروع شخصي اسمه "الرحلة" (alrehla.app)، وهو منصة بتهدف لنشر الوعي الذاتي ومساعدة الناس تفهم أنماط تفكيرها وعلاقاتها بشكل أعمق. بما إنكم أهل الخبرة في "تطوير الويب"، حابب أسمع رأيكم الصريح في كذا نقطة: تجربة المستخدم (UX): هل التنقل في المنصة سلس؟ وهل الفكرة واضحة من أول نظرة؟ التصميم والواجهة: كوني مصمم جرافيك، يهمني أعرف هل الألوان والخطوط مريحة ومناسبة لمحتوى خاص بالوعي النفسي؟ الأداء التقني:

الحمد لله الذي تتم بنعمته الصالحات. بقالي أربع سنين شغال على تطوير تطبيق وموقع (المصحف) وبفضل الله أصبح متاح دلوقتي ليكم سواء كموقع أو تطبيق بدون انترنت. تطويره أخد مني كل الوقت ده لأني كنت شغال عليه كل حاجة يدويا بدون مكتبات جاهزة أو Api وحتى التفسير يدويا وكل كود فيه هو عبارة عن pure HTML,CSS,JS والمبرمجين هيبقوا فاهمين يعني تشتغل بدول بس لبناء موقع وتطبيق بشكل كامل من الصفر. "التطبيق هو هو الموقع بالظبط بس من غير نت" تعالوا

السلام عليكم وش المفاهيم اللي تحتاج تتعلمه لتحترف التعامل مع الدوم مثل event delegation وغيرها ؟ واذا فيه مصدر لتعلمه وهل هذا يعتبر من ادفانس جافاسكربت

يا جماعة أنا عندي مشكلة اني لما بدأت اتعلم برمجة اتعلمتها عشان اعمل منها فلوس ودلوقتي انا بدور ع اول عميل ومش عارف اجيب حد فممكن لو حد عارف ازاي اجيب اول عميل أو تجارب سابقة يعني 🥲🥲

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

اريد عمل ممكن نساعدة

مصطفى العنيني مبرمج مواقع عراقي شاب يخطو بثبات في عالم التقنية / الموصل — العراق يبرز اسم مصطفى العنيني، شاب عراقي يبلغ من العمر 22 عامًا، كأحد المواهب الصاعدة في مجال برمجة وتطوير مواقع الإنترنت، في وقت يشهد فيه العالم تسارعًا كبيرًا نحو التحول الرقمي. بدأ مصطفى رحلته في عالم البرمجة بدافع الشغف بالتكنولوجيا وحل المشكلات الرقمية، حيث ركّز على تطوير مهاراته في تصميم وبرمجة المواقع وبناء تجارب مستخدم حديثة وعملية. ومع مرور الوقت، تمكن من اكتساب خبرة جيدة في

أطلقت الإصدار 2.0 من إضافة رمز الريال السعودي لـ WooCommerce، والإضافة الآن تدعم أكثر من الريال السعودي. الإضافة أصبحت تدعم ثلاث عملات خليجية: الريال السعودي (SAR)، الدرهم الإماراتي (AED)، والريال العماني (OMR). لذلك غيّرت اسمها من “Saudi Riyal Symbol for WooCommerce” إلى “Gulf currencies Symbols for WooCommerce”. لماذا بنيت هذه الإضافة؟ WooCommerce لا يعرض رمز الريال السعودي الرسمي بشكل صحيح. نفس المشكلة مع رمز الدرهم الإماراتي والريال العماني. بدلاً من الرمز الفعلي، يظهر لك “SAR” أو “AED” كنص. الموضوع ليس

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

📌 ما هو قالب تنظيف بلوجر؟ قالب تنظيف بلوجر هو قالب بسيط جدًا بصيغة XML يُستخدم لإعادة تهيئة مدونة بلوجر بشكل نظيف قبل تركيب أي قالب جديد. عند تغيّر القالب القديم مباشرة قد تبقى بعض الأكواد أو الأدوات غير المرغوب بها في التصميم الجديد، فيؤدي ذلك لمشاكل في التحميل، التوافق، أو ظهور أخطاء تقنية. قالب التنظيف يعمل بمثابة إعادة ضبط (Reset) ويزيل كل الأكواد القديمة التي يمكن أن تتعارض مع القالب الجديد. 🛠 لماذا تستخدم قالب تنظيف بلوجر؟ ✅ إزالة

هل تستهلك ساعات في إعداد "الوضع المظلم" (Dark Mode)؟ هل ترهقك تجربة العناصر مئات المرات لتصبح متوافقة مع جميع الشاشات؟ هل سئمت من حفظ مئات الكلاسات والعودة الدائمة للتوثيق (Documentation) الممل؟ حان الوقت لتجربة Butterfly CSS – الإطار الثوري الذي يعمل بالسمات (Attributes) وليس الكلاسات! تخيل بساطة الكود: أضف dblack و lblue للعنصر، ليتحول تلقائياً للأسود في الوضع المظلم والأزرق في المشرق. اكتب كلمة responsive فقط، وشاهد سحر التوافق مع كافة الأجهزة. استخدم سمات جاهزة ومبتكرة مثل birthday-paper أو btn='black'

أشارككم اليوم تجربة عملية في بناء مشروع pSEO Wizard، ليس كأداة توليد محتوى تقليدية، بل كبنية تحتية (Infrastructure) مخصصة لتوليد آلاف صفحات الهبوط المهيأة لمحركات البحث بسرعة عالية، بتكلفة تشغيل شبه صفرية، وبدون الاعتماد على أي CMS تقليدي. المشروع عبارة عن محرك Programmatic SEO بمعمارية تختلف عن السائد، هدفه الأساسي حل المشاكل التقنية التي تقتل أغلب مشاريع الـ pSEO بعد الإطلاق مباشرة. إليكم التفاصيل المعمارية: 1. المعضلة الأولى: فخ "المحتوى الرقيق" وفلتر السبام أغلب أدوات الـ pSEO الموجودة تعتمد على

كيف اسمح للAPI فقط للحصول على المعلومات او ارسال المعلومات, و منع المستخدم من الدخول بالمتصفح فقط يستطيع ارسال او استقبال البيانات من API الخاص بالموقع؟

بآخر جزء من مقالنا الثالث ، Database Design ، بعد ما اتكلمنا بالجزء الأول عن الضوابط البتحكمنا في تصميم ال Database (ال ACID vs BASE) ، في الجزء الثاني اتكلمنا عن القوانين البنستخدما في تصميم ال Data Entities نفسها في حالة ال Relational Database و ال Non-relational Database ، صار وقت نختم مقالنا بكيف نختار نوع الداتابيز المناسب النا في بناء نظامنا ، بين ال Relational Database و ال Non-relational Database. قبل ما نبدا ، لازم اوضح انو الفروقات بين

كل فترة يظهر سؤال يعيد ترتيب طريقة تفكيرنا: هل الذكاء الاصطناعي مجرد وسيلة أسرع لإنجاز ما نعرفه مسبقًا… أم أنه شريك فعلي في الإبداع وبناء الأفكار؟ خلال الشهور الأخيرة، بدأت ألاحظ حاجة غريبة: الأدوات الذكية مش بقت مجرد "مساعد"، لكن بقت جزء من عملية اتخاذ القرار نفسها. بقت بتشاركك في صياغة الفكرة، اقتراح البدائل، وتطوير الحل النهائي كأنك شغال مع شخص تاني بيفهم السياق. الفرق الحقيقي مش في قدرات الذكاء الاصطناعي، لكن في كيف يستخدمه المبدع. اللي يتعامل مع AI

في الجزء الثاني من مقال Database Design ، بعد ما اتكلمنا عن التصميم على مستوى ال data entities نفسها و كيف كل عقلية تصميم (ACID vs BASE) بتفرق بطريقة تعاملنا مع ال data entities العندنا … اليوم رح نتطرق لموضوعنا الثاني Normalization rules vs Data Modeling Patterns ، و اللي هو طريقة تصميم ال data entities نفسها من منظور ال Relational Databases و ال Non-relational Databases … و قراءة مفيدة للجميع ✨ أولا ، Normalization Rules:- هي القوانين اللي من

رفعت موقع و الكل يقول ان .env يجب ان لا يوضع في public_html لان يمكن البحث عنه و الحصول على المعلومات. انا اتكلم عن مشروع بستخدام Laravel جربت ابحث عن طريق url و لم استطيع دخول .env اذا كيف استطيع البحث عنه. و ماهي الاشياء التي يجب فعلها لحماية موقعي؟؟

السلام عليكم ورحمة الله وبركاته.. انا علي من العراق العمر 20-21 (but i don't care) تعلمت اللغات الأساسية في تصميم المواقع (h,c,j) وتعلمت bootstrap و كذلك WordPress واستطيع انشاء مواقع متوسطة الحجم والجودة(أو ربما الجودة احترافية ولكن ذلك يعتمد في الغالب على التصميم الأصلي) ولكن لا اعتقد اني اقوم بالامر بالصورة الصحيحة .. قمت ببيع موقع واحد بسيط بسعر 150$ وكان صاحب الموقع قد رفعه على الاستضافة ونصب الووردبريس وحاول ان يبنيه ولكن لم يعرف فاعدت بنائه من الصفر ولكن

بمقالنا التالت من سلسلة How to be a better Back End Engineer رح نتطرق لموضوع كتير أساسي و كتير مهم سواء اتكلمنا على scale صغير 10 و 20 مستخدم ، أو طلعنا لحجم ال 1M و 10M مستخدم ، و هو ال Database Design. و لكبر و تفرع الموضوع ، رح يكون مقالنا مقسم ﻷكتر من جزء بكل جزء رح نفصل موضوعنا من ناحية معينة ، و بكل جزء رح نتطرق لمواضيعنا من منظور ال Relational Databases و ال Non-relational

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

بتاني مقال بسلستنا رح نتطرق لموضوع كتير مهم و اللي هو "ال Tech Stack المناسبة vs ال Tech Stack الأفضل". ما هو المقصد من انو ال Tech Stack العندي تكون الأنسب و أنو تكون الأفضل؟ هاد الشي اللي رح ندخل بتفاصيلو بمقالنا اليوم ، و نعرض في كتير من الأخطاء اللي بيوقع فيها كل المهندسين و المطورين من ال juniors الى ال CTOs. رح نقسم اختيار ال Tech Stack لحالتين ، هم اختيار الفرد للادوات و اللغات ، و اختيار

(ممكن تقرا ما بين ال 🔴 و ال 🔴 الأخرى لاختصار الموضوع لو مستعجل يعني) بأول مقال من سلسلتنا ، رح نتطرق لأول موضوع و هو المقارنة بين ال PaaS ، BaaS ، و SaaS. طيب لي اخترت هاد الموضوع بالذات لابدا في السلسلة؟ اغلب ال المنتجات اللي بنبنيا مهما كان توجها او مجالا ، لازم بشكل من الأشكال تندرج تحت واحد من هالتصنيفات (في مسمى رابع و هو Infrastructure As A Service ، IaaS ، بس هاد بكون على نطاقات

بالاستناد إلى أحدث إحصائيات عام 2025، يعمل نحو 43.4٪ من مواقع الويب باستخدام ووردبريس (المصدر في أول تعليق). أي أن ما يقارب نصف الإنترنت اليوم يعتمد على هذه المنصة لإدارة المحتوى، من المدونات والمواقع الشخصية إلى المتاجر الإلكترونية والمنصات التعليمية والعقارية. ورغم ظهور بدائل متعددة خلال السنوات الماضية، لم تتراجع مكانة ووردبريس؛ بل ازداد الاعتماد عليه بشكل ملحوظ. السر في ذلك يعود إلى قدرة ووردبريس الكبيرة على التكيّف. فالمنصة لا تُعامل كنظام محدود بقدرات محدودة، وإنما كأداة مرنة يمكن أن

المعاناة حقيقية 😫 بصفتي مطور ويب، لطالما واجهتُ مشكلةً مُرهقة. تُنشئ موقعًا إلكترونيًا جميلًا، ثم تحتاج إلى ترجمته إلى العربية أو الفرنسية أو الإسبانية. تحاول نسخ شفرة HTML إلى ترجمة جوجل أو ChatGPT، فماذا يحدث؟ • تُترجم الروابط (مثلًا، <a href="#home"> تصبح <a href="#المنزل">). 💥 • تُفسد أسماء الفئات، مما يُعيق CSS. 🎨 • تقضي ساعاتٍ في إصلاح وسوم الإغلاق يدويًا </div>. ⏳ لقد سئمت من هذا. لذلك، قررتُ بناء ZAS. تعرّف على ZAS 🚀 ZAS أداة ويب مجانية تمامًا