Najah Alsaker

منذ 8 ساعة

بتاريخ 13 دقائق مضت قال NAIF:

مرحبا واهلا وسهلا بك،@Najah Alsaker

اخي الفاضل انا اقصد الاستعلام من الرابط اي ان السكربت الخاص بي يعتمد على الاستعلام من الرابط لإضهار المحتوى المحدد اي اوريد تعديل شكل الرابط فقط ليس الملف

مرحا @NAIF
نعم في كل الاحوال يمكنك التعديل على الرابط بالشكل الذي تريد

اذا كان المشروع الخاص بك يحتوى على ملفات HTML مترابطه ببعضها يمكنك تغير اسم ملف الHTML وسيتغير الاسم بشكل تلقائي مع الاخذ بالاعتبار تغير الاسم الجديد داخل المشروع الخاص بك

اما اذا كنت تستخدم PHP يمكنك ذلك عن طريق تغير المسار الخاص بعرض الصفحه المشار اليها
في اطار عمل Laravel مثلا
يتم تعريف المسارات بهاذا الشكل

 Route::get('latest-feeds', 'latestFeeds');

اي انه عند كتابه
www.example.com/latest-feeds
سيعرض البيانات المراد عرضها في هذا المسار حسب الاسم المعطى له

بالتوفيق

منذ 9 ساعة

مرحبا @NAIF

بتاريخ 30 دقائق مضت قال NAIF:

السؤال الاول هل يمكن تعديل إمتداد ملف index.php في الرابط و تحويلة إلى

لا يمكن تعديل امتداد ملف يحتوى على اكواد PHP الى امتداد HTML .

بتاريخ 30 دقائق مضت قال NAIF:

السؤال الثاني هل يمكن تعديل شكل رابط هذه الصفحة من showpost.php?p=1043871558&postcount=1

وتحويلة إلى

p1043871558c1.html

نعم يمكنك ذلك عن طريق التحكم في ال path الخاص بالعرض في المشروع .

بتاريخ 30 دقائق مضت قال NAIF:

السؤال الثالث هل يمكن تعديل شكل الرابط هذه الصفحة من showthread.php?t=3126301

و تحويلة إلى t3126301.html

كما ذكرت سابقا اذا كان محتوى الملف اكواد PHP فلا يمكن تغير صيغته الى HTML اما اذا كان يحتوى على اكود HTML فلا مانع في ذلك

بتاريخ 30 دقائق مضت قال NAIF:

و سؤال اخر هل اعدل في ملفات php ام لا

اذا اردت كتابه HTML داخل PHP يمكنك ذلك كما في المثال :

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>صفحة HTML داخل PHP</title>
</head>
<body>
    <h1>مرحبًا بك في الصفحة HTML داخل PHP</h1>

    <h1>Welcom <?php echo "Hello From PHP" ?></h1>


</body>
</html>

ونظرا لأن PHP هي لغة برمجة نصية من جانب الخادم ، يتم تفسير التعليمات البرمجية و تشغيلها من جانب الخادم و بشكل افتراضي لا يتم اكتشاف علامات PHP في ملف ال HTML الخاص بك و تعتبر مجرد نص عادي يتم إخراجها بدون تحليل و ذلك لأن لغه PHP تحتاج الى server او خادم حتى تعمل
فإذا كنت ترغب في تشغيل ملفات HTML في PHP ، فيمكنك و من الأفضل لك وضع كود PHP و HTML بامتداد PHP

بتاريخ 30 دقائق مضت قال NAIF:

و سؤال اخر كيف يمكن حماية ملف config.php بدون ملف htaccess

يمكنك ذلك عن طريق جعله غير قابل للقراءة أو الكتابة أو التنفيذ من قبل المستخدمين الآخرين على الخادم
بالتوفيق لك ..

منذ 10 ساعة

Public API : بناءا على اسمها public والذي يعني عام اي انها متاحة للاستخدام من قبل المطورين الخارجيين واي شخص اخر كما انها نتشر بشكل علني وليس هناك حاجة لموافقة خاصة عند استخدامها وتستخدم لبناء تطبيقات او خدمات تعتمد على هذه البيانات

Private API : ايضا بناءا على اسمها انها خاصة اي انها تستخدم فقط داخل شركة او منظمة معينة وهي غير متاحة للعلن كما انها تستخدم للتواصل بين التطبيقات والخدمات داخل المنظمة التي تستخدمها ك تواصل التطبيق مع قواعد البيانات الخاصة بالشركة او المنظمة وغالبا ما تكون اكثر حماية وامان

