جافا سكربت 👈 JavaScrip ~ صفا لتقنية والمعلومات

لماذا دراسةt؟

JavaScript هي واحدة من اللغات الثلاث التي يجب على مطوري الويب تعلمها:

1-HTML لتعريف محتوى صفحات الويب

2-CSS لتحديد تخطيط صفحات الويب

3-JavaScript لبرمجة سلوك صفحات الويب

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

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

 Java لم تلقَ هذه اللغة الاهتمام في البداية إلا أنها ومع الوقت أصبحت تشكل مصدر اهتمام، للعديد من المبرمجين بعد إضافة تقنياتٍ

 جديدةٍ ودعمها للغة الجافا وأطلق عليها اسم جافا سكريبت جرب هاذا: المثال

 



مثال أخر:

   


مثال أخر:

 

هل يمكن تعلم الجافا بسرعة

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

كيف يمكنني تعلم لغة java بسهولة ؟ هل هناك مواقع مجانيا لمساعدتي؟

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

 هناك افضل من تعلم اللغة من خلال ممارستها لذلك مارس البرمجة بنفسك على جهازك الحاسوب.

التعليم يبدأ من الصفر أولا عليك تعلم لغة, ال HTML وبعدها لغة الCSS ثم لغة ال JAVA SCRIPT طبعاً كلها متشابها.

أما باقي الغات فيما بعد لأن هذه الغات المذكورة, هي أساس البرمجة كما ذكرنا في بداية المقال.


المثال الأول


جرب كتابة الكود على ملف TXT وألصقه في صفحة الHTML
-----------------------------------------------------------------------------------------------------------------------------


<h2>What Can JavaScript Do?</h2>

<p>JavaScript can change HTML attribute values.</p>

<p>In this case JavaScript changes the value of the src (source) attribute of an image.</p>

<button onclick="document.getElementById('myImage').src='pic_bulbon.gif'">Turn on the light</button>

<img id="myImage" src="pic_bulboff.gif" style="width:100px">

<button onclick="document.getElementById('myImage').src='pic_bulboff.gif'">Turn off the light</button>




----------------------------------------------------------------------------------------------------------------------------

المثال الثاني


جرب كتابة الكود على ملف TXT وألصقه في صفحة الHTML
-----------------------------------------------------------------------------------------------------------------------------
<label class="form-label">أداة انتقاء اللون</label>
<input class="form-control form-control-color" id="exampleColorInput" title="Choose your color" type="color" value="#563d7c" />
-----------------------------------------------------------------------------------------------------------------------------

المثال الثالت


جرب كتابة الكود على ملف TXT وألصقه في صفحة الHTML
-----------------------------------------------------------------------------------------------------------------------------
<select aria-label="Default select example" class="form-select">
  <option selected="">افتح قائمة التحديد هذه</option>
  <option value="1">واحد</option>
  <option value="2">اثنين</option>
  <option value="3">ثلاث</option>
</select>
-----------------------------------------------------------------------------------------------------------------------------

0 تعليقات:

Translate

طريقة عمل شريط اخباري متحرك html

لإعلاناتكم على موقعنا تواصل معنا

المواضبع لأكثر مشاهدة