بعد تعلم هذه الدورات او نفس المواضيع
الذي لم يرتاح لدورات السابقة اواي دورات يتم نشرها عليه التوجه الى محرك بحث يوتيوب ويشوف الي مناسبة لة
#تطبقات_الويب
@web_applications
الذي لم يرتاح لدورات السابقة اواي دورات يتم نشرها عليه التوجه الى محرك بحث يوتيوب ويشوف الي مناسبة لة
#تطبقات_الويب
@web_applications
يمكنك الان انشاء صفحات ويب
للتصميم اكثر جماليه وتوفيرا للوقت
يوجد مكتبات تساعدك في عمل مشاريع اكثر جمالية واحتراف
افضلها
BOOTSTRAP
لعمل css وايضا لصفحات اكثر توافقيه معا كل الاجهزه
JQuery
للغة JavaScript
للتصميم اكثر جماليه وتوفيرا للوقت
يوجد مكتبات تساعدك في عمل مشاريع اكثر جمالية واحتراف
افضلها
BOOTSTRAP
لعمل css وايضا لصفحات اكثر توافقيه معا كل الاجهزه
JQuery
للغة JavaScript
Forwarded from محفوضات
تعلم jQuery بإحترافية: https://www.youtube.com/playlist?list=PLDoPjvoNmBAwXDFEEpc8TT6MFbDAC5XNB
✏بعد التوصل الى هاذا المستوى انت قد اكملت تعلم📱 front_end💻
🔰الان ننتقل الى back_end🔝
سوف نختار لغة برمجة لهاذا المستوى php
معا العلم يوجد العديد من الغات لهاذا المستوى
لمعرفة اكثر انتقل الى بداية منشورات القناه
@web_applications
🔰الان ننتقل الى back_end🔝
سوف نختار لغة برمجة لهاذا المستوى php
معا العلم يوجد العديد من الغات لهاذا المستوى
لمعرفة اكثر انتقل الى بداية منشورات القناه
@web_applications
تحتاج في هذا المستوى الى
Server محلي
مثل اباتشي لنظام الويندوز
Server محلي
مثل اباتشي لنظام الويندوز
Forwarded from محفوضات
Learn PHP 5 In Arabic : https://www.youtube.com/playlist?list=PLDoPjvoNmBAzH72MTPuAAaYfReraNlQgM
Forwarded from محفوضات
PHP and MYSQL (OOP) دورة تعلم : https://www.youtube.com/playlist?list=PLF8OvnCBlEY1bFcTW9JKKO7WJn_Bf9LZ1
السلام عليكم
🌐اهلا بكم على هذا القناة 🌐
🗯نتمنا انكم استفدتم من خلال متابعة الدوات السابقة
اذا كنت قد وصلت الى هاذا المستوى.
مبروك عليك فانت قد اجتزت مرحلة متعلم مبتدى بقدر اتقانك لما تعلمتة
💎نصيحة💎
يجب عليكم عمل مشاريع متكاملة لترسيخ الملومات والاجتياز اكبر قدر من المشاكل والأخطاء فبقدر تعرضك للخطأ انت تصل الى النجاح
#تطبيقات_الويب
#WebApplications
@web_applications
🌐اهلا بكم على هذا القناة 🌐
🗯نتمنا انكم استفدتم من خلال متابعة الدوات السابقة
اذا كنت قد وصلت الى هاذا المستوى.
مبروك عليك فانت قد اجتزت مرحلة متعلم مبتدى بقدر اتقانك لما تعلمتة
💎نصيحة💎
يجب عليكم عمل مشاريع متكاملة لترسيخ الملومات والاجتياز اكبر قدر من المشاكل والأخطاء فبقدر تعرضك للخطأ انت تصل الى النجاح
#تطبيقات_الويب
#WebApplications
@web_applications
👨💻أسماء مشاريع 👩💻
سواء front_end او back_end او كلاهما معابعض يكون افضل
✳موقع اخباري
️✳️مدونة تعليمية
✳مكتبة الكترونية
️✳متجر الكتروني
️✳منتدى
️✳️موقع مدرسة
✳️وغيرها الكثير من الافكار والمشاريع
#تطبيقات_الويب
#web_applications
@web_applications
سواء front_end او back_end او كلاهما معابعض يكون افضل
✳موقع اخباري
️✳️مدونة تعليمية
✳مكتبة الكترونية
️✳متجر الكتروني
️✳منتدى
️✳️موقع مدرسة
✳️وغيرها الكثير من الافكار والمشاريع
#تطبيقات_الويب
#web_applications
@web_applications
🍥السلام عليكم🍥
للمبتدئين عليكم متابعة من بداية منشورات القناه 🆙⬆⬆🆙
💯💯💯💯💯💯💯💯💯💯💯
🔴بعد الان نبدا بنشر الأشياء المتقدمة نوعا ما والافكار الي توصلك الى احتراف تطبيقات الويب
🔴التقنيات الجديدة ومتطلبات سوق العمل
#احتراف
#تطبيقات_الويب
@web_applications
للمبتدئين عليكم متابعة من بداية منشورات القناه 🆙⬆⬆🆙
💯💯💯💯💯💯💯💯💯💯💯
🔴بعد الان نبدا بنشر الأشياء المتقدمة نوعا ما والافكار الي توصلك الى احتراف تطبيقات الويب
🔴التقنيات الجديدة ومتطلبات سوق العمل
#احتراف
#تطبيقات_الويب
@web_applications
🔊دورة تعلم بيئة laravel 📶
ممتازه لعمل مشاريع اكثر جمالية وتناسق وامنية MVC
#تطبيقات_الويب
@web_applications
ممتازه لعمل مشاريع اكثر جمالية وتناسق وامنية MVC
#تطبيقات_الويب
@web_applications
مشاهدة "Laravel الدورة الثانية من صفر الى مشروع كامل 5.5" على YouTube
https://www.youtube.com/playlist?list=PLMYF6NkLrdN-DP-AjDOojFRObD99yCsod
https://www.youtube.com/playlist?list=PLMYF6NkLrdN-DP-AjDOojFRObD99yCsod
YouTube
Laravel الدورة الثانية من صفر الى مشروع كامل 5.5
Share your videos with friends, family, and the world
مشاهدة "إحترف نظام WordPress" على YouTube
https://www.youtube.com/playlist?list=PLDoPjvoNmBAwCNR-UIRft5YuVlZKrYh20
https://www.youtube.com/playlist?list=PLDoPjvoNmBAwCNR-UIRft5YuVlZKrYh20
YouTube
Mastering Wordpress [ In Progress ]
Learn how to master WordPress by doing everything you can imagine from setup WordPress with all ways then secure it to create Theme and Plugin and extend Wor...
تطوير تطبيقات الويب
مشاهدة "Laravel الدورة الثانية من صفر الى مشروع كامل 5.5" على YouTube https://www.youtube.com/playlist?list=PLMYF6NkLrdN-DP-AjDOojFRObD99yCsod
✳️يعتبر لارافيل Laravel من أشهر إطارات العمل التي تبنى بها المواقع الإلكترونية في العالم، ففي غضون سنوات قليلة أصبح واحدا من أكثر إطارات العمل طلبا في سوق الشغل، فماهي خصوصيات هذا الفريموورك Framework ؟ وما هي أبرز نقاط قوته ؟
✳️ما معنى إطار العمل ؟
إطار العمل بكل بساطة هو مجموعة من الأدوات التي نجمعها ونربطها مع بعض في مكان واحد وتمكن المطور من القيام بإنشاء مشاريعه في وقت أقل ورفع انتاجيته إلى أقصى حد ممكن.
لكل لغات البرمجة المعروفة إطارات عمل خاصة بها، و PHP واحد من هذه اللغات، فهناك العديد من المهام التي نقوم بها في كل مشروع تقريبا تم دمجها في إطارات العمل الخاصة بهذه اللغة، لارافيل واحد منها، كآليات التسجيل والدخول (Authentication)، الكاش Cache، الإتصال بقاعدة البيانات إلخ… مما يجعل هذه العمليات أكثر سهولة في الإستعمال وإعادة الإستعمال وتكون بذلك في غنى عن إعادة اختراع العجلة التي اخترعها آخرون قبلك 🙂
إطارات العمل مفيدة جدا فيما يخص ترتيب وتنقية الشفرة البرمجية لمشروعك، حيث تكون أكثر قابلية للفهم من طرف أشخاص آخرين يعملون معك على نفس المشروع أو يأتون من بعدك لإستكمال ما بدأته فيجدون أساسا متينا ومفهوما دون بدل أي مجهود في محاولة قراءة وفهم الكود.
✳️مميزات إطار العمل لارافيل
إطار العمل لارافيل مدعوم وموثق بصورة مثيرة للإعجاب فيكفي أن تبحث في غوغل عن حل لأحد المشاكل التي قد تواجهك إلا وتجد عشرات النتائج والأجوبة عن تساؤلاتك وهذه نقطة محورية في نجاح أو فشل أي مشروع مفتوح المصدر على الإنترنت. ونشير إلا أن لارافيل هو الأكثر متابعة على منصة Github من بين جميع أقرانه.
لارافيل كذلك يتميز بسهولته، كتابة وتعلما، فيكفي أن تقارن بينه وبين سيمفوني مثلا لتجد أن الأخير أكثر تعقيدا ومن الصعب على المبتدأ الخوض فيه دون فترة إعدادية لا بأس بها.
✳️نقاط قوة لارافيل
لعل نقطة قوة لارافيل هي تواضعه واستلهامه أفكارا جميلة وإبداعية عند إطارات العمل المنافسة، فلقد أخذ نظام Routing الخاص بسيمفوني وقام بالتعديل عليه ليصنع نظاما خاصا به سهل الإستعمل مقارنة بنظام سيمفوني (بالنسبة للمبتدئين) مع الحفاظ على نقاط قوة الأخير. لارافيل يعتمد أيضا على مكتبة سيمفوني Symfony/Console القوية الخاصة بكتابة سطور الأوامر Command lines ويستعملون كذلك مكتبة SwiftMailer لإرسال والتعامل مع الإيميلات…
فريق عمل لارافيل فهموا أن لا جدوى من إعادة اختراع ما سبقك إليه الآخرون، عوضا عن ذلك استفد مما عند غيرك وأضف عليه لمستك لتخلق الفارق.
💎كخلاصة، لارافيل يقدم لنا مجموعة من الإمكانيات :
🔰نظام لإرسال الإيميلات.
🔰نظام قوالب قوي (Blade).
🔰نظام التعامل مع الروابط Routing System فعال وقوي.
🔰وحدة تجريد والتعامل مع قواعد البيانات Eloquent ORM جد فعالة وسهلة جدا في الإستعمال.
🔰نظام للإثبات الهوية Authentication System جميل ومتطور.
إلخ…
🔰حقن التبعية
🔰كما أن نظام إدارة حقن التبعية Dependency Injection والمسمى IoC يعد من أقوى الأنماط (IoC Design Pattern) المتبعة ويمنح للمطور ليونة ومرونة في التعامل مع الكلاسات والتبعيات. ولتكوين نظرة عن مدى قوة ومدى فعالية هذا النمط يرجى زيارة هذا الرابط.
🔰نمط Model-View-Controller أو MVC
وبطبيعة الحال لارافيل يتبع نظام MVC في ترتيب الكود وتوزيع المهام حيث أن :
Model : يهتم بالتعامل مع قاعدة البيانات.
View : كل ما يراه للمستخدم.
Controller : شرطي المرور الذي ينظم حركة المرور بين Model و View 🙂