اي بشكل مختصر يتم استخدام Public API لتوفير الوصول إلى الخدمات والبيانات للجمهور العام أو المطورين الخارجيين، في حين يتم استخدام Private API للتواصل الداخلي والتكامل بين تطبيقات وخدمات منظمة معينة

وبالتوفيق لك

4 مايو

اولا دعني اوضح لك باختصار ما وظيفة كل ماذكرته على حدى ثم اجيبك على اسئلتك لتتوضح الفكرة لديك اكثر

UX او ما يعرف بتجربة المستخدم : من اسمها هي تهدف لفهم متطلبات المستخدم والتوجه لتصميم التطبيق بناءا على راحة المستخدمين

Frontend : هو الجزء البرمجي الذي يقوم بتصميم الواجهة الامامية للتطبيق وغالبا ما يكون بلغات ال html , css ,javaScript

Backend : هو الجزء البرمجي الخلفي للتطبيق والذي لا يكود مرئيا عادة ولكنه يدير عمليات الجزء الامامي اي انهما مرتبطان ببعضهما

بتاريخ 15 دقائق مضت قال محمود السعيد عوف:

اولا هل ال UX يعتمد علي الباك ايند والفرونت ايند معا ام فرونت اند فقط

انه يعتمد على الفرونت بشكل اكبر بكثير حيث انني كما ذكرت سيكون التصميم الهيكلي للواجهة ولكنه ايضا يحتاج للتفكير بالجزء الخلفي كجعل عمليات الدفع سريعة وامنة مثلا

بتاريخ 16 دقائق مضت قال محمود السعيد عوف:

وهل تصميم المواقع الالكترونية من الممكن ان يعتمد ايضا علي الفرونت اند فقط

ذلك يعود الى طبيعة الموقع الذي لديك فغالبية المواقع تحتوي على قاعدة بيانات وبالتالي يجب علينا استخدام الباك اند ايضا اما بالنسبة لصفحات الهبوط كصفحة انطلاق لمنتج مثلا فبالتالي لا داعي لاستخدام الباك ويكفي فقط استخدام الفرونت مع استخدام القليل من الجافاسكريبت لجعلها تفاعلية اكثر

بتاريخ 19 دقائق مضت قال محمود السعيد عوف:

وما هي اللغات المستخدمة في تصميم المواقع الالكترونية ام لا يعتمد علي لغات برمجة بل يعتمد علي البرامج مثل Figma , Adobe XD ؟

كما ذكرنا ان المواقع في برمجتها مقسومة الى قسمين الجزء الامامي والجزء الخلفي

بالنسبة للجزء الامامي Frontend : فأن اللغات الاكثر شيوعا واستخداما هي html,css,javaScript

بينما الجزء الخلفي ال back end فأن اختيار اللغة المناسبة يعتمد على متطلبات مشروعك ومن اهم هذه اللغات واكثرها شيوعا php , python , javaScript

اما بالنسبة لبرامج Figma , Adobe XD فهي ليست برامج لكتابة الاكواد البرمجية ب يمكنك تشبيهها الى برنامج الفتوشوب مثلا حيث انك تقوم بتصميم الموقع باستخدامها اولا ثم تحويل هذا التصميم الى كود front end واخيرا تطبيق ال back end ليصبح الموقع كاملا ومتكاملا

اظن ان كل شيء اصبح واضحا بالتفصيل الان

بالتوفيق ان شاء الله

3 مايو

بتاريخ 22 دقائق مضت قال ايمن ميلاد:

في php لمعرفة صلاحيات مستخدم نستخدم جلسات session اما في إطار عمل لارافيل ماذا نستخدم الحظ بعض يستخدم كلاس يسمي Auth

نعم ذلك صحيح وهو ما يعرف بالاستيثاق يمكنك التعمق به اكثر من خلال هذه الدروس والمقالات

https://wiki.hsoub.com/Laravel/authentication

https://io.hsoub.com/laravel/100860-ال-auth-في-laravel

و بالتوفيق لك

3 مايو

بتاريخ منذ ساعة مضت قال ايمن ميلاد:

لماذا اغلب استعمال إطار عمل لارافيل

عبارة دوال مربوطه ببعضها methods chaining

هناك أسباب كثيرة تجعلنا نستخدم methods chaining ومنها :

يسهل methods chaining فهم تتابع الكود وقراءته بشكل افضل ويجعل الكود أكثر سلاسة وسهولة اثناء التعديلات مستقبلا .
في بعض الاوقات تحسن methods chaining من أداء التطبيق بشكل عام، على سبيل المثال يمكن تجنب تحميل البيانات من قاعدة البيانات بشكل متكرر عند استخدام الـ eager loading فيLaravel وبهذا ستحصل على سرعه واداء فاضل اثناء عمل التطبيق .

