KEMO DEV

كود بسيطًا لصفحة تسجيل الدخول وإنشاء حساب باستخدام Vue.js واستخدام API خارجي، مع تنسيق جميل باستخدام CSS. هذا المثال يفترض وجود API للمصادقة وإنشاء الحساب، ولكن يمكنك استبداله بالمصادر التي تستخدمها.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Login and Sign Up</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      background-color: #f4f4f4;
    }
    .container {
      max-width: 400px;
      margin: 50px auto;
      padding: 20px;
      background-color: #fff;
      border-radius: 5px;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }
    .form-group {
      margin-bottom: 20px;
    }
    .form-group label {
      display: block;
      margin-bottom: 5px;
      font-weight: bold;
    }
    .form-group input {
      width: 100%;
      padding: 10px;
      border: 1px solid #ccc;
      border-radius: 3px;
    }
    .form-group button {
      width: 100%;
      padding: 10px;
      background-color: #007bff;
      color: #fff;
      border: none;
      border-radius: 3px;
      cursor: pointer;
    }
    .form-group button:hover {
      background-color: #0056b3;
    }
  </style>
</head>
<body>
  <div id="app" class="container">
    <h2>Login</h2>
    <div class="form-group">
      <label for="username">Username:</label>
      <input type="text" v-model="loginForm.username" id="username">
    </div>
    <div class="form-group">
      <label for="password">Password:</label>
      <input type="password" v-model="loginForm.password" id="password">
    </div>
    <div class="form-group">
      <button @click="login">Login</button>
    </div>
    <hr>
    <h2>Sign Up</h2>
    <div class="form-group">
      <label for="newUsername">Username:</label>
      <input type="text" v-model="signupForm.username" id="newUsername">
    </div>
    <div class="form-group">
      <label for="newPassword">Password:</label>
      <input type="password" v-model="signupForm.password" id="newPassword">
    </div>
    <div class="form-group">
      <button @click="signup">Sign Up</button>
    </div>
  </div>

  <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.min.js"></script>
  <script>
    const app = new Vue({
      el: '#app',
      data: {
        loginForm: {
          username: '',
          password: ''
        },
        signupForm: {
          username: '',
          password: ''
        }
      },
      methods: {
        login() {
          // إرسال طلب لتسجيل الدخول باستخدام API الخاص بك
          console.log('Login form:', this.loginForm);
        },
        signup() {
          // إرسال طلب لإنشاء حساب جديد باستخدام API الخاص بك
          console.log('Signup form:', this.signupForm);
        }
      }
    });
  </script>
</body>
</html>

تأكد من تعديل الكود ليتناسب مع تفاصيل API الخاصة بك، وأيضًا يمكنك تخصيص التصميم وفقًا لاحتياجاتك باستخدام CSS.

لا تنسي متابعتنا ليصلك كل ما هو جديد حول البرمحة 😘🌹✨ حيث ننشر مشاريع برمجة و كتب و معلومات مهمة كل يوم

مجموعه واتساب :- https://chat.whatsapp.com/DjcrjVrIJXj9bA1dYWnZhP

مجموعة تيليجرام :- https://t.me/KimoTechnologyGroop

واتساب :- https://whatsapp.com/channel/0029Va9k1B8JJhzeLUDAdf29

تيليجرام :-
https://t.me/KimoTechnology

فيسبوك :- https://www.facebook.com/KimoTechnologyOfficial

يوتيوب :-
https://youtube.com/@Mohtarefelparmga

#كيمو
#كيمو_تكنلوجي
#تكنلوجي
#تعلم_البرمجة

WhatsApp.com

اسألة حول البرمجة

WhatsApp Group Invite

👍1

668 viewsكامل الطالب, 02:33

KEMO DEV

افضل تطبيق أندرويد لتعلم لغة C++

https://play.google.com/store/apps/details?id=com.codetoinvent.malik.cplusplus

لا تنسي متابعتنا ليصلك كل ما هو جديد حول البرمحة 😘🌹✨ حيث ننشر مشاريع برمجة و كتب و معلومات مهمة كل يوم

مجموعه واتساب :- https://chat.whatsapp.com/DjcrjVrIJXj9bA1dYWnZhP

مجموعة تيليجرام :- https://t.me/KimoTechnologyGroop

واتساب :- https://whatsapp.com/channel/0029Va9k1B8JJhzeLUDAdf29

تيليجرام :-
https://t.me/KimoTechnology

فيسبوك :- https://www.facebook.com/KimoTechnologyOfficial

يوتيوب :-
https://youtube.com/@Mohtarefelparmga

#كيمو
#كيمو_تكنلوجي
#تكنلوجي
#تعلم_البرمجة

560 viewsكامل الطالب, 04:04

KEMO DEV

افضل كتاب لتعلم لغة PHP و قواعد البيانات MYSQL

رابط التحميل :-
https://t.me/KimoTechnology/437

