اكتشف عالم البرمجيات المفتوحة المصدر: بداية مسيرتك التقنية! اكتشف كيف يمكنك إحداث فرق حقيقي من خلال المساهمة في المشاريع المفتوحة المصدر. سواء كنت محترفًا أو جديدًا في عالم البرمجة، دليلنا الشامل مترجم إلى اللغة العربية. ✅ بناء معرض أعمالك. ✅ التواصل مع مطورين آخرين. ✅ تنمية مهاراتك التقنية. ✅ ترك أثر إيجابي في المجتمع التقني. https://blog.abdelhadi.org/handbook-contribute-to-open-source-projects-beginners/ لا تنسى مشاركتها مع أصدقائك المهتمين. #تكنولوجيا #مصادر_مفتوحة #برمجة

السلام عليكم ورحمة الله، أسعد الله صباحكم والمساء أحبتي الكرام. https://suar.me/P3p2r كتيّب تعلم Nextjs كاملا باللغة العربية، ومفتوح المصدر أيضًا. في 28 درس مختلف من مبتدء إلى متقدم ستتعلم مبادئ ومميزات إطار Next.js خطوة بخطوة، بطريقة ممتعة وتطبيقية غير ممّلة لتكون بوابتك لتطوير مشاريعك التقنية تفيد كل ريادي أو مبرمج. https://blog.abdelhadi.org/learn-nextjs-in-arabic الكتاب مفتوح المصدر: https://github.com/imAbdelhadi/nextjs-arabic-handbook

السلام عليكم، بعدما أخذنا سابقا لمحة حول تحليل حُزم التطبيق (The app bundles) وتنصيب إضافة React DevTools وتنقيح الأخطاء البرمجية (Debugging Techniques) سأشرح اليوم إضافة كيفية صفحات متعددة وربطها عبر Link + المحتوى التفاعلي (Dynamic content) مع المُوجّه (Router) https://suar.me/lXG65 قراءة ممتعة. https://blog.abdelhadi.org/learn-nextjs-in-arabic/#p11

السلام عليكم، بعدما أخذنا سابقا لمحة حول الإطار ومميزاته وما الفرق بين Next.js و Gatsby و create-react-app وكيفية تجهيز Nextjs لمشروعك بطريقتين والتحقق من عمل SSR. سأشرح اليوم تحليل حُزم التطبيق (The app bundles) وتنصيب إضافة React DevTools وتنقيح الأخطاء البرمجية (Debugging Techniques). https://suar.me/XQeQm قراءة ممتعة. -------------------------------------- https://blog.abdelhadi.org/learn-nextjs-in-arabic/#p7

السلام عليكم، بعدما أخذنا سابقا لمحة حول الإطار ومميزاته وما الفرق بين Next.js و Gatsby و create-react-app سأشرح اليوم كيفية تجهيز Nextjs لمشروعك بطريقتين والتحقق من عمل SSR. https://suar.me/amvod قراءة ممتعة. https://blog.abdelhadi.org/learn-nextjs-in-arabic/#p5

السلام عليكم ورحمة الله، أسعد الله صباحكم والمساء أحبتي الكرام. https://suar.me/VPjGr قبيل شهر رمضان الكريم كتبت على حسابي بتويتر ولينكدإن أنني سأبدء نشر سلسلة مترجمة إلى العربية لإطار عمل Next.js التي عرفتها أكثر من سنة من الإستخدام وتطوير المشاريع الرقمية المختلفة. جلعتني أنتقل من بيئة رياكت الكلاسيكية إلى بيئة عمل مساعدة مختصرة للوقت والجهد، لست مضطراً مثلما كنت بالسابق إلى تجهيز بيئة التطوير يدوياً (create-react-app) وتنصيب مئات المكتبات الأخرى عدا مئات الأسطر لتعريف صفحات متداخلة ..إلى آخره من الشفرات المكررة