بتاريخ منذ ساعة مضت قال ايمن ميلاد:

هل كلهم عبارة انه يرجعو return $this

ليس بالضرورة ذلك يمكنهم ارجاع قيم مختلفة كما في هذا المثال الخاص بتسجيل الدخول والذي يقوم بأرجاع قيمة منطقية او قيمة

public static function isLoggedIn($userId)
    {
        $user = User::find($userId);

        if ($user) {
            return $user->is_logged_in;
        }

        return false;
    }

بتاريخ منذ ساعة مضت قال ايمن ميلاد:

ممكن شرح colon في php :: عبارة عن نقطتين وراء بعض

علامة (::) تمسى (scope resolution operator)
تستخدم للوصل الى الدوال والمتغيرات داخل الكلاس
كما في المثال التالي :

class MyClass {
    const MY_CONSTANT = 10;

    public static function myFunction() {
        return "Hello";
    }
}

echo MyClass::MY_CONSTANT;
echo MyClass::myFunction();

اولا قمنا باستخدامه للوصول الى الثابت MY_CONSTANT الموجودة داخل الكلاس MyClass

ثم استخدمناه ايضا لاستدعاء الدالة myFunction الموجودة في الكلاس MyClass

و ماهو 
-> arrow operator

يستخدم للوصول إلى الخصائص والدوال لكائنات الكلاس
كمثال

class Person {
    public $name;

    public function sayHello() {
        return "Hello, my name is " . $this->name;
    }
}

$person = new Person();
$person->name = "John";
echo $person->sayHello(); // يُطبع "Hello, my name is John"

اولا استخدمناه للوصول الى الخاصية name وتعيين القيمة John لها

ثم استخدمناها ايضا لاستدعاء الدالة sayHello الموجودة في الكلاس Person

بالتوفيق لك

26 أبريل

لا اعلم لماذا تبحث عن بدائل بدلا من استخدام الكود الاساسي حيث انك بهذه الطريقة ستصعب الامور عليك اكثر

ومبدئيا لا يوجد بديل مباشر للدالة prompt ولكن دائما ما يمكننا الحصول على ما نريد بالبرمجة بطرق ملتوية غير مباشرة لذلك يمكنك اخبارنا بما تريد فعله بالضبط لنتمكن من مساعدتك بشكل افضل

وبالتوفيق ...

26 أبريل

يمكنك استخدام الكلمة import لاستيراد الاكواد من ملفات اخرى والكلمة export لتصدير الأكواد من ملفك الحالي ولكن قبل استخدامها يجب عليك التأكد بان النظام لديك يدعم ES6 Modules والان دعنا نأخذ ذات المثال مكتوب بكلا الطريقتين لتفهم اكثر كيف تسير الامور

require :

لدينا هذا الكود في ملف math.js وقمنا بعمل export للدالة add التي تقوم بعملية الجمع

function add(a, b) {
    return a + b;
}

// Export the  function
module.exports = add;

الان لعمل استيراد باستخدام ال require نستخدم الكود التالي :

const add = require('./math.js');
console.log(add(2, 3));

سيعطينا النتيجة 5 والان لنشاهد كيف تسير الامور بالطريقة الاخرى

import :

نقوم بعمل export للدالة ب ملف ال math.js كالتالي

export function add(a, b) {
    return a + b;
}

ثم يمكننا القيام باستدعائها بهذه الطريقة

import { add } from './math.js';
console.log(add(2, 3));

وسيعطينا ذات النتيجة 5

كما انه يمكنك قراءة هذه المقالات للتعرف اكثر عن كلا الطريقتين

بالتوفيق لك

24 أبريل

تطبيقات apex معروفة بتوفر ميزات امان عالية وقوية بها ولكن مثل اي تطبيق اخر قد تحتوي على ثغرات امنية وهذه قائمة باشهرها متحدثة عنهم باختصار

Injection Attacks : حيق يستطيع المهاجمون من خلالها تنفيذ أوامر غير مصرح بها أو سرقة بيانات المستخدمين
Weak Authentication and Session Management : عندما لا تقوم بادارة الجلسات بشكل صحيح قد يؤدي ذلك الى اختراق تطبيقك
Insecure Direct Object References : وصول المهاجمين الى موارد غير مصرح لهم بها عن طريق تعديل بيانات الطلبات
Cross-Site Request Forgery (CSRF) : يمكن للمهاجمين إجبار المستخدمين على تنفيذ أوامر غير مصرح بها عن طريق إرسال طلبات مزورة