💎خلاصة 💎
لارافيل إطار عمل رائع وقوي بكل ما للكلمة من معنى، يجمع بين الجمال والقوة، كما أنه مرن للغاية مقارنة بمنافسيه. المجتمع الداعم له أيضا نشيط ومتفاعل مع كل صغيرة وكبيرة، لذلك لن تجد أي صعوبة في التعلم وإيجاد حلول لمشاكلك، وهذا ما يجعل كل الملتحقين به يقعون في غرامه ويصبح محالا عليهم مفارقته بعد ذلك.
🍥➖➖➖➖➖➖➖➖➖🍥
#web_applications
#تطبيقات_الويب
#احتراف
📲كل مبتدى تابع من البداية 📂
🔝تابعنا تجد كل جديد
@web_applications
✳️ما معنى إطار العمل ؟
إطار العمل بكل بساطة هو مجموعة من الأدوات التي نجمعها ونربطها مع بعض في مكان واحد وتمكن المطور من القيام بإنشاء مشاريعه في وقت أقل ورفع انتاجيته إلى أقصى حد ممكن.
لكل لغات البرمجة المعروفة إطارات عمل خاصة بها، و PHP واحد من هذه اللغات، فهناك العديد من المهام التي نقوم بها في كل مشروع تقريبا تم دمجها في إطارات العمل الخاصة بهذه اللغة، لارافيل واحد منها، كآليات التسجيل والدخول (Authentication)، الكاش Cache، الإتصال بقاعدة البيانات إلخ… مما يجعل هذه العمليات أكثر سهولة في الإستعمال وإعادة الإستعمال وتكون بذلك في غنى عن إعادة اختراع العجلة التي اخترعها آخرون قبلك 🙂
إطارات العمل مفيدة جدا فيما يخص ترتيب وتنقية الشفرة البرمجية لمشروعك، حيث تكون أكثر قابلية للفهم من طرف أشخاص آخرين يعملون معك على نفس المشروع أو يأتون من بعدك لإستكمال ما بدأته فيجدون أساسا متينا ومفهوما دون بدل أي مجهود في محاولة قراءة وفهم الكود.
✳️مميزات إطار العمل لارافيل
إطار العمل لارافيل مدعوم وموثق بصورة مثيرة للإعجاب فيكفي أن تبحث في غوغل عن حل لأحد المشاكل التي قد تواجهك إلا وتجد عشرات النتائج والأجوبة عن تساؤلاتك وهذه نقطة محورية في نجاح أو فشل أي مشروع مفتوح المصدر على الإنترنت. ونشير إلا أن لارافيل هو الأكثر متابعة على منصة Github من بين جميع أقرانه.
لارافيل كذلك يتميز بسهولته، كتابة وتعلما، فيكفي أن تقارن بينه وبين سيمفوني مثلا لتجد أن الأخير أكثر تعقيدا ومن الصعب على المبتدأ الخوض فيه دون فترة إعدادية لا بأس بها.
✳️نقاط قوة لارافيل
لعل نقطة قوة لارافيل هي تواضعه واستلهامه أفكارا جميلة وإبداعية عند إطارات العمل المنافسة، فلقد أخذ نظام Routing الخاص بسيمفوني وقام بالتعديل عليه ليصنع نظاما خاصا به سهل الإستعمل مقارنة بنظام سيمفوني (بالنسبة للمبتدئين) مع الحفاظ على نقاط قوة الأخير. لارافيل يعتمد أيضا على مكتبة سيمفوني Symfony/Console القوية الخاصة بكتابة سطور الأوامر Command lines ويستعملون كذلك مكتبة SwiftMailer لإرسال والتعامل مع الإيميلات…
فريق عمل لارافيل فهموا أن لا جدوى من إعادة اختراع ما سبقك إليه الآخرون، عوضا عن ذلك استفد مما عند غيرك وأضف عليه لمستك لتخلق الفارق.
💎كخلاصة، لارافيل يقدم لنا مجموعة من الإمكانيات :
🔰نظام لإرسال الإيميلات.
🔰نظام قوالب قوي (Blade).
🔰نظام التعامل مع الروابط Routing System فعال وقوي.
🔰وحدة تجريد والتعامل مع قواعد البيانات Eloquent ORM جد فعالة وسهلة جدا في الإستعمال.
🔰نظام للإثبات الهوية Authentication System جميل ومتطور.
إلخ…
🔰حقن التبعية
🔰كما أن نظام إدارة حقن التبعية Dependency Injection والمسمى IoC يعد من أقوى الأنماط (IoC Design Pattern) المتبعة ويمنح للمطور ليونة ومرونة في التعامل مع الكلاسات والتبعيات. ولتكوين نظرة عن مدى قوة ومدى فعالية هذا النمط يرجى زيارة هذا الرابط.
🔰نمط Model-View-Controller أو MVC
وبطبيعة الحال لارافيل يتبع نظام MVC في ترتيب الكود وتوزيع المهام حيث أن :
Model : يهتم بالتعامل مع قاعدة البيانات.
View : كل ما يراه للمستخدم.
Controller : شرطي المرور الذي ينظم حركة المرور بين Model و View 🙂

