اذهب إلى المحتوى

السؤال

نشر

السلام عليكم و رحمة الله و بركاته

لدي مشكلة في فهم طريقة استخدام جافا سكربت بشكل ملموس حيث أنها على عكس HTML and CSS لا تظهر بشكل مباشر في الصفحة

فسؤالي هو كيف اقدر افهم جافا سكربت و اطبق بشكل صحيح بمشاريع حقيقية و شكرا

Recommended Posts

  • 0
نشر

يمكنك استعمالها في ال console الخاص بالمتصفح، فقط اضغط على ctrl+shift+c يفترض أن يظهر لك.

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

أيضًا في حال قمت بكتابة موقع و فيه كود js يمكنك وضع بعض تعليمات الطباعة للتحقق مما يحدث و فتح ال console لرؤية الخرج و فهم كيف يسير العمل.

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

تحياتي.

  • 0
نشر

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

<!DOCTYPE html>
<html>
<head>
</head>
<body>

    <button onclick="showAlert()">اضغط هنا لإظهار التنبيه</button>

    <script>
        function showAlert() {
            alert("مرحباً بك! هذا تنبيه بسيط من جافاسكريبت.");
        }
    </script>

</body>
</html>

أي اللغة لا تعمل بشكل مُنفصل عن المتصفح، بل كل ما تكتبه يؤثر على الموقع، حيث تتلاعب بالـ DOM لتغيير وحذف محتوى أو تغيير التنسيقات عند حدث معين وهكذا.

وعامًة هناك بعض الأمور لا تظهر في المتصفح أتفهم ذلك، لكن تستطيع إظهارها في الكونسول في المتصفح وهي منطقة خاصة بالمطورين، حيث تستطيع طباعة أي شيء بها من خلال console.log() كالتالي:

<!DOCTYPE html>
<html>
<head>
</head>
<body>

    <button onclick="showConsoleLog()">اضغط هنا لعرض رسالة في الكونسول</button>

    <script>
        function showConsoleLog() {
            console.log("مرحباً بالمطور! هذه رسالة تظهر في الكونسول فقط.");
            console.log("يمكنك استخدام console.log() لعرض قيم المتغيرات، رسائل التتبع، والأخطاء.");

            let myVariable = 123;
            console.log("قيمة المتغير myVariable هي:", myVariable); 
        }
    </script>

</body>
</html>

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

وإليك مصادر للتعلم:

 

  • 0
نشر

وعليكم السلام ورحمة الله وبركاته.

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

ويمكنك دائما طباعة ما تريده في ال console ورؤيته مباشرة وهكذا سترى دائما ما قمت بكتابته في الصفحة .

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

أو يمكنك دراسة المقالات والدروس هنا على موقع الأكاديمية :

بعد الإنتهاء من ذلك يمكنك البحث على الإنترنت أو على اليوتيوب عن تطبيقات أو مشاريع لتعمل عليها .

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

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...