والان بعد ما قمنا بالتعرف على اشهر الثغرات دعنا نأخذ اهم طرق حلها واكتشافها :

تحديث البرامج : تأكد دائما من استخدامك لاحدث النسخ من البرامج والمكتبات التي تستخدمها في مشروعك لضمان وصول تحديثات الامان لديك
استخدام ادوات تقييم الامان : استخدام أدوات تقييم الأمان مثل Oracle Application Express Advisor لتحليل تطبيقك واكتشاف الثغرات المحتملة
استخدام مبادئ الأمان : وذلك عبر تنقيح المدخلات وتجنب استخدام المدخلات الضارة
التحقق من الهوية وإدارة الجلسات : استخدام إجراءات اعتماد قوية مثل تعقب الجلسات واستخدام الجلسات المؤقتة

كما انه يمكنك مشاهدة هذه المقالات والدروس المقدمة من اكاديمية حسوب للتعمق اكثر حول مجال الحماية والثغرات الاكثر انتشارا

https://academy.hsoub.com/devops/security/

وبالتوفيق لك

20 أبريل

هي بيانات نضيفها لتحديد خصائص ومعلومات محددة للبيانات الاخرى الموجودة في صفحة الويب وتستخدم لاغراض مختلفة ك تحسين محركات البحث او تنظيم البيانات والكثير ايضا ..

ساعطيك عدة امثلة عن كيف نستخدمها في صفحات ال html لكي تتوضح الفكرة لديك بشكل اكبر

دائما ما نلاحظ هذا السطر مكتوب في وسم ال head في صفحة ال html

    <meta charset="UTF-8">

والذي يستخدم لتحديد ترميز الحروف المستخدمة بالصفحة ويسمح لنا باستخدام مجموعة كبيرة من اللغات والرموز

 <meta name="description" content="وصف صفحتك هنا">

هنا نضع وصف مختصر للصفحة الخاصة بنا اي ك كلمات مفتاحية وبالتالي سنساعد محركات البحث في ايجاد صفحتنا وعرضها بشكل اكبر وافضل

 <meta name="author" content="اسم الكاتب">

هنا تحدد اسم الشخص او الكاتب الذي قام بكتابة هذه الصفحة

كل هذه عبارة عن metadata

كما انه يمكنك قراءة هذه المقالات للتعمق اكثر بهذا الموضوع

https://wiki.hsoub.com/HTML/meta

و بالتوفيق لك...

19 أبريل

بالتأكيد سأعطيك مثالين سيوضحان لماذا عليه استخدام الخوارزمية في اماكن و الهيورستيك في اماكن اخرى

لنفترض انه لدينا مجموعة الارقام هذه ونريد ايجاد العدد الاكبر منها فما هي الطريقة المناسبة للحل ؟؟؟ دعنا نحلها على الطريقتين لنجد الافضل

20 , 8 , 6 , 15 , 7 , 8 , 3

algorithmic solutions : بهذه الطريقة نبدأ ب العنصر الأول ونقارن كل عنصر بالعنصر الذي يليه للعثور على العدد الأكبر وسيظهر الناتج 20 وهذه هي الطريقة الصحيحة لحل هذه المشكلة
heuristic solutions : هنا ستقوم بافتراض ان العدد الاوسط ممكن ان يكون الاكبر لانه غالبا ما يكون كذلك وبالتالي قد تعطينا نتيجة خاطئة والتي هي 15 مثلا لذلك لا يمكننا استخدامها بهذا النوع من المشاكل , صحيح انه لم تأخذ وقت وخطوات كثيرة ولكنها في النهاية اعطتنا نتيجة خاطئة

لذلك يمكننا استخدامها في المثال التالي مثلا :

لنفترض انه لديك 3 خيارات للوصول الى المدرسة والتي هي

الدراجة -  السيارة - سيرا على الاقدام

ماهي الطريقة الاسرع للوصول الى المدرسة

algorithmic solutions : سيقوم بحساب سرعة كل وسيلة ويستخدم قوانين الفيزياء لحساب نتيجة اسرع طريقة
heuristic solutions : سيعطيك نتيجة سريعة والتي هي السيارة لان السيارة هي الاسرع عادة

وبالتالي اصبح الفرق واضح وبسيط بحيث ان الخوارزمية تستخدم للخطوات الدقيقة كالعمليات الرياضية بينما الهيورستيكية تستخدم التفكير المنطقي والتي يكثر استعمالها في تطوير نماذج الذكاء الصناعي

وبالتوفيق لك ..

19 أبريل

