مواع جاهزه مصمم بـ php HTML CSS JS APIs او كيف تقوم بانشاءها

دايما الشرح لشغله معينه وهنا يتشتت المخ في التطبيق للى ما عنده خبره في
1- اللغه الانجليزيه
2- البرمجه والتصميم
ما يهمنا بالاول ولا الثاني للمبتدى يهمنا الهاوي اللى عنده خبره ما يحتاج
* اول الاشياء المهم لدي الكل يكون عندك
1- موقع مدفوع او مجاني فيه خدمات وانا افضل المدفوع او شئ اسمه سيرفر شخصي
- سيرفر شخصي
- استضافه
2- مهم جدا كما احتكر الانترنت قوقل بجميع الخدمات تحتاج حساب بنكي شخصي لك في رفع او شراء
* ندخل بصلب الموضوع : مثلا انا ابي اسوي موقع ويب وبربطه بالتطبيق جوال واتحكم انا فيه مثلا
1- اول شي اللى بيسوي لك سكربت برمجه خاصه له سعره ويحتاج منك موقع يخصك لرفع
2- واللى بيسوي لك ربط التطبيق جوال لـ الويب له سعره API
3- التصميم يكون بالويب ويشتغل على الكل تنبيه والتحكم بالويب لموقعك
+ انصحكم بحاسوب راماته كبيره ويكون الاتصال بالانترنت قوي
في كل الاحوال : انت تتبخص بالشروح لتفهم البرمجه والاضافات الاخره تسوي من غير تكلفه وتكون فاهم كل الحركات
+ هذي مواقع تفيدنا بشرح الاضافه معي النوع والشكل للاكواد
Result فهي تعني مشاهده النموذج لاي تطبيق
هذا شبه اشهره واسهلهم
https://www.w3schools.com/
خدمات مميزه ومجانيه
https://web.dev/
هذا موقع يحتاج التسجيل وفيه خدمات مجانيه
https://elfsight.com/html-widgets/
خدمه الجافا سكربت وخدمات مميز
http://www.javascriptkit.com/
https://javascript.info/
http://www.dynamicdrive.com/
https://speckyboy.com/open-source-carousel-sliders-css/
* ملاحظات مفيده
1- البرمجه لاي سكربت يصممه يستفيد من هذي المواقع ويمكنك البحث بطريقتك للوصول لمجاني او المدفوع براحتكم

2- البرمجه تضافه على المشهور كتالي لتثبيت الصفحات الرئيسيه وصفحاتها المرتبطه كمثال
- HTML
- php
3- اما اللى تدعي الاضافات التجميليه المرتبطه باي صنف
- CSS
- JS
4- كل شرحي بدأ لـ APIs
الخاص لربط اي تطبيق جوال بالويب وغيره : واستصعبت الشرح له بدقه واحاول بأنشاء تطبيق والربط
- يوجد الان مواقع وبرامج تسمح لك التصميم والرفع وهي كثيره كمثال
https://alsafrany.blogspot.com/2023/02/html-apk.html
وانصحكم بالمتابع للاخ اليمني Amr Pro باليوتيوب
انا استخدم برامج افضلها
1- تصميم Photoshop 7.0 ME
2- تثبيت ويب Microsoft FrontPage 2003
وفيه المطور والاخره
+ مجموعه اكواد بس تحتاج الربط لويب او اي برمجه
كود الجنس

<div class="form-check">
 <input class="form-check-input position-static" type="radio" name="blankRadio" id="blankRadio1" value="option1" aria-label="...">
ذكر</div>
<div class="form-check">
 <input class="form-check-input position-static" type="radio" name="blankRadio" id="blankRadio1" value="option1" aria-label="...">
انثي</div>

كود تثبيت الخيارات مثلا ويمكنك تكرره شاهد المثال

<div class="form-check">
 <input class="form-check-input position-static" type="checkbox" id="blankCheckbox" value="option1" aria-label="...">
</div>

كود منع الاختيار حسب الشروط

<div class="form-check">
 <input class="form-check-input" type="checkbox" value="" id="defaultCheck2" disabled>
 <label class="form-check-label" for="defaultCheck2">

   منع الاضافات حسب الشروط
 </label>
كود خانه وضع الوصف مثلا
 

<div class="mb-3">
   <textarea class="form-control is-invalid" id="validationTextarea" placeholder="Required example textarea" required rows="6" cols="43"></textarea>
   <div class="invalid-feedback">

كود رفع ملف او صوره

<p>
   <input type="file" class="custom-file-input" id="validatedCustomFile" required></p>

كود جمع الاقسام

<select class="custom-select">
 <option selected>مواقع هايف فايف</option>
 <option value="1">مدونه</option>
</select>

كود خانه وضع الاسم والايميل والرقم السري والجوال

<p>  
     <input type="text" class="form-control" placeholder="الاسم"></p>

كود ساعه بخانه

<form name="Tick">
<input type="text" size="11" name="Clock">
</form>
<script>
/*By George Chiang (JK's JavaScript tutorial)
Credit must stay intact for use*/
function show(){
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
var dn="AM"
if (hours>12){
dn="PM"
hours=hours-12
}
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
document.Tick.Clock.value=hours+":"+minutes+":"
+seconds+" "+dn
setTimeout("show()",1000)
}
show()
</script>

كود تاريخ اليوم واسم الشهر

