في هذه المقالة، سأشارك تجربتي وسير عملي لإنشاء صفحات الويب باستخدام Qwen Coder AI.
كيف بنيت PDF Ink لتعلم مريح عبر الإنترنت من كتب PDF - AR VERSION
لماذا تقرأ ملفات PDF إذا لم تكن قادراً على الكتابة عليها؟
مرحباً بالجميع! أنا ألبيرت، وأحب جعل الأدوات أكثر ملاءمة وسهولة في الاستخدام.
إذا حاولت يوماً التعلم الذاتي أو دراسة كتب البرمجة أو قراءة وثائق تقنية معقدة من ملفات PDF على الكمبيوتر المحمول أو الجهاز اللوحي، فأنت تعرف هذا الصراع. تفتح كتاباً وتريد تحديد كود برمجي رئيسي، أو رسم سهم توضيحي سريع بجوار الشرح، أو ترك ملاحظة على الهوامش — وتدرك أن قارئات PDF القياسية إما معقدة أو مدفوعة أو أنها تفقد رسوماتك تماماً إذا قمت بتحديث الصفحة بالخطأ.
أردت إصلاح هذا وإنشاء PDF Ink — تطبيق ويب خفيف وسريع لقراءة وتدوين الملاحظات التفاعلية على كتب PDF مباشرة في المتصفح.
كيف بنيت محرراً حياً على الويب لـ RenderCV باستخدام Gemini - AR VERSION
السيرة الذاتية ككود: أناقة RenderCV
إذا كنت مهندساً أو أكاديمياً، فإن كتابة السير الذاتية في MS Word هي كابوس للتنسيق، وغالباً ما تكون قوالب LaTeX المخصصة معقدة للغاية للمحافظة عليها.
مؤخراً، عثرت على مشروع بايثون رائع يسمى RenderCV. يتيح لك كتابة محتوى سيرتك الذاتية في ملف YAML نظيف ومنظم ويقوم بإنشاء ملف PDF منسق بشكل جميل مع طباعة مثالية باستخدام Typst في الخلفية. إنه يعامل سيرتك الذاتية ككود، مما يعني أنه يمكنك التحكم في إصداراتها والتركيز بشكل كامل على المحتوى وترك التنسيق والهوامش والأبعاد للأداة لتقوم بها.
ومع ذلك، تم تصميم RenderCV في المقام الأول كأداة واجهة خط أوامر (CLI). في كل مرة تجري فيها تغييراً، يتعين عليك تشغيل rendercv render John_Doe_CV.yaml وفحص المخرجات وفتح عارض PDF والتحقق من التنسيق.
أردت سد هذه الفجوة عن طريق إضافة محرر ويب حي - تطبيق ويب محلي أحادي الصفحة مع محرر Monaco جنباً إلى جنب، ومعاينة حية لملف PDF، والتحقق الفوري من المخطط، وتبديل الأقسام والسمات التفاعلية.
بمساعدة Gemini، نجحت في بناء ودمج واجهة الويب هذه مباشرة في RenderCV! إليك كيف فعلنا ذلك.
قمت ببناء صانع سير ذاتية بالذكاء الاصطناعي في أمر واحد - AR VERSION
IT Resume Builder هو صانع سير ذاتية متميز يعتمد على الويب ومصمم خصيصاً لمتخصصي تكنولوجيا المعلومات. يتيح لك بناء وتخصيص وتصدير سير ذاتية نظيفة وعالية الدقة مباشرة في متصفحك.
كنت أبحث عن عمل وطلبوا مني إرسال سيرة ذاتية، لذلك فكرت في بناء سيرة ذاتية حديثة وقررت كتابة هذا الكود.
لعبة مكعبات مع الذكاء الاصطناعي؟ نعم - AR VERSION
🧩 كيف جعلت لعبتي المفضلة تنبض بالحياة مع الذكاء الاصطناعي
بدأ كل شيء عندما أدمنت لعبة ألغاز ذكية وممتعة على تيليغرام. الفكرة بسيطة ولكنها تسبب الإدمان: تحصل على ثلاثة مكعبات للاختيار من بينها وعليك ترتيبها في صف. تطلب الأمر الكثير من التفكير — كلما حصلت على نقاط أكثر، كان ذلك أفضل!
ولكن في مرحلة ما، تم حظر اللعبة… 💔 ولكنني أردت حقاً اللعب! وفكرت: ماذا لو صنعت شيئاً كهذا لنفسي فقط؟ لتمضية الوقت في الطريق وتدريب عقلي قليلاً.
مدير طلبات REST API GET POST - AR VERSION
كيف نقلل من الازدحام المروري - AR VERSION
كيف تجعل أي موقع متوافقاً مع الهاتف؟ - AR VERSION
المشكلة
هل تكره المواقع القديمة التي لا تدعم نسخة الهاتف أثناء التصفح من هاتفك؟
بالتأكيد الجميع يكره المواقع القديمة التي لا تدعم نسخة الهاتف أثناء التصفح؟
وبالطبع ليس لديهم وقت لعمل نسخة للهاتف، وبعض المواقع ليس لديها مطورون على الإطلاق.
إذن كيف نصلح هذا الوضع؟ لقد ابتكرت إضافة لمتصفح الهاتف الخاص بك.
كيف صنعت لعبة ألغاز - AR VERSION
تعلم اللغات عبر الترجمات المصاحبة - AR VERSION
موقع حيث يمكنك تعلم أي لغة من خلال الترجمات المصاحبة (Subtitles).
ابحث عن ملف الترجمة لفيلمك أو مسلسلك المفضل وارفعه على الموقع.
ثم اضغط ببساطة على الجملة لرؤية الترجمة.