algorithmic solutions : تهدف الى إيجاد الحل الأمثل أو الصحيح للمشكلة التي تواجههنا من خلال كتابة خطوات منطقية ومحددة وكما ان الحلول هذه تعتبر دقيقة ومضمونة بينما

heuristic solutions : هي طريقة للتوجيه او لوضع قواعد عامة تستخدم لحل هذه المشكلة ولا تهدف الى اتباع خطوات دقيقة كالالفوريثم وتهدف الى الوصول الى حل مقبول للمشكلة بسرعة وتكلفة اقل وقد تعطي نتائج اقل دقة من الالغوريثم ولكنها اكثر فعالية في في المشاكل الكبيرة والمعقدة التي قد تكون صعبة الحل بالطرق التقليدية

باختصار، الحلول الألكوريتمية تركز على الدقة وتوفير الحل الأمثل، بينما الحلول الهيورستيكية تركز على السرعة والكفاءة في الوصول إلى حل مقبول أو جيد دون الحاجة إلى اتباع خطوات دقيقة.

بالتوفيق لك

19 أبريل

عند انشاء صفحة html تقومين بحفظها بامتداد .html على سبيل المثال index.html وبالتالي ستذهبين الى مسار هذا الملف وتقومين بفتحه بشكل طبيعي وسيفتح على المتصفح بحيث ان لغة ال html لا تحتاج الى سيرفر لتشغيلها

ان قمت باتباع هذه الطريقة فستفتح الصفحة بشكل طبيعي على المتصفح الخاص بك وستظهر النتيجة ايضا ولكنك بحاجة الى تحديثها كلما اجريتي اي تحديثات على الكود الخاص بك لذلك نقوم بتثبيت اضافة live server ليتم تحديث الصفحة بشكل تلقائي كلما اجريتي تعديلات على الكود الخاص بك

ولتثبيت هذه الاضافة اتبعي الخطوات التالية :

اذهبي الى برنامج vsCode
من الشريط الجانبي اختاري ايقونة الاضافات

image.png.d16e84b8583307a4276215caa3386a2f.png

ثم قومي بالبحث على live server وقومي بتثبيت اول نتيجة

image.png.83f945a28d18617e1de2c12f779592fa.png

الان اضغطي ب زر الفأرة الايمن بأي مكان داخل صفحة الhtml واقومي باختيار open with live server

image.png.1e32773caddb6fd8ab8ee4dbe2d30b13.png

وسيفتح الان بشكل تلقائي في المتصفح الافتراضي للنظام

وبما انك بدأتي بتعلم الhtml من جديد يمكنك الاستفادة من موسوعة حسوب الخاصة بدراسة ال html من هنا

ومتابعة دروس ال html من هنا

وبالتوفيق لك في مسيرتك الدراسية ..

19 أبريل

يمكنك قراءة شروط التقدم للامتحان من هنا حيث أنه هناك شرط أن تكون مطبق المشاريع مع المدرب وللاستفسار أكثر يمكنك التواصل مع مركز الدعم الخاص بالأكاديمية من هنا

وبالتوفيق لك...

15 أبريل

بتاريخ 2 دقائق مضت قال نجاة العبد الرحيم:

تمام عفوا ما انتبهت على الرغم بس خلص الفيديو فكرت علقت تحته.

لا مشكلة في ذلك و بالتوفيق لك..

15 أبريل

وعليكم السلام

الرجاء التعليق اسفل الفيديو الخاص بشرح الدرس ستجدين هذا المستطيل في نهاية الصفحة تضيفين التعليق من خلاله

image.png.7f06e4f524e47007da64b202f4a41d6a.png

15 أبريل

تحديد المتطلبات من خلال التحدث مع العميل : في هذه الخطوة تقوم بسؤال العميل ماهي المتطلبات التي يردها في مشروعه وتدوينها بمكان ما ثم تحليلها

اي على سبيل المثال ان كان يريد عمل متجر الكتروني ستسفسره منه ما الذي يريد عرضه بالتفصيل هل هناك انواع لبضاعته ان كان كذلك فأن بحاجة لانشاء اكثر من نوع او سؤاله ان كان هناك شروط اي ان هناك اشتراك شهري للعميل او ان له كمية محددة يمكنه طلبها خلال شهر واحد او غير ذلك

اي باختصار يجب سؤاله عن جميع ما يريده وشروط عمله بالتفصيل لتحويلها لمشروع برمجي