💎خلاصة 💎
لارافيل إطار عمل رائع وقوي بكل ما للكلمة من معنى، يجمع بين الجمال والقوة، كما أنه مرن للغاية مقارنة بمنافسيه. المجتمع الداعم له أيضا نشيط ومتفاعل مع كل صغيرة وكبيرة، لذلك لن تجد أي صعوبة في التعلم وإيجاد حلول لمشاكلك، وهذا ما يجعل كل الملتحقين به يقعون في غرامه ويصبح محالا عليهم مفارقته بعد ذلك.
🍥➖➖➖➖➖➖➖➖➖🍥
#web_applications
#تطبيقات_الويب
#احتراف
📲كل مبتدى تابع من البداية 📂
🔝تابعنا تجد كل جديد
@web_applications
🌐WordPress🌐
🔰 يعرف ووردبريس (WordPress) على أنه عبارة عن نظام يدير المواقع بشكل عام وخاصة المدونات، حيث تم بناؤه بواسطة لغة (PHP) وقواعد بينات (MSQL) وهذا النظام مفتوح المصدر، والذين قاموا بتطويره بعض المطورين المتطوعين، كانت أول نسخة من الـ (ووردبريس ) تحمل الرقم التالي ( 0.70 )، حيث تم إصدار هذه النسخّة في تاريخ 2003/5/27 من خلال ( مات مولينغ)، أما أحدث نسخة صدرت منهُ هي الّتي تحمّل الرقم ( 4.1 ) حيث يتم توزيع هذا النظام تحت رخصّة تسمّى ( رخصّة جنو العموميّة ) وهي إختصار لـ (GBL) الإصدار رقم (2). خصائص ومميزات نظام الووردبريس يتميز هذا النظام بنظام القوالب: أي أنه يتمكن من تغيير أي تصميم بسلاسة وسهولة، وبداية من الإصدار رقم (3.4) تم الدعم لتعديل القالب والمعاينة بطريقة مباشرةَ وحيّةَ. يتميز هذا النظام بالإدارة المتكاملة للنظام: أي أنه تتوفّر لوحة تحكّم بطريقة متكاملّة للنظام. يختص هذا النظام عن غيره بقدرته على عمل الروابط الصديقّة من خلال محركات البحث. يتميز بدعم الإضافات ( Plugins)، وهي من أهم المميزات والخصائص التي يتصف بها الووردبريس، حيث تضم ما يقارب أكثر من (30 ) ألف إضافة تقريباً. قدرة هذا النظام على إمكانية تكوين وعمل التصنيفات بشكل متداخل (شجري). يتميّز بالتعقيبات والتنبيهات : حيث أنه يقوم بالتنبيه في حال تم الربط بين موضوع وموقع آخر. يتميز نظام الووردبريس بإمكانيته على إنشاء الصفحات الثابتةُ. قدرته على المشاركة في الكتابة مع مجموعة من الأشخاص. يتصف نظام الووردبريس بقدرتّه على إنشاء قائمة من الزوار الّذين قاموا بالكتابّةُ والتعليق في المدونّةُ. القدرة على إيقاف (IP) معيّن من الكتابة والتعليق في المدونّة. قدرة هذا النظام على دعم الوسوم (Tags). يساعد هذا النظام في إنشاء تطبيقات خاصّة في أنظمة الجولات بالإضافة إلى الأجهزة اللوحيّة. يتصف نظام الووردبريس بتقديم شبكّة المدونات (خدمة المدونات المتعددّة) حيث تسمى هذه الصفة بملتي يوزر (WordPress MU) . قدرة نظام الووردبريس على إنشاء أكثر من مدونة في موقع واحد وفي نفس قاعدة البيانات على مجلد فرعي . الووردبريس هو نظام مجاني ولكن قد تحتاج الى الهوست ودومين حيث أنه سهل التعلم والتنصيب بالإضافة الى قدرتك على تغيير الشكل بكل سهولّة من خلال تغيير الثيم
🍥➖➖➖➖➖➖➖➖➖🍥
#WordPress
#ووردبريس
#احتراف
@web_applications
🔰 يعرف ووردبريس (WordPress) على أنه عبارة عن نظام يدير المواقع بشكل عام وخاصة المدونات، حيث تم بناؤه بواسطة لغة (PHP) وقواعد بينات (MSQL) وهذا النظام مفتوح المصدر، والذين قاموا بتطويره بعض المطورين المتطوعين، كانت أول نسخة من الـ (ووردبريس ) تحمل الرقم التالي ( 0.70 )، حيث تم إصدار هذه النسخّة في تاريخ 2003/5/27 من خلال ( مات مولينغ)، أما أحدث نسخة صدرت منهُ هي الّتي تحمّل الرقم ( 4.1 ) حيث يتم توزيع هذا النظام تحت رخصّة تسمّى ( رخصّة جنو العموميّة ) وهي إختصار لـ (GBL) الإصدار رقم (2). خصائص ومميزات نظام الووردبريس يتميز هذا النظام بنظام القوالب: أي أنه يتمكن من تغيير أي تصميم بسلاسة وسهولة، وبداية من الإصدار رقم (3.4) تم الدعم لتعديل القالب والمعاينة بطريقة مباشرةَ وحيّةَ. يتميز هذا النظام بالإدارة المتكاملة للنظام: أي أنه تتوفّر لوحة تحكّم بطريقة متكاملّة للنظام. يختص هذا النظام عن غيره بقدرته على عمل الروابط الصديقّة من خلال محركات البحث. يتميز بدعم الإضافات ( Plugins)، وهي من أهم المميزات والخصائص التي يتصف بها الووردبريس، حيث تضم ما يقارب أكثر من (30 ) ألف إضافة تقريباً. قدرة هذا النظام على إمكانية تكوين وعمل التصنيفات بشكل متداخل (شجري). يتميّز بالتعقيبات والتنبيهات : حيث أنه يقوم بالتنبيه في حال تم الربط بين موضوع وموقع آخر. يتميز نظام الووردبريس بإمكانيته على إنشاء الصفحات الثابتةُ. قدرته على المشاركة في الكتابة مع مجموعة من الأشخاص. يتصف نظام الووردبريس بقدرتّه على إنشاء قائمة من الزوار الّذين قاموا بالكتابّةُ والتعليق في المدونّةُ. القدرة على إيقاف (IP) معيّن من الكتابة والتعليق في المدونّة. قدرة هذا النظام على دعم الوسوم (Tags). يساعد هذا النظام في إنشاء تطبيقات خاصّة في أنظمة الجولات بالإضافة إلى الأجهزة اللوحيّة. يتصف نظام الووردبريس بتقديم شبكّة المدونات (خدمة المدونات المتعددّة) حيث تسمى هذه الصفة بملتي يوزر (WordPress MU) . قدرة نظام الووردبريس على إنشاء أكثر من مدونة في موقع واحد وفي نفس قاعدة البيانات على مجلد فرعي . الووردبريس هو نظام مجاني ولكن قد تحتاج الى الهوست ودومين حيث أنه سهل التعلم والتنصيب بالإضافة الى قدرتك على تغيير الشكل بكل سهولّة من خلال تغيير الثيم
🍥➖➖➖➖➖➖➖➖➖🍥
#WordPress
#ووردبريس
#احتراف
@web_applications
🔴جديد 🔆
إنشاء تطبيق ويب للأجهزة المحمولة
يساعدك تكامل Dreamweaver مع jQuery Mobile على تصميم تطبيق ويب بشكل سريع يعمل على معظم الأجهزة المحمولة مع تكييف نفسه مع أبعاد الجهاز.
✳حول إنشاء تطبيق ويب باستخدام jQuery Mobile
فتح صفحة بداية تشغيل jQuery Mobile، أو إنشاء صفحة HTML5
استخدم صفحة بداية تشغيل jQuery Mobile في Dreamweaver لإنشاء تطبيقك. وبدلاً من ذلك، يمكنك بدء إنشاء تطبيق الويب الخاص بك مع صفحة HTML5 جديدة.
تحتوي صفحة بداية تشغيل jQuery Mobile على ملفات صور، وJavaScript، وHTML ، وCSS والتي تساعدك على بدء تصميم تطبيقك. يمكنك استخدام ملفات CSS وJavaScript المستضافة على CDN، أو خادمك الخاص، أو الملفات المثبتة مع Dreamweaver.
ملاحظة:
لتحديد موقع الملفات المرتبطة، راجع العلامتين <link>و<script src> في طريقة عرض التعليمات البرمجية.
✳إدراج مكونات jQuery Mobile من اللوحة Insert
إدراج مكونات jQuery Mobile من اللوحة Insert إلى صفحة HTML. تحدد ملفات jQuery Mobile CSS وJavaScript نمط المكونات وسلوكها.
✳معلومات عن ملفات jQuery Mobile المحلية وشبكات توفير المحتوى (CDNs)
شبكات CDN
تعتبر CDN (شبكة توفير المحتوى) شبكة كمبيوتر تحتوي على نُسخ من البيانات الموضوعة في أماكن مختلفة داخل الشبكة. عند إنشاء تطبيق ويب باستخدام عنوان URL لشبكة CDN، يتم استخدام ملفات JavaScript وCSS المحددة في عنوان URL لتطبيقك. افتراضيًا، يقوم Dreamweaver باستخدام jQuery Mobile CDN.
وبدلاً من ذلك، يمكنك استخدام عناوين URL وشبكات CDN من المواقع الأخرى مثل Microsoft وGoogle. في طريقة عرض التعليمات البرمجية، قم بتحرير موقع ملفات CSS وJavaScript المحددة في العلامتين <link> و<script src>.
وتكون الملفات التي يتم تنزيلها من شبكة CDN للقراءة فقط.
ملفات jQuery Mobile المحلية
عند تثبيت Dreamweaver، يتم عمل نسخة من ملفات jQuery Mobile ووضعها على جهاز الكمبيوتر لديك. ويتم ربط صفحة HTML التي تفتح عند اختيار صفحة بدء تشغيل (محلي) jQuery Mobile بملفات الصور، وJavaScript، وCSS المحلية.
صفحات بدء تشغيل jQuery Mobile
يوفر لك Dreamweaver صفحات بدء التشغيل التالية لإنشاء تطبيق الويب الخاص بك.
jQuery Mobile (CDN) (CS5.5 والإصدارات الأحدث)
استخدم صفحة بدء التشغيل هذه إذا كنت تخطط لاستضافة مكتبة jQuery Mobile على شبكة CDN.
jQuery Mobile (محلي) (CS5.5 والإصدارات الأحدث)
استخدم صفحة بدء التشغيل هذه إذا كنت تخطط لاستضافة أصولك بنفسك أو إذا كان تطبيقك لا يعتمد على اتصال بالإنترنت.
jQuery Mobile (PhoneGap) (CS5.5 والإصدارات الأحدث)
استخدم صفحة بدء التشغيل هذه، إذا قام تطبيق الويب، عند نشره كتطبيق هاتف محمول، بالوصول إلى ميزات أصلية لأجهزة محمولة. لمزيد من المعلومات، راجع نشر تطبيقات الويب كتطبيقات محمولة أصلية (CS5.5).
✳استخدام صفحات البدء لإنشاء تطبيق للأجهزة المحمولة
حدد File > New.
حدد واحدًا مما يلي حسب طلبك:
Page From Sample > Mobile Starters >jQuery Mobile (CDN).
Page From Sample > Mobile Starters >jQuery Mobile (Local).
Page From Sample > Mobile Starters >jQuery Mobile مزود بـ Theme (محلي).
انقر فوق Create.
في الصفحة التي تظهر، قم بتمكين Follow Links Continuously (View > Live View Options) وقم بالتحويل إلى Live View. استخدم مكونات التنقل لاختبار كيفية عمل التطبيق.
استخدم الخيارات الموجودة في القائمة Multiscreenلمعرفة كيفية عرض التصميم في الأجهزة بأبعاد متنوعة. قم بتعطيل طريقة العرض Live، وارجع إلى طريقة العرض Design.
في اللوحةInsert (Window > Insert) حدد jQuery Mobile. عندئذٍ يتم عرض المكونات التي يمكنك إضافتها إلى تطبيق الويب.
في طريقة العرض Design، ضع المؤشر في المكان الذي تريد إدراج المكون فيه، وانقر فوق المكون في اللوحة Insert. في مربع الحوار الذي يظهر، قم بتخصيص المكونات باستخدام الخيارات.
(jQuery Mobile (محلي), jquery Mobile with Theme (Local)) بعد حفظ ملف HTML، يتم نسخ ملفات jQuery Mobile، بما في ذلك ملفات الصور، إلى مجلد في موقع ملف HTML.
قم بمعاينة الصفحة في طريقة العرض Live. يتم تطبيق بعض فئات CSS في Live view فقط.
✳إنشاء تطبيق ويب للأجهزة المحمولة من صفحة جديدة
يكون المكون Page بمثابة الحاوية لكل مكونات jQuery Mobile الأخرى. قم بإضافة المكون Page قبل متابعة إدراج المكونات الأخرى.
حدد File > New.
حدد Blank Page > HTML.
تستخدم بعض مكونات jQuery Mobile سمات HTML5 معينة. لضمان توافق HTML5 أثناء التحقق، تأكد من تحديد HTML5 على أنها DocType.
في اللوحة Insert (Window > Insert)، حدد jQuery Mobile من القائمة. تظهر مكونات jQuery Mobile في اللوحة.
من اللوحة Insert، اسحب المكون Page إلى طريقة العرض Design.
في مربع الحوار jQuery Mo
إنشاء تطبيق ويب للأجهزة المحمولة
يساعدك تكامل Dreamweaver مع jQuery Mobile على تصميم تطبيق ويب بشكل سريع يعمل على معظم الأجهزة المحمولة مع تكييف نفسه مع أبعاد الجهاز.
✳حول إنشاء تطبيق ويب باستخدام jQuery Mobile
فتح صفحة بداية تشغيل jQuery Mobile، أو إنشاء صفحة HTML5
استخدم صفحة بداية تشغيل jQuery Mobile في Dreamweaver لإنشاء تطبيقك. وبدلاً من ذلك، يمكنك بدء إنشاء تطبيق الويب الخاص بك مع صفحة HTML5 جديدة.
تحتوي صفحة بداية تشغيل jQuery Mobile على ملفات صور، وJavaScript، وHTML ، وCSS والتي تساعدك على بدء تصميم تطبيقك. يمكنك استخدام ملفات CSS وJavaScript المستضافة على CDN، أو خادمك الخاص، أو الملفات المثبتة مع Dreamweaver.
ملاحظة:
لتحديد موقع الملفات المرتبطة، راجع العلامتين <link>و<script src> في طريقة عرض التعليمات البرمجية.
✳إدراج مكونات jQuery Mobile من اللوحة Insert
إدراج مكونات jQuery Mobile من اللوحة Insert إلى صفحة HTML. تحدد ملفات jQuery Mobile CSS وJavaScript نمط المكونات وسلوكها.
✳معلومات عن ملفات jQuery Mobile المحلية وشبكات توفير المحتوى (CDNs)
شبكات CDN
تعتبر CDN (شبكة توفير المحتوى) شبكة كمبيوتر تحتوي على نُسخ من البيانات الموضوعة في أماكن مختلفة داخل الشبكة. عند إنشاء تطبيق ويب باستخدام عنوان URL لشبكة CDN، يتم استخدام ملفات JavaScript وCSS المحددة في عنوان URL لتطبيقك. افتراضيًا، يقوم Dreamweaver باستخدام jQuery Mobile CDN.
وبدلاً من ذلك، يمكنك استخدام عناوين URL وشبكات CDN من المواقع الأخرى مثل Microsoft وGoogle. في طريقة عرض التعليمات البرمجية، قم بتحرير موقع ملفات CSS وJavaScript المحددة في العلامتين <link> و<script src>.
وتكون الملفات التي يتم تنزيلها من شبكة CDN للقراءة فقط.
ملفات jQuery Mobile المحلية
عند تثبيت Dreamweaver، يتم عمل نسخة من ملفات jQuery Mobile ووضعها على جهاز الكمبيوتر لديك. ويتم ربط صفحة HTML التي تفتح عند اختيار صفحة بدء تشغيل (محلي) jQuery Mobile بملفات الصور، وJavaScript، وCSS المحلية.
صفحات بدء تشغيل jQuery Mobile
يوفر لك Dreamweaver صفحات بدء التشغيل التالية لإنشاء تطبيق الويب الخاص بك.
jQuery Mobile (CDN) (CS5.5 والإصدارات الأحدث)
استخدم صفحة بدء التشغيل هذه إذا كنت تخطط لاستضافة مكتبة jQuery Mobile على شبكة CDN.
jQuery Mobile (محلي) (CS5.5 والإصدارات الأحدث)
استخدم صفحة بدء التشغيل هذه إذا كنت تخطط لاستضافة أصولك بنفسك أو إذا كان تطبيقك لا يعتمد على اتصال بالإنترنت.
jQuery Mobile (PhoneGap) (CS5.5 والإصدارات الأحدث)
استخدم صفحة بدء التشغيل هذه، إذا قام تطبيق الويب، عند نشره كتطبيق هاتف محمول، بالوصول إلى ميزات أصلية لأجهزة محمولة. لمزيد من المعلومات، راجع نشر تطبيقات الويب كتطبيقات محمولة أصلية (CS5.5).
✳استخدام صفحات البدء لإنشاء تطبيق للأجهزة المحمولة
حدد File > New.
حدد واحدًا مما يلي حسب طلبك:
Page From Sample > Mobile Starters >jQuery Mobile (CDN).
Page From Sample > Mobile Starters >jQuery Mobile (Local).
Page From Sample > Mobile Starters >jQuery Mobile مزود بـ Theme (محلي).
انقر فوق Create.
في الصفحة التي تظهر، قم بتمكين Follow Links Continuously (View > Live View Options) وقم بالتحويل إلى Live View. استخدم مكونات التنقل لاختبار كيفية عمل التطبيق.
استخدم الخيارات الموجودة في القائمة Multiscreenلمعرفة كيفية عرض التصميم في الأجهزة بأبعاد متنوعة. قم بتعطيل طريقة العرض Live، وارجع إلى طريقة العرض Design.
في اللوحةInsert (Window > Insert) حدد jQuery Mobile. عندئذٍ يتم عرض المكونات التي يمكنك إضافتها إلى تطبيق الويب.
في طريقة العرض Design، ضع المؤشر في المكان الذي تريد إدراج المكون فيه، وانقر فوق المكون في اللوحة Insert. في مربع الحوار الذي يظهر، قم بتخصيص المكونات باستخدام الخيارات.
(jQuery Mobile (محلي), jquery Mobile with Theme (Local)) بعد حفظ ملف HTML، يتم نسخ ملفات jQuery Mobile، بما في ذلك ملفات الصور، إلى مجلد في موقع ملف HTML.
قم بمعاينة الصفحة في طريقة العرض Live. يتم تطبيق بعض فئات CSS في Live view فقط.
✳إنشاء تطبيق ويب للأجهزة المحمولة من صفحة جديدة
يكون المكون Page بمثابة الحاوية لكل مكونات jQuery Mobile الأخرى. قم بإضافة المكون Page قبل متابعة إدراج المكونات الأخرى.
حدد File > New.
حدد Blank Page > HTML.
تستخدم بعض مكونات jQuery Mobile سمات HTML5 معينة. لضمان توافق HTML5 أثناء التحقق، تأكد من تحديد HTML5 على أنها DocType.
في اللوحة Insert (Window > Insert)، حدد jQuery Mobile من القائمة. تظهر مكونات jQuery Mobile في اللوحة.
من اللوحة Insert، اسحب المكون Page إلى طريقة العرض Design.
في مربع الحوار jQuery Mo