السلام عليكم ورحمة الله، جمعة مباركة وتقبل الله منا ومنكم. https://suar.me/5rL4V قمت ولله الحمد بتعريب توثيق مكتبة Alpine.js إلى اللغة العربية، هذه المكتبة التي عُمرها سنة فقط! إزدادت شعبيتها بسرعة لما تقدّمه من سهولة في بناء تطبيقات ويب تفاعلية SPA دون الحاجة إلى Vue و React. جاءت حلاً لمن يكره jQuery مثلي، فأقرب بديل لها هو Alpine. فبدلاً من شرحها في تدوينة قلت لأقم بتعريبها لتبقى موثّقة دائما. وتصير مرجعاً فيما بعد. حاولت قدر المستطاع ترجمة المعاني والابتعاد عن الترجمة
عبدالهادي الأندلسي
جزائري مُسلم، خرّيج علوم الحاسب، أصمم وأطور برمجيات رقمية (Product Designer) بشركة صخر. أهتم بتبسيط المشاكل وحلّها بطرق إبداعية، تابعني على مدونتي من الرابط التالي:
764 نقاط السمعة
192 ألف مشاهدات المحتوى
عضو منذ
أداة - مُعجمي - الجديدة من شركة صخر .. بُنيت باستخدام Nextjs و Tailwind و Context API
السلام عليكم ورحمة الله. أطلقنا قبل مدة أداة معجمي المقدمة شركة صخر المعروفة، كلّفت ببنائها وانجازها، أعطوني الفكرة وصمّمتها من الصفر بدء من دراسة تجربة المستخدم والتي حرصت فيها على سهولة الاستخدام والبساطة والتجاوب التام لكل الأجهزة. أردت مشاركة فقرة قصيرة معكم حول تفاصيل بنائها. ### *ماهي أداة معجمي*: هي أداة واحدة واحد تبحث في جميع مشاريع صخر الحديثة (المعجم المعاصر الشامل - المعاجم التراثية - القاموس). https://mujami.alsharekh.org/ ### *مراحل التصميم*: 1. ورقة وقلم للـ Sketching. 2. تصميم wireframe عبر
لماذا استعملت Gatsby لموقعي بدلاً من ووردبريس و Ghost (تجربتي الكاملة)
السلام عليكم ورحمة الله، قبل أسبوع تقريبا أطلقت مدونتي واستعملتGatsby لموقعي بدلاً من ووردبريس و Ghost. كتبت مقالة طويلة أوضح الفروق بينهم وكم تكلّف استضافتها ومن يحتاجها .. دليلك لاختيارك القادم. https://blog.abdelhadi.org/why-use-gatsby-for-blogging-instead-of-wordpress-and-host-ultimate-guide/
اسألني ما شئت عن إطار Tailwind Css وسأجيبك..
السلام عليكم ورحمة الله. حياكم الله إخواني، جمعة مباركة علينا وعليكم. لدي تجربة طويلة مع tailwind css بنيت بها عدة منتجات مختلفة منها: - أداة معجمي (mujami.alsharekh.org). - تطبيق محرّر دَوّن (beta.dawin.io). - مشروع SaaS (مشروع كبير الحجم) سيرى النور قريبا بحول الله خلال الأشهر القادمة. يمكنك أن تسألني ما شئت عن المكتبة وعن دعم اللغة العربية (RTL) وخاصية @Apply و Animations وكذلك تحديثات النسخة الأخيرة (JIT) التي قدّمها قبل أسبوع Adam Wathan. https://suar.me/AZqLX كتبت عدة أفكار حول المكتبة في
أطلقت مدونتي بعد انقطاع عشر سنوات (حكايات من 2006!)
السلام عليكم، سعيد اليوم بإطلاق مدونتي من جديد بعد غياب لعشر سنوات وعودة للذكريات، حكاية بسيطة حول مسار التدوين والكتابة بعد عقد من الزمن! أجُوب بها ذكريات المنتديات ومنصة مكتوب وجيران .. وحياة مراحل التدوين العربية زمن 2006 وما بعدها. كيف لعشر سنوات أن تغيّر مسار تطوير الويب من مواقع "أحلى منتدى المجانية " الى "مدونات بلوجر" الى Gatsby! أسعد بقراءتكم ومشاركتكم - دمتم بود. https://blog.abdelhadi.org/the-first-blog-post-ten-years-later
يمكنك الآن التعلم من خلال أي دورات كورسيرا - Coursera باللغة العربية عبر الترجمة الآنية لـ Subtitle
السلام عليكم ورحمة الله. قبل يومين أو ثلاثة أطلقت شركة جوجل مجموعة دورات مهمة ومفيدة جداً في مجالات مختلفة منها تجربة المستخدم UX وإدارة المشاريع ..إلى آخره. واشتركت في إحدى الدورات وبكل أمانة هذه الدورات مفيدة جداً ومصمّمة بمنهج أكاديمي مضبوط وعالي القيمة والجودة. وحرصاً منا على خدمة أمتنا العربية والإسلامية وجعلها تستفيد من هذه الدورات لجوجل أو غيرها ونكون أوّل الركب في هذه المجالات ويعلم الجميع أنّ أول عائق لنا هي إتقان اللغة الإنجليزية. فحاولت كسر هذا الحاجز والاستعانة
دليلك العملي لبناء شركة ناشئة ناجحة - ترجمة كتاب Startup Playbook لِـسام ألتمان مؤسس OpenAI
هل تحلم بتأسيس شركتك الناشئة الخاصة؟ أم أنك بدأت بالفعل وتبحث عن نصائح للنمو والنجاح؟ https://suar.me/5Q9dV قمت بترجمة كتاب "Startup Playbook" للمؤسس الشهير سام ألتمان، وهو دليل عملي يلخص خبرات وتجارب أنجح رواد الأعمال في وادي السيليكون. ماذا ستتعلم من الكتاب؟ كيفية بناء منتج يحبه المستخدمون حقاً أسرار جذب المستثمرين وجمع التمويل استراتيجيات تكوين فريق عمل قوي نصائح للنمو السريع والتوسع في السوق الكتاب مليء بالأمثلة العملية والنصائح القيمة التي يمكنك تطبيقها فوراً في مشروعك. دعونا نناقش: ما هو أكبر
كيف تساهم في المشاريع مفتوحة المصدر – الدليل الشامل للمبتدئين باللغة العربية
اكتشف عالم البرمجيات المفتوحة المصدر: بداية مسيرتك التقنية! اكتشف كيف يمكنك إحداث فرق حقيقي من خلال المساهمة في المشاريع المفتوحة المصدر. سواء كنت محترفًا أو جديدًا في عالم البرمجة، دليلنا الشامل مترجم إلى اللغة العربية. ✅ بناء معرض أعمالك. ✅ التواصل مع مطورين آخرين. ✅ تنمية مهاراتك التقنية. ✅ ترك أثر إيجابي في المجتمع التقني. https://blog.abdelhadi.org/handbook-contribute-to-open-source-projects-beginners/ لا تنسى مشاركتها مع أصدقائك المهتمين. #تكنولوجيا #مصادر_مفتوحة #برمجة
تحسين تجربة المستخدم (UX) لحسوب IO - بعد التغييرات الجديدة!
السلام عليكم. صراحة شكل المجتمع أصبح سيئاً للغاية، و تجربة المستخدم (UX) صارت أسوء و أكثر. أنا عضو قديم بالمجتمع، ربما غيّرت حسابي فقط و الكثير يعرفني، و عاصرت تغيراته السابقة كلها كانت جيدة و في المستوى لكن ماذا حدث لحسوب الآن و قراره! الله أعلم. - حتى لا يكون رأيي *ذماً فقط!*، أود مشاركة بعض تجاربي في مجال تجربة المستخدم (UX) و مما جربته سابقاُ : جميع المواقع التي تحمل فريقاً أو على الأقل *مصمم تجربة مستخدم* يهتمون بالمستخدم
اليوم أطلق مُحرّر دَوّن - أول محرر نصوص عربي يدعم ماركداون
السلام عليكم، يسعدني مشاركة اعلان إطلاق مُحرّر دَوّن - أول محرر نصوص عربي يدعم ماركداون https://suar.me/ra7Np محرر دَوّن لم يبنى بطريقة عادية، بل صنعته من خلال تحد وضعته لنفسي وأطلقته قبل مدة بعنوان (من فكرة إلى منتج) وشاركت رحلة تفاصيل بنائه علنا خطوة بخطوة (Building in public) معكم هنا في حسوب وعلى مدونتي طيلة أربعة أيام عشنا تجربة تطويرها لبِنة لبِنة بتقنيات مختلفة (Nextjs / PWA / Tailwind). شكراً لكل المساهمين ولو بكلمة. تجربة ممتعة: https://www.dawin.io
كتيّب تعلم Nextjs باللغة العربية
السلام عليكم ورحمة الله، أسعد الله صباحكم والمساء أحبتي الكرام. https://suar.me/P3p2r كتيّب تعلم Nextjs كاملا باللغة العربية، ومفتوح المصدر أيضًا. في 28 درس مختلف من مبتدء إلى متقدم ستتعلم مبادئ ومميزات إطار Next.js خطوة بخطوة، بطريقة ممتعة وتطبيقية غير ممّلة لتكون بوابتك لتطوير مشاريعك التقنية تفيد كل ريادي أو مبرمج. https://blog.abdelhadi.org/learn-nextjs-in-arabic الكتاب مفتوح المصدر: https://github.com/imAbdelhadi/nextjs-arabic-handbook
عَرّبت محرّر ماركداون SimpleMDE وصار يدعم RTL الآن
السلام عليكم ورحمة الله. قمت بتعديل نسخة SimpleMDE لتدعم RTL بشكل كامل تماما. وأعمل الآن على نسخة React كذلك. يمكنك الان اضافتها لموقعك عبر CDN مباشرة أو تنصيبها عبر npm بمشروعك. تفاصيل المكتبة هذه وأخرى سأكتب عنها مقالة بمدونتي [1] بإذن الله تعالى. https://suar.me/xrVAQ رابط Github: https://github.com/imAbdelhadi/simplemde-rtl المدونة [1]: https://blog.abdelhadi.org
تحدي بناء محرّر نصوص ماركداون عربي - اليوم الرابع وقبل الأخير: إطلاق النسخة التجريبية 👋
السلام عليكم، اليوم الرابع والحلقة ما قبل الأخيرة، قطعت شوطاً في محررنا دوّن، لم يتبقى الكثير ونطلق النسخة النهائية لتي أول محرر عربي للماركداون. حتى وصلت لهذه النقطة، مررت بمشاكل ومتاعب كثيرة سردتها لكم بالتدوينة، يمكن أن تفيدكم في وقت ما وتستفيد منها بمشاريعك الناشئة. البارحة بالصباح أضفت خاصية التصدير والتي هي المفيدة والمهمّة للجميع، لك أن تلقي نظرة عليها بالصورة. https://suar.me/2m1Nw *النسخة التجريبية*: يمكنك أن تجرب المحرّر على جهازك أو هاتفك وسعيد أن أسمع ملاحظاتكم وآراءكم، تبقت بضع أيقونات
سلسلة تعلم Next.js بالعربية (الجزء الأول) - مقدمة حول الإطار ومميزاتها ومبدء SSR
السلام عليكم ورحمة الله، أسعد الله صباحكم والمساء أحبتي الكرام. https://suar.me/VPjGr قبيل شهر رمضان الكريم كتبت على حسابي بتويتر ولينكدإن أنني سأبدء نشر سلسلة مترجمة إلى العربية لإطار عمل Next.js التي عرفتها أكثر من سنة من الإستخدام وتطوير المشاريع الرقمية المختلفة. جلعتني أنتقل من بيئة رياكت الكلاسيكية إلى بيئة عمل مساعدة مختصرة للوقت والجهد، لست مضطراً مثلما كنت بالسابق إلى تجهيز بيئة التطوير يدوياً (create-react-app) وتنصيب مئات المكتبات الأخرى عدا مئات الأسطر لتعريف صفحات متداخلة ..إلى آخره من الشفرات المكررة
مؤسس شركة صخر - محمد الشارخ - يعود من جديد لإطلاق مشاريع الكترونية غيرِ مسبوقة تخدم اللغة العربية!
السلام عليكم. نشر الحساب الرسمي الجديد لمؤسس شركة صخر محمد عبدالرحمن الشارخ على تويتر (@alsharekh_org) تغريدة جديدة يجهّز فيها لاطلاق مشاريع الكترونية غير مسبوقة خادمة للغة العربية بتقنيات حديثة. https://suar.me/Egorl و كان من بين المشاريع اعادة بناء هيلكة موقع أرشيف المجلات وفهرستها وإتاحتها عبر صيغة الـ PDF. و سيتم اطلاقها بحلة جديدة! لم يعلن فيها بعدُ عن المشاريع الأخرى، و التي ستكون اضافة للغتنا العربية تخدم الطُلاب و الباحثين و الكتّاب و المحررين تُضاهي التطبيقات الأجنبية التي تخدم اللغة الانجليزية.
شركة صخر تطلق المعجم المعاصر + تجربتي في العمل ضمن الفريق
السلام عليكم، أعلنت صخر عن اطلاقها أول معجم عربي حديث وأسموه المعجم المعاصر بالإضافة الى المعاجم التراثية والقاموس الإنجليزي/عربي. ليكون بذلك اضافة كبيرة جداً جداً للمحتوى العربي و الذي سيعين الباحثين والكتاب وطلبة العلوم وحتى المترجمين بمرجع رسمي محقّق. https://lexicon.alsharekh.org ###تجربتي في تطوير المشروع من فضل الله علي أني كنت جزء من فريق تصميم وتطوير المشاريع، بدأنا العمل على خمسة مشاريع العام الماضي (قبل عام تقريباً) كُلّفت كمسؤول فني داخل الشركة كـ (Product Designer) بالإضافة إلى مجال تخصصي (Front-End Developer).
تحدي بناء محرّر نصوص ماركداون عربي - اليوم الأوّل: دراسة الفكرة وحلّ المشكلة واختيار اسم المشروع وحجز النطاق
السلام عليكم، https://suar.me/6xrl5 قبل يومين أعلنت عن تحدّي جديد أطلقته على حسابي بتويتر ولينكدإن عبر الهاشتاج .. #من فكرة إلى منتج .. وهو يشابه فكرة Building in public التي بدأت مؤخراً في الساحات الأجنبية، تقوم فكرته على مشاركة رحلتك في برمجة أي فكرة تقابلك وتراها حلاً لمشكلة معيّنة وتحويلها إلى منتج يستعمله الناس بغرض الربح منه على الأغلب أو تطوير مهاراته، وتحدينا اليوم هي فكرة لحلّ مشكلة تواجه كل كاتب باللغة العربية، وضف كل اللغات التي تكتب من اليمين إلى
شاركني تحدّي بناء مشروع ناشئ -محرّر ماركداون عربي متقدّم- بداية من فكرة لتصميم إلى برمجة إلى حين إطلاقها خطوة بخطوة
السلام عليكم ورحمة الله. https://suar.me/8LXOL هل أنت صاحب أفكار إبداعية وتريد تحويلها إلى مشروع ناشئ ولا تدري كيف يتم تطوير المشاريع بداية من #دراسة الفكرة إلى تصميمها وبرمجتها؟ شاركني الرحلة خطوة بخطوة. ستفيدك في حال كنت مصمماً أو مبرمجاً أو حتى ريادي أعمال مستقبلي بحول الله. سأقوم بحل مشكلة عدم توفّر أي محرر ماركادون عربي بالويب، وبدل العمل عليها لوحدي ارتأيت مشاركة الرحلة معكم بكل تفاصيلها وبكل ما أواجهه من مشاكل، لنتعلم جميعا مع بعض ونشارك التجارب والفوائد لتبني أنت
تحدي بناء محرّر نصوص ماركداون عربي - اليوم الثاني: تصميم المشروع ودراسة تجربة المستخدم (UX/UI)
السلام عليكم، في اليوم الأول من تحدي (بناء محرّر نصوص ماركداون عربي) حددنا اسم المشروع وحجزنا النطاق، الآن جاءت مرحلة تصميم المشروع ودراسة تجربة المستخدم (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 ---------------- ما رأيك بالتصميم والنسخة النهائية التي وصلنا لها؟