تصميم UI UX بالتعاون مع مصمم : في هذه الخطوة تقوم بتصميم نماذج حسب ما يريد العميل وارسالها له وسؤاله ان كان يحتاج الى اي تعديلات ثم بعد الاتفاق على التصميم المطلوب تبدأ المرحلة التالية
برمجة frontend + backend : هنا تقوم بتحويل التصميم الذي تم الاتفاق عليه الى كود برمجي بأستعمال ال frontend ثم ستقوم بتحويل متطلبات العميل والشروط التي تم الاتفاق عليها الى كود برمجي باستخدام ال backend ولكن قبل العمل بالجزء الخلفي يجب عليك الانتباه الى خطوة مهمة جدا والتي هي
تنسيق جداول قاعدة البيانات : هنا ستبدأ بدراسة مشروعك ماهي الجداول التي انت بحاجة اليها وكل جدول ماذا يحتوى بيانات وماهي العلاقة بين الجداول كما انه هناك طريقة فرنسية تدعى Merise والتي هي اختصار ل methodology of analysis والتي هي عبارة عن خطوات بدأ من دراسة المشروع وتنتهي بعمل الجداول والعلاقة بينها ممكن ان تكون مفيدة جدا حيث انها مبنية على خطوات منظمة تسهل عملك
testing : بعد الانتهاء من التطبيق ستعرضه لفترة تجريبية لاختبار تجربة المستخدم عليه ان كان هناك اي ملاحظات او مثلا صفحات صعبة الفهم بحاجة الى تعديلها وتذكر دائما عند عمل اي تطبيق عليك التفكير بطريقة تدعى stupid user وهي بمعنى المستخدم الغبي والتي تهدف الى انشاءك تطبيق يكون سهل الاستخدام وليس بهي اي تعقيدات بحيث ان جميع المستخدمين يمكنه فهم التطبيق والتعامل معه

وتذكر دائما ان افضل تطبيق هو الذي يجمع بين سهولة الاستخدام وكثرة المميزات

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

وبعد نشر التطبيق هناك خطوة مهمة والتي هي المراجعة والصيانة الدائمة له بحال حصل به اي مشاكل او كان بحاجة الى اضافات

وبالتوفيق لك ...

14 أبريل

دورة تطوير الواجهات الأمامية لا تزال مطلوبة بشكل كبير في سوق العمل فمع زيادة استخدام التكنولوجيات المتقدمة في تطوير الويب مثل React وVue.js وAngular، فإن الطلب على مطوري الواجهات الأمامية يزداد باستمرار لان الواجهات الأمامية هي واجهة المستخدم الرئيسية التي يتفاعل معها المستخدم ولذلك تظل ذات أهمية كبيرة

اما بالنسبة للانتقال من دورة تطوير الواجهات الأمامية إلى دورة تطوير التطبيقات باستخدام بايثون، فهذا يعتمد على أهدافك واهتماماتك المستقبلية إذا كنت ترغب في تطوير تطبيقات ويب متقدمة باستخدام بايثون كلغة خلفية (Backend)، فإنه من الممكن الانتقال إلى دورة تطوير التطبيقات باستخدام بايثون. ومع ذلك، قد تحتاج أيضًا إلى مهارات الواجهات الأمامية لتتمكن من تطوير تطبيقات ويب شاملة تجمع بين الجانب الأمامي والخلفي.

اذا فأن ذلك يعتمد على اهدافك المستقبلية ومالذي تفضله ان قررت الانتقال يمكنك التواصل مع فريق الدعم الخاص بأكاديمية حسوب من هنا

بالتوفيق لك...

10 أبريل

لا بأس يمكننا عمل ذلك عبر اضافة بعض الشروط والحلقات للكود ليصبح كالتالي


        var videos = [
            "video1.mp4",
            "video2.mp4",
            "video3.mp4"
        ];

        var playedVideos = [];
        var currentVideoIndex = -1;

        function playRandomVideo() {
            var randomIndex;
            do {
                randomIndex = Math.floor(Math.random() * videos.length);
            } while (playedVideos.includes(randomIndex));

            playedVideos.push(randomIndex);

            var videoUrl = videos[randomIndex];
            var videoPlayer = document.getElementById("videoPlayer");
            videoPlayer.src = videoUrl;
            videoPlayer.play();

            if (playedVideos.length === videos.length) {
                document.querySelector("button").disabled = true;
            }
        }

وهذا شرح بسيط عن التعديلات التي قمت باجرائها

اضفت مصفوفة playedVideos لتخزين الفيديوهات التي تم تشغيلها بها كيف نضمن ان لا يتم تكرارها
استخدمت الحلقة do while للتحقق من عدم تكرار نفس الفيديو عن طريق اعطاء كل فيديو رقم خاص به من 0 وحتى عدد اخر فيديو
بعد تشغيل الفيديو يتم اضافته الى playedVideos للتأكد من عدم تشغيله مرة اخرى
وبعد تشغيل جميع الفيديوهات بنجاح يتم ايقاف زر تشغيل الفيديوهات لعدم تكرارها

