Framework7: Difference between revisions

Latest revision as of 23:05, 23 April 2025

Framework7: دليل شامل للمبتدئين

Framework7 هو إطار عمل مفتوح المصدر لتطوير تطبيقات الهواتف الذكية (Mobile Applications) باستخدام تقنيات الويب القياسية مثل HTML، CSS و JavaScript. يهدف Framework7 إلى تسهيل عملية بناء تطبيقات ذات مظهر أصيل (Native-looking) لكل من أنظمة التشغيل iOS و Android، مع توفير أداء عالٍ وسرعة في التطوير. يختلف Framework7 عن الأطر الأخرى مثل React Native أو Flutter في أنه يعتمد بشكل أساسي على تقنيات الويب التي يعرفها معظم المطورين بالفعل، مما يقلل من منحنى التعلم.

ما الذي يميز Framework7؟

التركيز على المظهر الأصيل: يوفر Framework7 مكونات واجهة مستخدم (UI Components) مصممة لتقليد مظهر وتفاعل تطبيقات iOS و Android الأصلية.
الأداء العالي: يستخدم Framework7 تقنيات تحسين الأداء لضمان سلاسة التطبيق واستجابته السريعة.
المرونة: يمكن دمج Framework7 بسهولة مع أطر عمل JavaScript الأخرى مثل Vue.js و React و Angular.
سهولة التعلم: بسبب اعتماده على تقنيات الويب المألوفة، يعتبر Framework7 سهل التعلم نسبياً للمطورين ذوي الخبرة في تطوير الويب.
المجتمع النشط: يتمتع Framework7 بمجتمع نشط من المطورين يقدمون الدعم والمساهمات.
مفتوح المصدر: كونه مفتوح المصدر يعني أنه مجاني للاستخدام والتعديل والتوزيع.

المكونات الرئيسية لـ Framework7

Framework7 يوفر مجموعة واسعة من المكونات الجاهزة للاستخدام، والتي تشمل:

Navigation: نظام تنقل متكامل لإدارة الصفحات والانتقالات بينها. يشمل View و Page و Navbars.
Bars: شريط الأدوات العلوي والسفلي، وشريط الإجراءات.
Buttons: أزرار بأشكال وأنماط مختلفة.
Forms: عناصر النماذج مثل حقول الإدخال، والقوائم المنسدلة، وأزرار الاختيار.
Lists: قوائم قابلة للتخصيص لعرض البيانات.
Cards: بطاقات لعرض المعلومات بشكل منظم.
Panels: لوحات منزلقة تظهر من الجوانب.
Actions: قوائم الإجراءات المخصصة.
Modals: نوافذ منبثقة لعرض المعلومات أو طلب الإدخال من المستخدم.

كيفية البدء مع Framework7

1. التثبيت: يمكنك تثبيت Framework7 باستخدام مدير الحزم npm أو yarn، أو عن طريق تنزيل الملفات مباشرة من موقع Framework7 الرسمي. 2. إنشاء مشروع جديد: يوفر Framework7 قالب مشروع أساسي يمكنك استخدامه كنقطة انطلاق. 3. هيكلة المشروع: يتضمن مشروع Framework7 عادةً مجلدات لـ HTML، CSS، JavaScript والصور. 4. كتابة الكود: ابدأ بكتابة الكود باستخدام مكونات Framework7 لإنشاء واجهة المستخدم الخاصة بك. 5. التخصيص: قم بتخصيص المظهر والسلوك الخاص بالتطبيق ليناسب احتياجاتك. 6. البناء والنشر: قم ببناء التطبيق ونشره على الأجهزة المستهدفة.

دمج Framework7 مع أطر عمل JavaScript الأخرى

يمكن دمج Framework7 مع أطر عمل JavaScript الأخرى لتوفير مزيد من القوة والمرونة. على سبيل المثال:

