السلام عليكم انا مبتدئ في الفرونت اند وهذا الموقع عملت علي عليه علي مدار سنة تقريبا اريد تعليقات لتحسينه او اضافة اشياء, هو موقع عرض مكتبة برمجية تسممي butterfly css https://butterfly-css.netlify.app/
تطوير الويب
97.3 ألف متابع
مجتمع لمناقشة وتبادل الخبرات حول تطوير الويب. ناقش أحدث التقنيات، اللغات، والأدوات في عالم تطوير المواقع والتطبيقات. شارك مشاريعك، اسأل عن نصائح، وتعاون مع مطورين محترفين وهواة.
عن المجتمع
لماذا يتعلم آلاف الأشخاص تطوير الويب… لكن القليل فقط يحصلون على فرص حقيقية؟
إذا نظرت حولك اليوم ستجد أن عدد الأشخاص الذين يتعلمون تطوير الويب في ازدياد مستمر. آلاف الدورات التعليمية، مئات القنوات على يوتيوب، ومسارات تعلم كاملة متاحة مجانًا. يتعلم الكثيرون نفس التقنيات تقريبًا: HTML CSS JavaScript Framework مثل React أو Vue أو في الـ Backend مثل Laravel و Node.js. لكن رغم هذا الكم الهائل من المتعلمين، نجد أن نسبة صغيرة فقط هي التي تستطيع تحويل هذه المهارات إلى فرص عمل حقيقية. السؤال هنا ليس: هل التعلم غير مهم؟ بالتأكيد لا. لكن
إزاي لحد دلوقتي بتتعلم برمجة ولسه معملتش Portfolio؟
لماذا يتعلم الكثير من مطوري الويب البرمجة… لكن لا يحصلون على عمل؟ الحقيقة التي لا يتحدث عنها الكثير: المشكلة غالبًا ليست في مهاراتك البرمجية… بل في طريقة عرض هذه المهارات. الكثير من المطورين يتعلمون: HTML – CSS – JavaScript – وربما React أو Laravel. لكن عندما يسألهم عميل أو شركة: "هل لديك Portfolio يمكنني رؤيته؟" لا يكون لديهم شيء يعرضونه. وهنا تضيع الكثير من الفرص. ما هو الـ Portfolio الحقيقي؟ الـ Portfolio ليس مجرد موقع شخصي… بل هو أداة تسويق
افضل بديل مجاني ل OpenCage Geocoder؟
ما هو افضل بديل مجاني ل OpenCage Geocoder ؟
قراءة القرأن مع الاهل والاصدقاء....
السلام عليكم لا اعلم لماذا حذف المشرف منشوري ولكن حبيت انشر معكم موقع طورته لقرأءة القرأن مع الاهل والاصدقاء خصوصا برمضان...ارجو تجربتة و اعطوني رأيكم....يوجد بالموقع التكلم بالصوت والتفاعل مع القران https://www.youtube.com/watch?v=Wj3XmjIy_CA&t=8s https://sakinahtime.com/surah?page=1
افكر اترك البرمجة انصحوني
افكر اترك البرمجة انصحوني المشكلة اني اصبت بالصلع في تعلم الـــ css اليوم اكتشفت طريقة في غاية الروعة هي تحويل تصميم فيقما الى موقع عبر الذكاء صناعي اعجبتني الفكرة جدا وتحمست ارجع انا لزلت مبتدا واطمح بالحصول على وظيفة Front-end
محتاج اعمل gigs
عشان اقدر اتخرج من التدريب اللي انا فيه محتاج اشتغل freelance و انا بواجه مشاكل في اني الاقي شغل ف لو حد يقدر يفيدني هكون شاكر جدا
من الشمولية إلى التخصص: فلسفة "لكل مقام مقال" في بناء المواقع
السلام عليكم ورحمة الله وبركاته كثر الحديث وزاد الاختلاف حول الرغبه والحقيقه لامتلاك فكرة او منصة. وحسب تجربتي الشخصية رغبت بنقلها ولعلها تصل لمن يبحث عنها . في عالم التقنية المتسارع، لم يعد النجاح يُقاس بكثرة الأدوات، بل بمدى ملاءمتها للهدف. لقد تجاوزنا مرحلة "الرغبة في التوحيد والشمولية" التي سادت سابقاً، لنصل إلى قناعة راسخة بأن التخصص هو الأجدر وهو الطريق الأمثل للاستقرار والأداء. 1. فلسفة الاختيار: صفحات ثابتة أم أنظمة معقدة؟ ليس كل تواجد على الشبكة يحتاج إلى بنية
تحديات بناء موقع متخصص (Micro-Niche) في المحتوى العربي: تجربة تقنية بسيطة
السلام عليكم جميعاً، في بداية تعلمي لتطوير المواقع وتهيئتها لمحركات البحث، قررت الابتعاد عن المشاريع التجريبية وبناء مشروع حقيقي أتعلم من خلاله عملياً. اخترت إنشاء موقع متخصص في صيانة البوتاجازات، وهو مجال قد يبدو بعيداً عن البرمجة، لكن كان هدفي هو فهم كيفية بناء موقع يخدم حاجة حقيقية، مع تحسين ظهوره في نتائج البحث وتقديم تجربة مستخدم مريحة. خلال العمل على الموقع، واجهت عدة تحديات تقنية مهمة، منها: 1. تحسين سرعة الموقع (Performance): عملت على ضغط الصور وتقليل حجمها، لأن
أحتاج رأيكم التقني في "الرحلة": منصة عربية للوعي الذاتي (تجربة مستخدم وتصميم)
السلام عليكم يا شباب، أنا محمد رفعت، مصمم جرافيك ومهتم بالتقنية. بقالي فترة شغال على مشروع شخصي اسمه "الرحلة" (alrehla.app)، وهو منصة بتهدف لنشر الوعي الذاتي ومساعدة الناس تفهم أنماط تفكيرها وعلاقاتها بشكل أعمق. بما إنكم أهل الخبرة في "تطوير الويب"، حابب أسمع رأيكم الصريح في كذا نقطة: تجربة المستخدم (UX): هل التنقل في المنصة سلس؟ وهل الفكرة واضحة من أول نظرة؟ التصميم والواجهة: كوني مصمم جرافيك، يهمني أعرف هل الألوان والخطوط مريحة ومناسبة لمحتوى خاص بالوعي النفسي؟ الأداء التقني:
4 سنوات في تطوير هذا الموقع/التطبيق (المصحف)
الحمد لله الذي تتم بنعمته الصالحات. بقالي أربع سنين شغال على تطوير تطبيق وموقع (المصحف) وبفضل الله أصبح متاح دلوقتي ليكم سواء كموقع أو تطبيق بدون انترنت. تطويره أخد مني كل الوقت ده لأني كنت شغال عليه كل حاجة يدويا بدون مكتبات جاهزة أو Api وحتى التفسير يدويا وكل كود فيه هو عبارة عن pure HTML,CSS,JS والمبرمجين هيبقوا فاهمين يعني تشتغل بدول بس لبناء موقع وتطبيق بشكل كامل من الصفر. "التطبيق هو هو الموقع بالظبط بس من غير نت" تعالوا
مفاهيم مثل event delegation
السلام عليكم وش المفاهيم اللي تحتاج تتعلمه لتحترف التعامل مع الدوم مثل event delegation وغيرها ؟ واذا فيه مصدر لتعلمه وهل هذا يعتبر من ادفانس جافاسكربت
مشكلة في العثور ع اول عميل
يا جماعة أنا عندي مشكلة اني لما بدأت اتعلم برمجة اتعلمتها عشان اعمل منها فلوس ودلوقتي انا بدور ع اول عميل ومش عارف اجيب حد فممكن لو حد عارف ازاي اجيب اول عميل أو تجارب سابقة يعني 🥲🥲
"مقبرة المشاريع البرمجية: لماذا لا يشتري أحد أدواتي وتطبيقاتي؟"
يا جماعة، عندي مشكلة محبطة.. بنيت مواقع وتطبيقات وأدوات برمجية كثيرة، وبذلت فيها مجهوداً كبيراً، لكن النتيجة دائماً هي: صفر مبيعات.
اريد عمل ممكن نساعدة
اريد عمل ممكن نساعدة
مصطفى العنيني مبرمج مواقع عراقي شاب يخطو بثبات في عالم التقنية
مصطفى العنيني مبرمج مواقع عراقي شاب يخطو بثبات في عالم التقنية / الموصل — العراق يبرز اسم مصطفى العنيني، شاب عراقي يبلغ من العمر 22 عامًا، كأحد المواهب الصاعدة في مجال برمجة وتطوير مواقع الإنترنت، في وقت يشهد فيه العالم تسارعًا كبيرًا نحو التحول الرقمي. بدأ مصطفى رحلته في عالم البرمجة بدافع الشغف بالتكنولوجيا وحل المشكلات الرقمية، حيث ركّز على تطوير مهاراته في تصميم وبرمجة المواقع وبناء تجارب مستخدم حديثة وعملية. ومع مرور الوقت، تمكن من اكتساب خبرة جيدة في
إضافة رموز العملات الخليجية لـ WooCommerce – رمز الريال السعودي والدرهم الإماراتي
أطلقت الإصدار 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'
تشريح تقني لبناء محرك Programmatic SEO بمعمارية "Headless" وبدون قاعدة بيانات: كيف تغلبت على فخ المحتوى المكرر؟
أشارككم اليوم تجربة عملية في بناء مشروع pSEO Wizard، ليس كأداة توليد محتوى تقليدية، بل كبنية تحتية (Infrastructure) مخصصة لتوليد آلاف صفحات الهبوط المهيأة لمحركات البحث بسرعة عالية، بتكلفة تشغيل شبه صفرية، وبدون الاعتماد على أي CMS تقليدي. المشروع عبارة عن محرك Programmatic SEO بمعمارية تختلف عن السائد، هدفه الأساسي حل المشاكل التقنية التي تقتل أغلب مشاريع الـ pSEO بعد الإطلاق مباشرة. إليكم التفاصيل المعمارية: 1. المعضلة الأولى: فخ "المحتوى الرقيق" وفلتر السبام أغلب أدوات الـ pSEO الموجودة تعتمد على
السماح لل API فقط Laravel
كيف اسمح للAPI فقط للحصول على المعلومات او ارسال المعلومات, و منع المستخدم من الدخول بالمتصفح فقط يستطيع ارسال او استقبال البيانات من API الخاص بالموقع؟
Database Design - Part 3
بآخر جزء من مقالنا الثالث ، Database Design ، بعد ما اتكلمنا بالجزء الأول عن الضوابط البتحكمنا في تصميم ال Database (ال ACID vs BASE) ، في الجزء الثاني اتكلمنا عن القوانين البنستخدما في تصميم ال Data Entities نفسها في حالة ال Relational Database و ال Non-relational Database ، صار وقت نختم مقالنا بكيف نختار نوع الداتابيز المناسب النا في بناء نظامنا ، بين ال Relational Database و ال Non-relational Database. قبل ما نبدا ، لازم اوضح انو الفروقات بين
هل يصبح الذكاء الاصطناعي شريكًا في الإبداع أم مجرد أداة تنفيذ؟
كل فترة يظهر سؤال يعيد ترتيب طريقة تفكيرنا: هل الذكاء الاصطناعي مجرد وسيلة أسرع لإنجاز ما نعرفه مسبقًا… أم أنه شريك فعلي في الإبداع وبناء الأفكار؟ خلال الشهور الأخيرة، بدأت ألاحظ حاجة غريبة: الأدوات الذكية مش بقت مجرد "مساعد"، لكن بقت جزء من عملية اتخاذ القرار نفسها. بقت بتشاركك في صياغة الفكرة، اقتراح البدائل، وتطوير الحل النهائي كأنك شغال مع شخص تاني بيفهم السياق. الفرق الحقيقي مش في قدرات الذكاء الاصطناعي، لكن في كيف يستخدمه المبدع. اللي يتعامل مع AI
Database Design - Part 2
في الجزء الثاني من مقال Database Design ، بعد ما اتكلمنا عن التصميم على مستوى ال data entities نفسها و كيف كل عقلية تصميم (ACID vs BASE) بتفرق بطريقة تعاملنا مع ال data entities العندنا … اليوم رح نتطرق لموضوعنا الثاني Normalization rules vs Data Modeling Patterns ، و اللي هو طريقة تصميم ال data entities نفسها من منظور ال Relational Databases و ال Non-relational Databases … و قراءة مفيدة للجميع ✨ أولا ، Normalization Rules:- هي القوانين اللي من