وبالتوفيق لك ..

10 أبريل

يمكنك عمل ذلك بدون اي مكتبات خارجية ويمكنك عمله بإستخدام مكتبة jquery ساعطيك الطريقتان وستختار ما يتناسب مع احتياجات مشروعك

بدون مكتبات :

ننشئ عنصر فيديو في ملف ال html لنعرض الفيديوهات به واعطيناه id مميز لاستخدامه لاحقا , كما انني اعطيته حدث عن الضغط على الزر واسندت اليه اسم الدالة التي سنعمل عليها في كود الجافا سكريبت


    <video controls id="videoPlayer"></video>
    <button onclick="playRandomVideo()">تشغيل فيديو عشوائي</button>

انشأت في البداية مصفوفة تحتوي على عنوانين الفيديوهات (ستقوم باستبدالها بالمسار الاساسي للفيديوهات الخاصة بك او بعنوان url )
واستخدمت الدالة Math.random() لاختيار فيديو عشوائي


        var videos = [
            "video1.mp4",
            "video2.mp4",
            "video3.mp4"
        ];

        function playRandomVideo() {
            var randomIndex = Math.floor(Math.random() * videos.length);
            var videoUrl = videos[randomIndex];
            var videoPlayer = document.getElementById("videoPlayer");
            videoPlayer.src = videoUrl;
            videoPlayer.play();
        }

باستخدام مكتبة jQuery :

اول خطوة هي تضمين المكتبة لدينا

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

ثم كما عملنا سابقا نضع وسم الفيديو وزر التشغيل في ملف ال html

<video controls id="videoPlayer"></video>
<button id="playRandomButton">تشغيل فيديو عشوائي</button>

وفي ملف الجافا سكريبت ستضع الكود التالي :


    $(document).ready(function() {
        var videos = [
            "video1.mp4",
            "video2.mp4",
            "video3.mp4"
        ];

        $("#playRandomButton").click(function() {
            var randomIndex = Math.floor(Math.random() * videos.length);
            var videoUrl = videos[randomIndex];
            $("#videoPlayer").attr("src", videoUrl);
            $("#videoPlayer")[0].play();
        });
    });

الطريقة ذاتها ولكن ما يختلف هو طريقة الكتابة التي تستخدمها مكتبة jQuery

وبالتوفيق لك ..

30 مارس

وعليكم السلام

ذلك صحيح جميع أنظمة التشغيل تفهم لغة الألة ولكن نظام التشغيل يعتمد على العديد من العوامل الاخرى المساهمة في إنشاءها والتي تختلف من نظام تشغيل ل اخر دعني اعطيك أمثلة عنها لتتوضح الفكرة لديك أكثر

واجهات البرمجة (APIs) : كل نظام تشغيل له واجهة برمجية خاصة به وذلك عندما يكون نظام التشغيل يعمل على APIs محددة فلن يعمل بنفس الكفاءة في انظمة التشغيل الاخرى
المكتبات والإصدارات : قد تكون المكتبات المستخدمة في تطوير التطبيق لا تتوافق من نظام التشغيل وذلك قد يسبب عدة مشاكل عند تشغيلها على هذا النظام
الاختلاف في التكوين والاعدادات : يمكن أن يؤدي اختلاف التكوينات والإعدادات في نظام تشغيل معين إلى عدم قدرة التطبيق على العمل بشكل صحيح، حتى لو كان النظام يفهم لغة الآلة

باختصار، حتى وإن كانت أنظمة التشغيل تفهم لغة الآلة، فإن هناك عوامل متعددة تجعل بعض التطبيقات تعمل بشكل جيد في بعض الأنظمة وتواجه صعوبة في العمل في أنظمة أخرى

وبالتوفيق لك ...

30 مارس

وعليكم السلام

بما أن ال php هي لغة برمجة خلفية Back end ف لا داعي لتعلم ال front end والذي هو عبارة عن (html,css,javaScript ) لانك ستعمل في الجزء الخلفي من المشروع ولكن هناك ملاحظة صغيرة كيف ستعمل في الجزء الخلفي وانت لا تعلم ما الذي يحصل في الجزء الامامي ؟؟ وكيف ستقوم بربط الامور ببعضها البعض ؟؟