السلام عليكم، يسعدني مشاركة اعلان إطلاق مُحرّر دَوّن - أول محرر نصوص عربي يدعم ماركداون https://suar.me/ra7Np محرر دَوّن لم يبنى بطريقة عادية، بل صنعته من خلال تحد وضعته لنفسي وأطلقته قبل مدة بعنوان (من فكرة إلى منتج) وشاركت رحلة تفاصيل بنائه علنا خطوة بخطوة (Building in public) معكم هنا في حسوب وعلى مدونتي طيلة أربعة أيام عشنا تجربة تطويرها لبِنة لبِنة بتقنيات مختلفة (Nextjs / PWA / Tailwind). شكراً لكل المساهمين ولو بكلمة. تجربة ممتعة: https://www.dawin.io

السلام عليكم ورحمة الله. حياكم الله إخواني، جمعة مباركة علينا وعليكم. لدي تجربة طويلة مع tailwind css بنيت بها عدة منتجات مختلفة منها: - أداة معجمي (mujami.alsharekh.org). - تطبيق محرّر دَوّن (beta.dawin.io). - مشروع SaaS (مشروع كبير الحجم) سيرى النور قريبا بحول الله خلال الأشهر القادمة. يمكنك أن تسألني ما شئت عن المكتبة وعن دعم اللغة العربية (RTL) وخاصية @Apply و Animations وكذلك تحديثات النسخة الأخيرة (JIT) التي قدّمها قبل أسبوع Adam Wathan. https://suar.me/AZqLX كتبت عدة أفكار حول المكتبة في

السلام عليكم، اليوم الرابع والحلقة ما قبل الأخيرة، قطعت شوطاً في محررنا دوّن، لم يتبقى الكثير ونطلق النسخة النهائية لتي أول محرر عربي للماركداون. حتى وصلت لهذه النقطة، مررت بمشاكل ومتاعب كثيرة سردتها لكم بالتدوينة، يمكن أن تفيدكم في وقت ما وتستفيد منها بمشاريعك الناشئة. البارحة بالصباح أضفت خاصية التصدير والتي هي المفيدة والمهمّة للجميع، لك أن تلقي نظرة عليها بالصورة. https://suar.me/2m1Nw *النسخة التجريبية*: يمكنك أن تجرب المحرّر على جهازك أو هاتفك وسعيد أن أسمع ملاحظاتكم وآراءكم، تبقت بضع أيقونات

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

السلام عليكم، في اليوم الأول والثاني من تحدي (بناء محرّر نصوص ماركداون عربي)، حددنا اسم المشروع وحجزنا النطاق، وانجاز مرحلة تصميم المشروع ودراسة تجربة المستخدم (UX/UI) بدء من Sketching إلى Wireframe وصولاً إلى النسخة الأولى من Prototype مشروعنا. https://suar.me/yjVMV في اليوم الثالث، سأكمل المتبقي من التصميم على واجهات الهواتف الذكية وأقوم بتكويد الواجهة وشرحت بالفيديو طريقة تنصيب المشروع وتجهيز الهيكل الأساسي له (Structure) وأطلقت نسخة تجريبية من الواجهة تجربة الواجهة على جهازك أو هاتفك: * محرّر دوّن. https://dawin-test.vercel.app ---------------- ##

السلام عليكم، في اليوم الأول من تحدي (بناء محرّر نصوص ماركداون عربي) حددنا اسم المشروع وحجزنا النطاق، الآن جاءت مرحلة تصميم المشروع ودراسة تجربة المستخدم (UX/UI) بدء من Sketching إلى Wireframe وصولاً إلى النسخة الأولى من Prototype مشروعنا. https://suar.me/gXEzQ ---------------- النسخة النهائية: https://suar.me/4OXro ---------------- ## اليوم الثاني: تصميم المشروع ودراسة تجربة المستخدم (UX/UI) https://blog.abdelhadi.org/building-in-public-arabic-Markdown-editor/#day-2 ---------------- ما رأيك بالتصميم والنسخة النهائية التي وصلنا لها؟

السلام عليكم، https://suar.me/6xrl5 قبل يومين أعلنت عن تحدّي جديد أطلقته على حسابي بتويتر ولينكدإن عبر الهاشتاج .. #من فكرة إلى منتج .. وهو يشابه فكرة Building in public التي بدأت مؤخراً في الساحات الأجنبية، تقوم فكرته على مشاركة رحلتك في برمجة أي فكرة تقابلك وتراها حلاً لمشكلة معيّنة وتحويلها إلى منتج يستعمله الناس بغرض الربح منه على الأغلب أو تطوير مهاراته، وتحدينا اليوم هي فكرة لحلّ مشكلة تواجه كل كاتب باللغة العربية، وضف كل اللغات التي تكتب من اليمين إلى