Framework7 + Vue.js: يعتبر هذا الدمج شائعًا جدًا، حيث يوفر Vue.js نظام إدارة حالة (State Management) قويًا ومرونة في بناء واجهات المستخدم. Vue Router يمكن استخدامه مع Framework7 لتوفير نظام تنقل متقدم.
Framework7 + React: يمكن استخدام React مع Framework7 لإنشاء مكونات واجهة مستخدم قابلة لإعادة الاستخدام.
Framework7 + Angular: يمكن دمج Framework7 مع Angular، ولكن هذا الدمج أقل شيوعًا من الدمج مع Vue.js أو React.

أفضل الممارسات في تطوير تطبيقات Framework7

استخدم CSS Grid و Flexbox لتصميم واجهة المستخدم بشكل فعال.
قم بتحسين الصور لتقليل حجم التطبيق ووقت التحميل.
استخدم تقنيات Caching لتخزين البيانات مؤقتًا وتحسين الأداء.
اختبر التطبيق على أجهزة مختلفة للتأكد من توافقه.
استخدم أدوات Debugging لتحديد وإصلاح الأخطاء.

استراتيجيات التداول والتحليل الفني المرتبطة (للمطورين المهتمين بتطبيقات التداول)

إذا كنت تقوم بتطوير تطبيقات تداول باستخدام Framework7، فمن المهم فهم بعض استراتيجيات التداول والتحليل الفني:

تحليل الاتجاه (Trend Analysis): تحديد اتجاه السوق.
مستويات الدعم والمقاومة (Support and Resistance Levels): تحديد نقاط الدخول والخروج المحتملة.
المتوسطات المتحركة (Moving Averages): تنعيم بيانات الأسعار لتحديد الاتجاهات.
مؤشر القوة النسبية (RSI): قياس سرعة وتغير حركة السعر.
خطوط بولينجر (Bollinger Bands): قياس تقلبات الأسعار.
نماذج الشموع اليابانية (Candlestick Patterns): تحديد إشارات الشراء والبيع.
تحليل حجم التداول (Volume Analysis): تأكيد الاتجاهات وإشارات التداول.
استراتيجية الاختراق (Breakout Strategy): الدخول في التداول عند اختراق مستوى مقاومة أو دعم.
استراتيجية التداول المتأرجح (Swing Trading Strategy): الاستفادة من تقلبات الأسعار قصيرة الأجل.
استراتيجية التداول اليومي (Day Trading Strategy): فتح وإغلاق الصفقات في نفس اليوم.
استراتيجية التداول طويل الأجل (Position Trading Strategy): الاحتفاظ بالصفقات لفترة طويلة.
التحليل الأساسي (Fundamental Analysis): تقييم قيمة الأصل بناءً على العوامل الاقتصادية والمالية.
نظرية الموجات الإيلوت (Elliott Wave Theory): تحديد أنماط الموجات في الأسعار.
تصحيح فيبوناتشي (Fibonacci Retracement): تحديد مستويات الدعم والمقاومة المحتملة.
تحليل أنماط الرسوم البيانية (Chart Pattern Analysis): تحديد أنماط الرسوم البيانية الشائعة وإشارات التداول.

الموارد الإضافية

انظر أيضًا

ابدأ التداول الآن

سجل في IQ Option (الحد الأدنى للإيداع $10) افتح حساباً في Pocket Option (الحد الأدنى للإيداع $5)

انضم إلى مجتمعنا

اشترك في قناة Telegram الخاصة بنا @strategybin للحصول على: ✓ إشارات تداول يومية ✓ تحليلات استراتيجية حصرية ✓ تنبيهات باتجاهات السوق ✓ مواد تعليمية للمبتدئين

@@ Line 1: / Line 1: @@
 === Framework7: دليل شامل للمبتدئين ===