<script>
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December")
document.write("<small><font color='000000' face='Arial'><b>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+"</b></font></small>")
</script>
كود تاريخ مرقم
<script>
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()+1
if (month<10)
month="0"+month
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
document.write("<small><font color='000000' face='Arial'><b>"+month+"/"+daym+"/"+year+"</b></font></small>")
</script>

كود عرض صور نجرب

<script>
var current= new Date()
var day_night=current.getHours()
if (day_night<=12)
document.write("<img src='day.gif'>")
else
document.write("<img src='night.gif'>")
</script>

انتبه للاختلاف رابط
<script type="text/javascript" src="رابط الملف"></script>
وكود ثاني
<script type="text/javascript">
// هنا يتم كتابة أكواد الجافا سكريبت
</script>
وكود ثالث
<link rel="stylesheet" type="text/css" href="css3clock.css" />
في الاخير : انا راح اوضح لكم شبه الاحتراف في تصميم ويب وربطه بتطبيق جوال من غير برمجه كأحتراف وهو المهم بس هذا ينقصني
مكونات الفكره : اضافات ويب وجافا سكربت
نوع التصميم : يدوي انت تتحكم فيه فقط
تمتع معنا بموقعنا
+++
نوع التصميم : برمجه سكربت ويب وهو الاهم يكون تحكم شخصي وزائر حسب الصلاحيات
اقرب مثال نفس المنتديات يكون التحكم : ولكن الاختلاف هو انك تشرط على الاضافات والحركات
+++
انواع البرمجه والتطبيق كتالي فيها اختلاف
1- عرض ومشاهده فقط وانت تتحكم فيه
2- عرض ومشاهده والناس تشارك معك وانت تتحكم بكل شي
ملاحضات وشروح على الطاير :
الربط بواجهة برمجة التطبيقات API
تعد واجهة برمجة التطبيقات (API) مجموعة من القواعد يمكن من خلالها الربط والتواصل مع خدمة أو موقع أو تطبيق أو برنامج عن بعد برمجيًا، بحيث يكون التواصل وتبادل البيانات بين النظام والتطبيق أسهل، وهذا ما يوفره لك دفترة لاستخدامه في الربط مع تطبيقك أو برنامجك مثل المتاجر الإلكترونية وتطبيقات الحجوزات والخدمات
اضغط على “الإعدادات” من القائمة الرئيسية
اضغط على “API“
اضغط على “API Keys” لإنشاء مفتاح ربط
اضغط على “Generate API key“
في حقل “الاسم“، أدخل اسم التطبيق المطلوب الربط معه
اضغط على زر “أرسل“
للعثور على التعليمات البرمجية التي سينفذها فريق البرمجة لديك، اضغط على “API Docs” من قائمة “API“
الربط الالكتروني API
كيف تعمل خدمة الربط الإلكتروني؟
عن طريق مزامنة المتجر الإلكتروني مع قيود. فعند إتمام أي عملية شراء على متجرك الإلكتروني تتسجل فاتورة جديدة تلقائيًا في قيود. لتبني لك إدارة محاسبية لموقعك، ستنعكس العمليات على جميع أنواع التقارير وستتضح المبيعات والوضع المالي في أي فترة زمنية يتم تحديدها
ما الأعمال التي تستفيد من خدمة الربط الإلكتروني؟
جميع الأنشطة التجارية التي تقدم خدماتها أو تبيع منتجاتها عن طريق المواقع الإلكترونية أو تطبيقات الأجهزة الذكية
كيف أستفيد من خدمة الربط الإلكتروني؟
إذا كنت تملك متجر إلكتروني أو تطبيق وترغب بربط جميع العمليات المحاسبية في الموقع الإلكتروني أو التطبيق لتنتقل بشكل تلقائي لبرنامج قيود وتنعكس على صفحة التقارير
هل يوجد رسوم لخدمة الربط الإلكتروني؟
تُقدم خدمة الربط الإلكتروني بشكل مجاني
ما آلية تفعيل خدمة الربط الإلكتروني؟
يتم تفعيل الربط الإلكتروني تلقائيًا بالذهاب إلى الإعدادات العامة ثم إصدار مفتاح للربط وحفظه
أين أجد معلومات الواجهة البرمجية API Documentation؟
يمكن الاطلاع على الواجهة عبر الرابط التالي https://apidoc.qoyod.com
كم تستغرق مدة الربط بين قيود و المتجر الإلكتروني؟
يعتمد ذلك على المبرمج وعلى التطبيق أو الموقع الخاص بكم ومدى جاهزيته
هل يتم تقديم خدمة الربط الإلكتروني من قبل مبرمجين قيود؟
لا، يعتمد العمل على برمجة الربط الإلكتروني من قبل المبرمج الذي يعمل معكم، ولا يتم تقديم الخدمة من قبل مبرمجين قيود
========================================
موقع يكشف لك محتوي نوع البرمجه
https://whatcms.org/
https://builtwith.com/
https://w3techs.com/sites
طريقة معرفة استضافة اى موقع على الانترنت
https://hostingchecker.com/
https://www.who-hosts-this.com/
تفعيل الاعدادات لتشغيل AVI بالحاسوب
Intel QuickSync Decoder
https://sourceforge.net/projects/qsdecoder/
SM Player
https://www.fosshub.com/SMPlayer.html
VLC Media Player
https://www.videolan.org/index.ar.html
Contact information
+ في اشياء مهم
- Dynamic متحرك ويختص باسم الديناميكي
- rest api طريقة من طرائق الوصل بين الحواسيب عبر الإنترنت، تمكن المواقع من الحصول على المعلومات من الحواسيب باستعمال قواعد وعمليات محددة
هذي مواقع مفيده
https://www.odoo.com/ar
https://www.youtube.com/watch?v=BPC_4NROssg
موقع بحث
https://www.topwealthinfo.com/
https://www.findresultsnow.co/
مواقع مجانيه
https://afdalhosting.com/free-web-hosting/
مواقع لـ php
https://dunweber.com/docs/scripts/