لا تنسي متابعتنا ليصلك كل ما هو جديد حول البرمحة 😘🌹✨ حيث ننشر مشاريع برمجة و كتب و معلومات مهمة كل يوم

مجموعه واتساب :- https://chat.whatsapp.com/DjcrjVrIJXj9bA1dYWnZhP

مجموعة تيليجرام :- https://t.me/KimoTechnologyGroop

واتساب :- https://whatsapp.com/channel/0029Va9k1B8JJhzeLUDAdf29

تيليجرام :-
https://t.me/KimoTechnology

فيسبوك :- https://www.facebook.com/KimoTechnologyOfficial

يوتيوب :-
https://youtube.com/@Mohtarefelparmga

#كيمو
#كيمو_تكنلوجي
#تكنلوجي
#تعلم_البرمجة

585 viewsكامل الطالب, 03:05

KEMO DEV

إليك بعض الكورسات العربية المتميزة على YouTube لتعلم Vue.js:

1. "كورس Vue.js للمبتدئين" من قناة ArabCode: يقدم هذا الكورس مقدمة شاملة وسهلة الفهم لمبادئ Vue.js وكيفية استخدامها في تطوير تطبيقات الويب.

2. "تعلم Vue JS من الصفر حتى الاحتراف" من قناة Mahmoud Ahmed: يغطي هذا الكورس جميع جوانب Vue.js بشكل مفصل، بدءًا من المفاهيم الأساسية وصولًا إلى مستويات متقدمة.

3. "Vue JS 3 بالعربي - مقدمة" من قناة AlkhaleejiTech: يتناول هذا الكورس الميزات الجديدة في Vue.js 3 ويشرح كيفية البدء في استخدامها باللغة العربية.

4. "تعلم Vue JS بالعربي" من قناة OmarElgabry: يعتبر هذا الكورس دليلاً شاملاً لتعلم Vue.js باللغة العربية، مع شروحات واضحة ومثالية للمبتدئين.

لا تنسي متابعتنا ليصلك كل ما هو جديد حول البرمحة 😘🌹✨ حيث ننشر مشاريع برمجة و كتب و معلومات مهمة كل يوم

مجموعه واتساب :- https://chat.whatsapp.com/DjcrjVrIJXj9bA1dYWnZhP

مجموعة تيليجرام :- https://t.me/KimoTechnologyGroop

واتساب :- https://whatsapp.com/channel/0029Va9k1B8JJhzeLUDAdf29

تيليجرام :-
https://t.me/KimoTechnology

فيسبوك :- https://www.facebook.com/KimoTechnologyOfficial

يوتيوب :-
https://youtube.com/@Mohtarefelparmga

#كيمو
#كيمو_تكنلوجي
#تكنلوجي
#تعلم_البرمجة

WhatsApp.com

اسألة حول البرمجة

WhatsApp Group Invite

562 viewsكامل الطالب, 04:29

KEMO DEV

KEMO DEV

‏مستند من ❣️ سبحان الله و بحمد ❣️

755 viewsكامل الطالب, 04:52

KEMO DEV

البرمجة_باستخدام_Node_js_أكاديمية_حسوب_v1_0.pdf

3.5 MB

افضل كتاب لتعلم Node js 🔥✨

❤3

703 viewsكامل الطالب, 22:36

KEMO DEV

خمس طرق للربح من البرمجة:

1. تطوير تطبيقات وبرمجيات مخصصة: يمكنك تطوير تطبيقات أو برمجيات مخصصة للعملاء أو الشركات وتقديمها مقابل رسوم.

2. العمل كمستقل: يمكنك استخدام مهاراتك في البرمجة للعمل كمستقل وتقديم خدمات تطوير البرمجيات للأفراد أو الشركات مقابل مبالغ محددة.

3. إنشاء وبيع المنتجات الرقمية: يمكنك إنشاء منتجات رقمية مثل القوالب، أو السكربتات، أو المكونات الإضافية للبرمجيات وبيعها عبر الإنترنت.

4. التدريس والتدريب: يمكنك استخدام خبرتك في البرمجة لتقديم دورات تعليمية عبر الإنترنت أو التدريب الشخصي للأفراد أو الشركات.

5. الإعلانات والتسويق الرقمي: يمكنك إنشاء مواقع وتطبيقات وتحقيق الربح من خلال عرض الإعلانات أو استخدام أساليب التسويق الرقمي الأخرى مثل التسويق بالعمولة.

لا تنسي متابعتنا ليصلك كل ما هو جديد حول البرمحة 😘🌹✨ حيث ننشر مشاريع برمجة و كتب و معلومات مهمة كل يوم

مجموعه واتساب :- https://chat.whatsapp.com/DjcrjVrIJXj9bA1dYWnZhP

مجموعة تيليجرام :- https://t.me/KimoTechnologyGroop

واتساب :- https://whatsapp.com/channel/0029Va9k1B8JJhzeLUDAdf29

تيليجرام :-
https://t.me/KimoTechnology