-'''Framework7''' هو إطار عمل تطوير ويب مفتوح المصدر، يهدف إلى تسهيل بناء تطبيقات الويب والهواتف الذكية ذات المظهر الأصلي باستخدام تقنيات الويب القياسية مثل HTML، و CSS، و JavaScript. يركز Framework7 بشكل خاص على إنشاء تطبيقات ذات تجربة مستخدم مماثلة لتطبيقات iOS و Android الأصلية، دون الحاجة إلى معرفة بلغات البرمجة الأصلية مثل Swift أو Java. هذه المقالة موجهة للمبتدئين، وتهدف إلى تقديم فهم شامل للإطار، وميزاته، وكيفية البدء في استخدامه.
+'''Framework7''' هو إطار عمل مفتوح المصدر لتطوير تطبيقات الهواتف الذكية (Mobile Applications) باستخدام تقنيات الويب القياسية مثل [[HTML]]، [[CSS]] و [[JavaScript]]. يهدف Framework7 إلى تسهيل عملية بناء تطبيقات ذات مظهر أصيل (Native-looking) لكل من أنظمة التشغيل [[iOS]] و [[Android]]، مع توفير أداء عالٍ وسرعة في التطوير. يختلف Framework7 عن الأطر الأخرى مثل [[React Native]] أو [[Flutter]] في أنه يعتمد بشكل أساسي على تقنيات الويب التي يعرفها معظم المطورين بالفعل، مما يقلل من منحنى التعلم.
-== ما هو Framework7 ولماذا تستخدمه؟ ==
+== ما الذي يميز Framework7؟ ==
-في عالم تطوير الويب المتسارع، يزداد الطلب على أدوات تساعد المطورين على إنشاء تطبيقات عالية الجودة بسرعة وكفاءة. Framework7 يقدم حلاً فعالاً لهذه المشكلة. إليك بعض الأسباب التي تجعل Framework7 خيارًا جذابًا:
+* '''التركيز على المظهر الأصيل:'''  يوفر Framework7 مكونات واجهة مستخدم (UI Components) مصممة لتقليد مظهر وتفاعل تطبيقات iOS و Android الأصلية.
+* '''الأداء العالي:'''  يستخدم Framework7 تقنيات تحسين الأداء لضمان سلاسة التطبيق واستجابته السريعة.
+* '''المرونة:'''  يمكن دمج Framework7 بسهولة مع أطر عمل JavaScript الأخرى مثل [[Vue.js]] و [[React]] و [[Angular]].
+* '''سهولة التعلم:'''  بسبب اعتماده على تقنيات الويب المألوفة، يعتبر Framework7 سهل التعلم نسبياً للمطورين ذوي الخبرة في تطوير الويب.
+* '''المجتمع النشط:'''  يتمتع Framework7 بمجتمع نشط من المطورين يقدمون الدعم والمساهمات.
+* '''مفتوح المصدر:'''  كونه مفتوح المصدر يعني أنه مجاني للاستخدام والتعديل والتوزيع.
-*   '''سهولة التعلم:''' إذا كنت على دراية بتقنيات الويب الأساسية (HTML، CSS، JavaScript)، فسيكون تعلم Framework7 أمرًا سهلاً.
+== المكونات الرئيسية لـ Framework7 ==
-*   '''تصميم متجاوب:''' يضمن Framework7 أن تطبيقاتك ستعمل بشكل مثالي على مختلف الأجهزة والشاشات. [[استجابة تصميم الويب]]
-*   '''أداء عالي:''' تم تصميم Framework7 ليكون خفيف الوزن وسريعًا، مما يضمن تجربة مستخدم سلسة. [[تحسين أداء الويب]]
-*   '''مظهر أصلي:''' يوفر Framework7 مجموعة واسعة من المكونات والأنماط التي تحاكي مظهر تطبيقات iOS و Android الأصلية. [[واجهة المستخدم]]
-*   '''دعم قوي للمجتمع:''' يتمتع Framework7 بمجتمع نشط من المطورين الذين يقدمون الدعم والمساعدة. [[مجتمعات تطوير الويب]]
-*   '''مفتوح المصدر:''' Framework7 مجاني للاستخدام والتعديل، مما يجعله خيارًا مرنًا للمطورين. [[البرمجيات مفتوحة المصدر]]
-== الميزات الرئيسية لـ Framework7 ==
+Framework7 يوفر مجموعة واسعة من المكونات الجاهزة للاستخدام، والتي تشمل:
-يقدم Framework7 مجموعة غنية من الميزات التي تسهل عملية تطوير التطبيقات:
+* '''Navigation:'''  نظام تنقل متكامل لإدارة الصفحات والانتقالات بينها. يشمل [[View]] و [[Page]] و [[Navbars]].
+* '''Bars:'''  شريط الأدوات العلوي والسفلي، وشريط الإجراءات.
-*   '''نظام التخطيط:''' يوفر نظام تخطيط مرنًا يسمح لك بإنشاء واجهات مستخدم معقدة بسهولة. [[تخطيط الصفحة]]
+* '''Buttons:'''  أزرار بأشكال وأنماط مختلفة.
-*   '''مكونات واجهة المستخدم:''' يتضمن Framework7 مجموعة واسعة من مكونات واجهة المستخدم الجاهزة للاستخدام، مثل الأزرار، والقوائم، والنماذج، والبطاقات. [[مكونات واجهة المستخدم]]
+* '''Forms:'''  عناصر النماذج مثل حقول الإدخال، والقوائم المنسدلة، وأزرار الاختيار.
-*   '''الرسوم المتحركة:''' يوفر Framework7 دعمًا للرسوم المتحركة، مما يسمح لك بإضافة لمسات بصرية جذابة إلى تطبيقاتك. [[رسوم متحركة الويب]]
+* '''Lists:'''  قوائم قابلة للتخصيص لعرض البيانات.
-*   '''Ajax:''' يتيح لك Framework7 تحميل البيانات ديناميكيًا من الخادم دون الحاجة إلى إعادة تحميل الصفحة بأكملها. [[Ajax]]
+* '''Cards:'''  بطاقات لعرض المعلومات بشكل منظم.
-*   '''التوجيه:''' يوفر Framework7 نظام توجيه متقدم يسمح لك بإدارة التنقل بين الصفحات المختلفة في تطبيقك. [[توجيه الويب]]
+* '''Panels:'''  لوحات منزلقة تظهر من الجوانب.
-*   '''دعم الأجهزة:''' يدعم Framework7 مجموعة واسعة من الأجهزة، بما في ذلك الهواتف الذكية، والأجهزة اللوحية، وأجهزة الكمبيوتر المكتبية. [[توافق الأجهزة]]
+* '''Actions:'''  قوائم الإجراءات المخصصة.
+* '''Modals:'''  نوافذ منبثقة لعرض المعلومات أو طلب الإدخال من المستخدم.
 == كيفية البدء مع Framework7 ==