لذلك فأن الجواب الأصح لسؤالك انه لا داعي لاحتراف ال Frontend ولكن لا بد من تعلم اساسياتها لفهم ما يحدث بها وكيف ستقوم بربط الجزئين ببعضهما البعض وذلك سيجعل منك مبرمجا أقوى وأكثر احترافية بالعمل

وبالتوفيق لك

29 مارس

وعليكم السلام

لا انه ليس مقتصر فقط بنظام mac حيث انه يمكنك استخدامه في Unix/Linux ايضا وحتى في windows ولكن مع بعض الاختلافات الطفيفة في طريقة الاستخدام

وهذا الامر هو عبارة عن اداة تقوم بتتبع مسار الحزم عبر الانترنت من جهازك لجهاز اخر ويمكنك استخدامه في نظامي mac و Unix/Linux كالتالي:

افتح ال Terminal
اكتب الأمر التالي في ال Terminal واضغط على Enter

traceroute [عنوان الويب أو عنوان IP]

تضع مكان [عنوان الويب أو عنوان IP] العنوان الذي تريد تتبع مساره

للتوضيح :

عنوان الويب مثل google.com
ال IP مثل 172.217.7.206

اما بالنسبة لنظام التشغيل ويندوز فأنه كالتالي

افتح Command Prompt
اكتب الأمر التالي في Command Prompt واضغط على Enter

tracert [عنوان الويب أو عنوان IP]

اذا في النهاية وباختصار لاحظ ان الامر traceroute يستخدم مع mac و Unix/Linux اما بالنسبة للويندوز فاننا نستخدم الامر tracert وبكلا الحالتين سنحصل على نفس النتيجة

و بالتوفيق لك ...

26 مارس

عذرا على التأخير بالرد , نعم المسار صحيح ان كان هذا هو مسار الملف على حاسوبك بالفعل

اما بالنسبة للكود الذي يحفظ بيانات ال word في قاعدة البيانات فهو هذا وهو مرفق بالاجابة السابقة

fetch('save_document.php', {
        method: 'POST',
        body: formData
    }).then(response => {
        if (response.ok) {
            console.log('Document saved successfully');
        } else {
            console.error('Failed to save document');
        }
    }).catch(error => {
        console.error('Error saving document:', error);
    });

هذا الكود يستخدم الدالة fetch لإرسال بيانات من المتصفح إلى الخادم. في هذه الحالة، يتم إرسال ملف Word المعبأ بالبيانات إلى ملف PHP يُدعى save_document.php على الخادم. بعد إرسال الملف، يُطبع رسالة تفيد بنجاح العملية في وحدة التحكم (console) إذا تم حفظ الملف بنجاح، وإلا ستُطبع رسالة بفشل العملية

وبالتوفيق لك ...

26 مارس

ان اخترت تطبيق ال Desktop سيكون اكثر امانا وذلك لانه يعمل على النظام المحلي ولا يحتاج انترنت غالبا لذلك ف بالتأكيد هو اقل عرضة من الهجمات التي تكون بالشبكات

اما ان اخترت موقع ويب فأنه سيكون اكثر عرضة للهجمات لانه يعمل عبر الانترنت , ولكنه يمكنك منع ذلك عبر استخدام بروتوكول HTTPS وتحديثه بأنتظام وانشاء نظام حماية له

لذلك يمكنك عمل ذلك ولكن عن طريق تقسيم ذلك ل قسمين ساعطيك مثال لتتوضح الفكرة لديك اكثر

ان كان الغرض عرض خدماتك والترويج للتواصل معك فأفعل ذلك عن طريق انشاء موقع ويب يعرض ذلك بطريقة جميلة واحترافية ثم تقوم بأنشاء تطبيق خاص بك على حاسوبك وذلك لتسجيل المعلومات المهمة والحساسة الخاصة به وبموكلينك وتنظيم وادارة وقتك وعملك

ولكن ارجو الانتباه الى نقطة مهمة جدا عند تخزين معلوماتك على جهاز الكومبيوتر خاصتك فهي ستخزن داخل القرص الصلب وهو عرضة للتلف احيانا لذلك عليك دائما اخد نسخة احتياطية يومية على قرص صلب خارجي اخر او اي وسيلة حفظ بيانات اخرى حتى لا تفقدها بسبب اعطال الكترونية

وبالتوفيق لك في اختيارك

ريادة الأعمال

البرمجة

التصميم

DevOps

التسويق والمبيعات

العمل الحر

البرامج والتطبيقات

آخر التحديثات

قصص نجاح

أسئلة وأجوبة

كتب

دورات

أجوبة بواسطة Najah Alsaker

بدون مكتبات :

باستخدام مكتبة jQuery :