فيسبوك :- https://www.facebook.com/KimoTechnologyOfficial

يوتيوب :-
https://youtube.com/@Mohtarefelparmga

#كيمو
#كيمو_تكنلوجي
#تكنلوجي
#تعلم_البرمجة

WhatsApp.com

اسألة حول البرمجة

WhatsApp Group Invite

627 viewsكامل الطالب, 02:19

KEMO DEV

مشروع نظام طلبات الصداقة مثل فيسبوك ✨🔥 باستخدام PHP & MYSQL مع السورس كود مجاني لمن يريد ♥️

مميزات نظام طلبات الصداقة هذا:
تسجيل الدخول والاشتراك .
يمكن للمستخدم إرسال طلب صداقة وقبوله وتجاهله وإلغائه .
طلب الإخطار .
إلغاء صداقة صديق.
إجمالي عدد الأصدقاء .

رابط تحميل المشروع :
https://github.com/chandan-tudu/php-friend-request-system

لا تنسي متابعتنا ليصلك كل ما هو جديد حول البرمحة 😘🌹✨ حيث ننشر مشاريع برمجة و كتب و معلومات مهمة كل يوم

مجموعه واتساب :- https://chat.whatsapp.com/DjcrjVrIJXj9bA1dYWnZhP

مجموعة تيليجرام :- https://t.me/KimoTechnologyGroop

واتساب :- https://whatsapp.com/channel/0029Va9k1B8JJhzeLUDAdf29

تيليجرام :-
https://t.me/KimoTechnology

فيسبوك :- https://www.facebook.com/KimoTechnologyOfficial

يوتيوب :-
https://youtube.com/@Mohtarefelparmga

#كيمو
#كيمو_تكنلوجي
#تكنلوجي
#تعلم_البرمجة

❤2👍1

660 viewsكامل الطالب, 03:51

KEMO DEV

إليك خطوات بسيطة لإنشاء بوت تيليجرام باستخدام PHP:

1. انشاء حساب مطور على تيليجرام:
اذهب إلى تطبيق Telegram وابحث عن "BotFather" ثم ابدأ الدردشة معه. اتبع التعليمات لإنشاء بوت جديد والحصول على رمز الوصول له.

2. إعداد بيئة PHP:
تأكد من تثبيت PHP على جهاز الخادم الخاص بك إذا لم يكن مثبتًا بالفعل.

3. اكتب الكود:
قم بإنشاء ملف PHP جديد واستخدم مكتبة Telegram Bot API لإرسال واستقبال الرسائل من وإلى التيليجرام. يمكنك استخدام مكتبات مثل Telegram Bot API التي توفر واجهات برمجة التطبيقات السهلة للتواصل مع تيليجرام.

ها هو مثال بسيط على كيفية إرسال رسالة من بوت تيليجرام باستخدام PHP:

   <?php
   $botToken = "YOUR_BOT_TOKEN";
   $chatID = "YOUR_CHAT_ID";
   $message = "Hello, World!";

   $url = "https://api.telegram.org/bot$botToken/sendMessage?chat_id=$chatID&text=".urlencode($message);

   file_get_contents($url);

تأكد من استبدال YOUR_BOT_TOKEN برمز الوصول الخاص بالبوت الذي تم إنشاؤه و YOUR_CHAT_ID بمعرف الدردشة الذي ترغب في إرسال الرسائل إليه.

4. استضافة البوت:
قم برفع ملف PHP الخاص بالبوت إلى الخادم الذي يمكن الوصول إليه عبر الإنترنت.

5. تشغيل البوت:
بعد رفع الملف، يمكنك بدء تشغيل البوت عن طريق فتح عنوان الويب الخاص بالملف PHP في المتصفح.

هذه هي الخطوات الأساسية لإنشاء بوت تيليجرام باستخدام PHP. يمكنك توسيع وتعديل الكود وفقًا لاحتياجاتك الخاصة ومتطلبات التطبيق.

لا تنسي متابعتنا ليصلك كل ما هو جديد حول البرمحة 😘🌹✨ حيث ننشر مشاريع برمجة و كتب و معلومات مهمة كل يوم

مجموعه واتساب :- https://chat.whatsapp.com/DjcrjVrIJXj9bA1dYWnZhP

مجموعة تيليجرام :- https://t.me/KimoTechnologyGroop

واتساب :- https://whatsapp.com/channel/0029Va9k1B8JJhzeLUDAdf29

تيليجرام :-
https://t.me/KimoTechnology

فيسبوك :- https://www.facebook.com/KimoTechnologyOfficial

يوتيوب :-
https://youtube.com/@Mohtarefelparmga

#كيمو
#كيمو_تكنلوجي
#تكنلوجي
#تعلم_البرمجة

WhatsApp.com

اسألة حول البرمجة

WhatsApp Group Invite

👍2

770 viewsكامل الطالب, 03:39

About

Blog

Apps

Platform