السلام عليكم ورحمة الله. https://suar.me/8LXOL هل أنت صاحب أفكار إبداعية وتريد تحويلها إلى مشروع ناشئ ولا تدري كيف يتم تطوير المشاريع بداية من #دراسة الفكرة إلى تصميمها وبرمجتها؟ شاركني الرحلة خطوة بخطوة. ستفيدك في حال كنت مصمماً أو مبرمجاً أو حتى ريادي أعمال مستقبلي بحول الله. سأقوم بحل مشكلة عدم توفّر أي محرر ماركادون عربي بالويب، وبدل العمل عليها لوحدي ارتأيت مشاركة الرحلة معكم بكل تفاصيلها وبكل ما أواجهه من مشاكل، لنتعلم جميعا مع بعض ونشارك التجارب والفوائد لتبني أنت

السلام عليكم ورحمة الله. أطلقنا قبل مدة أداة معجمي المقدمة شركة صخر المعروفة، كلّفت ببنائها وانجازها، أعطوني الفكرة وصمّمتها من الصفر بدء من دراسة تجربة المستخدم والتي حرصت فيها على سهولة الاستخدام والبساطة والتجاوب التام لكل الأجهزة. أردت مشاركة فقرة قصيرة معكم حول تفاصيل بنائها. ### *ماهي أداة معجمي*: هي أداة واحدة واحد تبحث في جميع مشاريع صخر الحديثة (المعجم المعاصر الشامل - المعاجم التراثية - القاموس). https://mujami.alsharekh.org/ ### *مراحل التصميم*: 1. ورقة وقلم للـ Sketching. 2. تصميم wireframe عبر

السلام عليكم ورحمة الله. قمت بتعديل نسخة SimpleMDE لتدعم RTL بشكل كامل تماما. وأعمل الآن على نسخة React كذلك. يمكنك الان اضافتها لموقعك عبر CDN مباشرة أو تنصيبها عبر npm بمشروعك. تفاصيل المكتبة هذه وأخرى سأكتب عنها مقالة بمدونتي [1] بإذن الله تعالى. https://suar.me/xrVAQ رابط Github: https://github.com/imAbdelhadi/simplemde-rtl المدونة [1]: https://blog.abdelhadi.org

السلام عليكم ورحمة الله، كثيراً ما نجد مصاعب في تعريب المراجع إلى العربية وخصوصاً أزمة إيجاد المصطلحات المناسبة، لكن كيف حاولت التغلّب على المشكلة وترجمة وثيقة مكتبة برمجية الى العربية، رحلة من مساهمات التعريب مطلع الألفينات إلى معالجة مشكلة المراجع أم الشروحات. قراءة ممتعة. https://blog.abdelhadi.org/Is-translating-references-into-Arabic-better-or-explanation/

السلام عليكم ورحمة الله، جمعة مباركة وتقبل الله منا ومنكم. https://suar.me/5rL4V قمت ولله الحمد بتعريب توثيق مكتبة Alpine.js إلى اللغة العربية، هذه المكتبة التي عُمرها سنة فقط! إزدادت شعبيتها بسرعة لما تقدّمه من سهولة في بناء تطبيقات ويب تفاعلية SPA دون الحاجة إلى Vue و React. جاءت حلاً لمن يكره jQuery مثلي، فأقرب بديل لها هو Alpine. فبدلاً من شرحها في تدوينة قلت لأقم بتعريبها لتبقى موثّقة دائما. وتصير مرجعاً فيما بعد. حاولت قدر المستطاع ترجمة المعاني والابتعاد عن الترجمة

السلام عليكم ورحمة الله، قبل أسبوع تقريبا أطلقت مدونتي واستعملتGatsby لموقعي بدلاً من ووردبريس و Ghost. كتبت مقالة طويلة أوضح الفروق بينهم وكم تكلّف استضافتها ومن يحتاجها .. دليلك لاختيارك القادم. https://blog.abdelhadi.org/why-use-gatsby-for-blogging-instead-of-wordpress-and-host-ultimate-guide/