-لبدء استخدام Framework7، اتبع الخطوات التالية:
+. '''التثبيت:''' يمكنك تثبيت Framework7 باستخدام مدير الحزم [[npm]] أو [[yarn]]، أو عن طريق تنزيل الملفات مباشرة من موقع Framework7 الرسمي.
+. '''إنشاء مشروع جديد:'''  يوفر Framework7 قالب مشروع أساسي يمكنك استخدامه كنقطة انطلاق.
+. '''هيكلة المشروع:'''  يتضمن مشروع Framework7 عادةً مجلدات لـ HTML، CSS، JavaScript والصور.
+. '''كتابة الكود:'''  ابدأ بكتابة الكود باستخدام مكونات Framework7 لإنشاء واجهة المستخدم الخاصة بك.
+. '''التخصيص:'''  قم بتخصيص المظهر والسلوك الخاص بالتطبيق ليناسب احتياجاتك.
+. '''البناء والنشر:'''  قم ببناء التطبيق ونشره على الأجهزة المستهدفة.
-.  '''تنزيل Framework7:''' يمكنك تنزيل أحدث إصدار من Framework7 من [[موقع Framework7 الرسمي]].
+== دمج Framework7 مع أطر عمل JavaScript الأخرى ==
-.  '''إنشاء مشروع جديد:''' قم بإنشاء مجلد جديد لمشروعك، وقم بفك ضغط ملف Framework7 الذي تم تنزيله إلى هذا المجلد.
-.  '''تحرير ملف index.html:''' افتح ملف index.html في محرر النصوص الخاص بك، وابدأ في تعديل الكود لإنشاء تطبيقك.
-.  '''استخدام قوالب Framework7:''' يوفر Framework7 مجموعة من القوالب الجاهزة للاستخدام، والتي يمكنك استخدامها كنقطة انطلاق لمشروعك. [[قوالب الويب]]
-.  '''التعرف على الوثائق:''' قم بزيارة [[وثائق Framework7]] للحصول على معلومات مفصلة حول كيفية استخدام الإطار وميزاته.
-== مقارنة Framework7 بأطر العمل الأخرى ==
+يمكن دمج Framework7 مع أطر عمل JavaScript الأخرى لتوفير مزيد من القوة والمرونة. على سبيل المثال:
-| إطار العمل | اللغة الأساسية | التركيز الرئيسي | سهولة التعلم | الأداء |
+* '''Framework7 + Vue.js:'''  يعتبر هذا الدمج شائعًا جدًا، حيث يوفر Vue.js نظام إدارة حالة (State Management) قويًا ومرونة في بناء واجهات المستخدم. [[Vue Router]] يمكن استخدامه مع Framework7 لتوفير نظام تنقل متقدم.
-|---|---|---|---|---|
+* '''Framework7 + React:'''  يمكن استخدام React مع Framework7 لإنشاء مكونات واجهة مستخدم قابلة لإعادة الاستخدام.
-| Framework7 | HTML, CSS, JavaScript | تطبيقات الويب والهواتف الذكية ذات المظهر الأصلي | عالية | عالية |
+* '''Framework7 + Angular:'''  يمكن دمج Framework7 مع Angular، ولكن هذا الدمج أقل شيوعًا من الدمج مع Vue.js أو React.
-| React Native | JavaScript | تطبيقات الهواتف الذكية الأصلية | متوسطة | متوسطة |
-| Ionic | HTML, CSS, JavaScript | تطبيقات الهواتف الذكية الهجينة | متوسطة | متوسطة |
-| Flutter | Dart | تطبيقات الهواتف الذكية الأصلية | متوسطة | عالية |
-== استراتيجيات متقدمة في تطوير تطبيقات Framework7 ==
+== أفضل الممارسات في تطوير تطبيقات Framework7 ==
-*   '''استخدام Vue.js أو React مع Framework7:''' يمكنك دمج Framework7 مع أطر عمل JavaScript أخرى مثل Vue.js أو React لزيادة مرونة وقوة تطبيقاتك. [[Vue.js]] [[React]]
+* '''استخدم [[CSS Grid]] و [[Flexbox]] لتصميم واجهة المستخدم بشكل فعال.
-*   '''استخدام أدوات البناء:''' استخدم أدوات البناء مثل Webpack أو Parcel لتبسيط عملية تطوير التطبيقات وتحسين أدائها. [[Webpack]] [[Parcel]]
+* '''قم بتحسين الصور لتقليل حجم التطبيق ووقت التحميل.
-*   '''اختبار التطبيقات:''' قم باختبار تطبيقاتك بشكل شامل على مختلف الأجهزة والمتصفحات لضمان جودتها. [[اختبار الويب]]
+* '''استخدم تقنيات [[Caching]] لتخزين البيانات مؤقتًا وتحسين الأداء.
-*   '''تحسين الأداء:''' قم بتحسين أداء تطبيقاتك عن طريق تقليل حجم الملفات، وتحسين الصور، واستخدام التخزين المؤقت. [[تحسين أداء التطبيقات]]
+* '''اختبر التطبيق على أجهزة مختلفة للتأكد من توافقه.
+* '''استخدم أدوات [[Debugging]] لتحديد وإصلاح الأخطاء.
-== تحليل فني واستراتيجيات التداول (تطبيق على بيانات التطبيق) ==
+== استراتيجيات التداول والتحليل الفني المرتبطة (للمطورين المهتمين بتطبيقات التداول) ==
-على الرغم من أن Framework7 هو إطار عمل لتطوير التطبيقات، يمكن تطبيق مفاهيم التحليل الفني واستراتيجيات التداول على بيانات استخدام التطبيق. على سبيل المثال:
+إذا كنت تقوم بتطوير تطبيقات تداول باستخدام Framework7، فمن المهم فهم بعض استراتيجيات التداول والتحليل الفني:
-*   '''تحليل عدد التنزيلات:''' يمكن تحليل عدد التنزيلات اليومي أو الشهري لتحديد الاتجاهات وتقييم شعبية التطبيق. [[تحليل الاتجاهات]]
+* '''تحليل الاتجاه (Trend Analysis):'''  تحديد اتجاه السوق.
-*   '''تحليل معدل الاحتفاظ بالمستخدمين:''' يمكن تحليل معدل الاحتفاظ بالمستخدمين لتحديد مدى فعالية التطبيق في جذب المستخدمين والاحتفاظ بهم. [[معدل الاحتفاظ بالمستخدمين]]
+* '''مستويات الدعم والمقاومة (Support and Resistance Levels):'''  تحديد نقاط الدخول والخروج المحتملة.
-*   '''تحليل سلوك المستخدم:''' يمكن تحليل سلوك المستخدم داخل التطبيق لتحديد الميزات الأكثر استخدامًا والمشكلات التي تواجه المستخدمين. [[تحليل سلوك المستخدم]]
+* '''المتوسطات المتحركة (Moving Averages):'''  تنعيم بيانات الأسعار لتحديد الاتجاهات.
-*   '''استراتيجية المتوسط المتحرك:''' يمكن استخدام المتوسط المتحرك لتنعيم بيانات التنزيلات أو معدل الاحتفاظ بالمستخدمين وتحديد الاتجاهات طويلة الأجل. [[المتوسط المتحرك]]
+* '''مؤشر القوة النسبية (RSI):'''  قياس سرعة وتغير حركة السعر.
-*   '''مؤشر القوة النسبية (RSI):''' يمكن استخدام مؤشر القوة النسبية لتحديد ما إذا كان التطبيق في منطقة ذروة الشراء أو ذروة البيع. [[مؤشر القوة النسبية]]
+* '''خطوط بولينجر (Bollinger Bands):'''  قياس تقلبات الأسعار.
-*   '''خطوط الدعم والمقاومة:''' يمكن تحديد خطوط الدعم والمقاومة على الرسم البياني لعدد التنزيلات لتحديد نقاط الدخول والخروج المحتملة. [[خطوط الدعم والمقاومة]]
+* '''نماذج الشموع اليابانية (Candlestick Patterns):'''  تحديد إشارات الشراء والبيع.
-*   '''تحليل حجم التداول:''' حجم التداول (عدد التنزيلات) يمكن أن يؤكد قوة الاتجاه. [[تحليل حجم التداول]]
+* '''تحليل حجم التداول (Volume Analysis):'''  تأكيد الاتجاهات وإشارات التداول.
-*   '''استراتيجية الاختراق:''' إذا تجاوز عدد التنزيلات مستوى مقاومة، فقد يشير ذلك إلى فرصة للشراء (الاستثمار في تطوير التطبيق). [[استراتيجية الاختراق]]
+* '''استراتيجية الاختراق (Breakout Strategy):'''  الدخول في التداول عند اختراق مستوى مقاومة أو دعم.
-*   '''استراتيجية الارتداد:''' إذا انخفض عدد التنزيلات إلى مستوى دعم، فقد يشير ذلك إلى فرصة للشراء. [[استراتيجية الارتداد]]
+* '''استراتيجية التداول المتأرجح (Swing Trading Strategy):'''  الاستفادة من تقلبات الأسعار قصيرة الأجل.
-*   '''استراتيجية بولينجر باندز:''' يمكن استخدام بولينجر باندز لتحديد التقلبات وتقييم المخاطر. [[بولينجر باندز]]
+* '''استراتيجية التداول اليومي (Day Trading Strategy):'''  فتح وإغلاق الصفقات في نفس اليوم.
-*   '''استراتيجية MACD:''' يمكن استخدام MACD لتحديد تغييرات الزخم. [[MACD]]
+* '''استراتيجية التداول طويل الأجل (Position Trading Strategy):'''  الاحتفاظ بالصفقات لفترة طويلة.
-*   '''استراتيجية فيبوناتشي:''' يمكن استخدام مستويات فيبوناتشي لتحديد مستويات الدعم والمقاومة المحتملة. [[مستويات فيبوناتشي]]
+* '''التحليل الأساسي (Fundamental Analysis):'''  تقييم قيمة الأصل بناءً على العوامل الاقتصادية والمالية.
-*   '''تحليل الشموع اليابانية:''' يمكن استخدام أنماط الشموع اليابانية لتحديد نقاط الدخول والخروج المحتملة. [[الشموع اليابانية]]
+* '''نظرية الموجات الإيلوت (Elliott Wave Theory):'''  تحديد أنماط الموجات في الأسعار.
-*   '''استراتيجية القنوات:''' تحديد القنوات الصاعدة أو الهابطة في بيانات التنزيلات. [[استراتيجية القنوات]]
+* '''تصحيح فيبوناتشي (Fibonacci Retracement):'''  تحديد مستويات الدعم والمقاومة المحتملة.
-*   '''تحليل حجم التداول مع المتوسط المتحرك:'''  مقارنة حجم التداول بالمتوسط المتحرك لتحديد قوة الاتجاه. [[تحليل حجم التداول والمتوسط المتحرك]]
+* '''تحليل أنماط الرسوم البيانية (Chart Pattern Analysis):'''  تحديد أنماط الرسوم البيانية الشائعة وإشارات التداول.
 == الموارد الإضافية ==
-*   [[موقع Framework7 الرسمي]]
+* [[الموقع الرسمي لـ Framework7]]
-*   [[وثائق Framework7]]
+* [[توثيق Framework7]]
-*   [[منتدى Framework7]]
+* [[مجتمع Framework7 على GitHub]]
-*   [[أمثلة Framework7]]
-*   [[GitHub Framework7]]
+== انظر أيضًا ==
-*   [[دروس تعليمية Framework7 على YouTube]]
-*   [[مقارنة بين أطر عمل تطوير الويب]]
+* [[تطوير تطبيقات الهواتف الذكية]]
-*   [[أفضل ممارسات تطوير تطبيقات الويب]]
+* [[HTML5]]
-*   [[أدوات تطوير الويب]]
+* [[CSS3]]
-*   [[تحسين محركات البحث (SEO) لتطبيقات الويب]]
+* [[JavaScript]]
-*   [[أمان تطبيقات الويب]]
+* [[React]]
-*   [[تصميم تجربة المستخدم (UX)]]
+* [[Vue.js]]
-*   [[اختبار قابلية الاستخدام]]
+* [[Angular]]
-*   [[تحليل البيانات في تطبيقات الويب]]
+* [[Bootstrap]]
+* [[Ionic]]
+* [[Cordova]]
+* [[PhoneGap]]
+* [[Web App]]
+* [[Responsive Web Design]]
+* [[Mobile-First Design]]
+* [[UI/UX Design]]
+* [[التحليل الفني]]
+* [[الخيارات الثنائية]]
-[[Category:الفئة:أطر_عمل_تطوير_الويب]]
+[[Category:الفئة:أطر_عمل_تطوير_الويب]].
 == ابدأ التداول الآن ==