لوحة المتصدرين

هل الدورات بشهادات او لا

يبدو ان المشكلة بالفعل في ملف index.js : // الكود الخاص بك let i = 1; while (i <= 10); { console.log(i); i++; } // الكود الصحيح let i = 1; while (i <= 10) { console.log(i); i++; } حيث حذفنا الـ ; من نهاية الشرط الخاص بالـ while.

طلبت ان تشارك ملف index.js

بدأت مؤخرًا بتعلم إستخدام React.js وبسبب معرفتي في جانغو Django أريد أن أستعمله كواجهة خلفية backend لمشاريعي وReact للواجهة الأمامية Frontend ، ولكن المشكلة أني لا أعرف كيف أقوم بالربط بينهما بإستخدام قوالب جانغو Django templates، هل يجب أن أقوم بتحويل مشروع React إلى كود HTML وأضيفه في أحد قوالب جانغو؟ أم أن هناك طريقة أخرى وأفضل من هذه الطريقة؟

يمكنك إستخدام الحزمة react-native-svg لإضافة دعم صور SVG إلى React Native، في البداية عليك تثبيت الحزمة من خلال الأمر التالي: npm i react-native-svg // using yarn yarn add react-native-svg ثم قم بربط الحزمة من خلال الأمر التالي: react-native link react-native-svg أو إذا كنت تستعمل expo فيمكنك تثبيت الحزمة من خلال الأمر التالي فقط: expo install react-native-svg وتستطيع إستخدام الحزمة بالشكل التالي: import * as React from 'react'; import { SvgXml } from 'react-native-svg'; import testSvg from './test.svg'; export default () => <SvgXml width="200" height="200" xml={testSvg} />; أو من خلال عوان URL: import * as React from 'react'; import { SvgUri } from 'react-native-svg'; export default () => ( <SvgUri width="100%" height="100%" uri="http://example.com/images/svg-image.svg" /> );

يمكنك إستعمال أداة سطر الأوامر React Native CLI للقيام بهذا الأمر من خلال تشغيل الأمر التالي: npx react-native upgrade تستطيع أيضًا تحديد إصدار معين للتحديث إليه بدلًا من التحديث إلى أحدث إصدار: npx react-native upgrade 0.61.0-rc.0

في ملف models: class Tabel(models.Model): number = models.FloatField() #في حال كانت القيمة التي تريدها عشرية class Tabel(models.Model): number = models.IntegerField() # في حال تريد القيم فقط أرقام صحيحة طبعاً يمكنك التغير على قيمتها في أي وقت من ملف views.py على الدالة التي تقوم بأمر التعديل على حسب الفورم التعديل الخاص بك. تقوم بستقبال البيانات العنصر المراد التعديل عليه و من ثم تحديثها و من ثم حفظها و التحويل على الصفحة التي تريدها على حسب مشروعك. def post_tabel(request,pk): data = request.data number = data['number'] my_tabel = MyTabel.objects.get(pk=pk) my_tabel.number = number my_tabel.save() return render(request, "index.html")

يمكن اعتبار Redux كمخزن مركزي لحالة التطبيق، يتم إرسال الأحداث إليه من كل المكونات مع تفاصيل عن تلك الأحداث، ويتم التحقق من تلك الأحداث وتحديث الحالة ضمن المخزن بناءًا على شروط موضوعة ضمن reducers، مكتبة Redux كانت موجودة لتحل مشكلة مركزية الحالة قبل وجود Context API، لكن بعد إطلاق تلك الميزة في React أصبح من السهل التعامل مع مشاركة الحالة لعدد من المكونات المتباعدة ضمن شجرة مكونات التطبيق دون الحاجة لمكتبات مثل Redux، يتميز Redux باستخدام reducers لتحديث حالة المخزن وهي توابع تتلقى الأحداث وتغير حالة قسم من بيانات المخزن، لكن يمكن تطبيق نفس الفكرة باستخدام Context API مع الخطاف useReducer. مزايا كل من الطريقتين: Context API: يأتي مسبقًا مع رياكت ولا يحتاج إلى إعداد، ممتاز للبيانات الثابتة مثل حالة الواجهة أو بيانات سيتم تحديثها محليًا فقط. Redux: يحتاج لتثبيت مكتبته وإعدادها، ويحتاج إلى الكثير من الكتابة المتكررة أغلب الوقت لتنفيذ نفس الوظيفة، ويمكن بسهولة إعداده ليتعامل مع البيانات الديناميكية أثناء معالجة حالة التطبيق (كجلب بيانات من خادم نظام خلفي)، ويتوفر له أدوات مطور قوية تساعد حلى تعقب وحل المشاكل بسهولة. في حال كانت الحالة ضمن تطبيقك معقدة ومترابطة بين عدة مكونات وأقسام وتحتاج لمعالجة بيانات ديناميكية تدخل في حساب حالة التطبيق، استخدم Redux، عدا ذلك Context API أسهل وأبسط. يمكنك الاستفادة من قراءة المقالات التالية:

هناك العديد من البرامج سواء المكتبية التي يمكنك تنزيلها واسخدامها أو يمكنك استخدامها على المتصفح بشكل مباشر أي أونلاين , لقد قمت بتجربة العديد من التطبيقات على بشكل اونلاين من ضمنها smartdraw وهو برنامج متعدد الاستخدامات وسهل الاستخدام ولكن واجهت بعض الصعوبة في تحديد موضع الموصلات وتغيير حجم مخطط التدفق لأن التطبيق لا يقوم بمحاذاة العناصر بشكل تلقائي , يمكنك البحث عنه في جوجل أو يمكنك الذهاب اليه من هنا , وأيضا تطبيق diagrams.net, أنه مجاني ولا تحتاج حتى إلى إنشاء حساب للبدء فيه وواجهته سهلة الاستخدام والفهم , يمكنك استخدامه , وهناك العديد من التطبيقات مثل miro و Gliffy و Microsoft Visio

قد تكون المشكلة من ملف الـ js الذي تقوم باستدعائه، هل يمكنك مشاركة محتويات ملف الـ index.js.