JavaScript Introduction
مقدمة في لغة جافا سكريبت
سوف تتعلم في هذا الدرس ما هي لغة JavaScript الجافا سكريبت , وما هي مميزات لغة الجافا سكريبت ,وما الزي تفعله جافا سكريبت مع لغة HTML وما الزي يمكنك فعلة بالجافا سكريبت والفارق بين لغة جافا ولغة جافا سكريبت, وما الزي يجعل الجافا سكريبت فريدًا وأيضا تاريخ جافا سكريبت, وسوف نتطرق للحديث عن جافا سكريبت متعددة المنصات JavaScript is Cross-platform ,والجافا سكريبت والمتصفحات , لغات البرمجه علي جهاز المستخدم ولغات البرمجة علي الخادم Server and Client Side Scripting.
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
الشروحات chevron_left JavaScript Introduction chevron_left JavaScript
Java Script Introduction
مقدمة في الجافا سكريبت
</>
What is JavaScript؟
ما هي لغة جافا سكريبت
JavaScript هي لغة برمجة نصية تسمح لك بتنفيذ مهام معقدة على صفحات الويب. في كل مرة تستعرض فيها صفحة ويب، تعرض الصفحة بيانات ثابتة على المتصفح. يتم تحديث هذه البيانات عند الضغط على زر معين، ويتم ذلك باستخدام لغة JavaScript.
جافا سكريبت هي الطبقة الثالثة من طبقات لغات الويب وتبدأ ب HTML ثم CSS ثم في الطبقة الثالثة لغة الجافا سكريبت لعمل مزيج ينتج لك صفحة ويب تفاعلية.
- جافا سكريبت JavaScript هي لغة ديناميكية تم تصميمها خصيصًا لتجعل صفحات الويب أكثر تفاعلًا وتبث في صفحات الويب الحياة والروح.
- جافا سكريبت JavaScript هي لغة برمجة خفيفة الوزن وهي لغة من أكثر اللغات شهرة في العالم وهي مصممة خصيصًا لصفحات الويب.
- تم بناء بيئات عمل مبينة جافا سكريبت JavaScript مؤخرًا تجعلها تقوم ببناء تطبيقات هواتف ذكية وتطبيقات سطح المكتب.
- لغة جافا سكريبت JavaScript تعتمد على برمجة الكائنات.
- هي لغة مفتوحة المصدر Open Source أي أنها تستخدم بشكل مجاني دون دفع أي رسوم.
- لغة جافا سكريبت مع لغة HTML + CSS تبني صفحات ويب ديناميكية.
- يمكن عن طريق لغة جافا سكريبت JavaScript إضافة animation مؤثرات حركية لصفحة الويب.
</>
What can you do with JavaScript
ما الذي يمكنك فعلة بالجافا سكريبت
- تستخدم لغة جافا سكريبت في بناء صفحات تفاعلية interactive Web.
- تستخدم لغة جافا سكريبت في انشاء العاب علي المتصفحات Browser Games.
- تستخدم لغة جافا سكريبت في بناء تطبيقات الهواتف الذكية Mobile Applications.
- تستخدم لغة جافا سكريبت في بناء تطبيقات ويب Web Applications.
</>
JavaScript & HTML
الجافا سكريبت ولغة ال HTML
- JavaScript تغيير محتوى صفحة HTML.
- JavaScript تتحكم في خصائص عناصر صفحات الويب وقيم HTML.
- JavaScript تتحكم في أنماط CSS لعناصر صفحات الويب، سواء كان ذلك بإضافة أو تعديل الخصائص أو القيم CSS.
- JavaScript تحذف وتضيف وتنسخ أي عنصر HTML داخل صفحة الويب.
- JavaScript تتحقق من البيانات التي يتم إدخالها بواسطة المستخدم من خلال نماذج HTML Forms.
- JavaScript تقوم بعمليات حسابية ويمكن بناء آلة حاسبة.
- JavaScript تقوم بإنشاء حركات إبداعية في صفحات الويب.
- JavaScript تقوم بإخفاء وإظهار المعلومات داخل أي صفحة ويب بنقرة زر.
- JavaScript تصنع معرض صور متحرك داخل صفحات الويب.
- JavaScript تقوم بعرض وإنشاء الرسوم المتحركة داخل صفحات الويب.
- JavaScript تصنع قوائم منسدلة dropdown menus.
- JavaScript تقوم بالتحقق من بيانات المستخدمين التي يتم كتابتها في صفحات الويب من خلال نماذج HTML forms.
- JavaScript تقوم بتحديث بيانات صفحة HTML بدون إعادة تحميل الصفحة باستخدام تقنية Ajax.
</>
Features Of JavaScript
مميزات لغة الجافا سكريبت
- object-centered script language لغة جافا سكريبت هي لغة برمجة تعتمد على برمجة الكائنات، مثل جميع لغات البرمجة القوية.
- Client edge Technology لغة جافا سكريبت تعالج البيانات على جهاز العميل دون الحاجة إلى الانتظار للوصول إلى الخادم ثم الرد على المستخدم.
- validation of user’s Input: تقوم لغة جافا سكريبت بالتحقق من صحة البيانات التي يدخلها المستخدم دون الحاجة إلى الذهاب إلى الخادم.
- operating systems تعمل لغة جافا سكريبت على أنظمة تشغيل مختلفة.
- case sensitive format: لغة جافا سكريبت حساسة لحالة الأحرف، مما يعني عدم وجود اختلاف في الإخراج سواء كانت الحروف كبيرة أو صغيرة.
- lightweight and delicate: لغة جافا سكريبت خفيفة الوزن ودقيقة، والرموز التي تكتبها لا تحتاج إلى تعريف أنواع البيانات عند تعريف المتغيرات.
- handling events: لغة جافا سكريبت تتعامل مع الأحداث التي يتم تنشيطها عندما يطلب المستخدم شيئًا ما، سواء كان ذلك من الخادم أو من خلال المتصفح.
- prototype-based: لغة جافا سكريبت هي لغة نصية تعتمد على النموذج الأولي، مما يعني أنها تستخدم الوراثة وبرمجة الكائنات مثل لغة Java.
- sync processing: لغة جافا سكريبت تستخدم المزامنة، مما يعني أنها تنتظر معالجة البيانات ولا يحدث خطأ قبل وصول البيانات من الخوادم."
</>
What makes JavaScript unique ؟
ما الذي يجعل الجافاسكريبت فريدًا؟
هناك أشياء رائعة تفعلها جافا سكريبت وربما تكون فريدة:
- مزيج وتكامل تام مع لغة HTML ولغة CSS.
- البنية البرمجية لجافا سكريبت قوية.
- لغة جافا سكريبت مبنية على تقنية الأطراف المتعددة.
- لغة جافا سكريبت لغة مكتوبة بشكل فضفاض (يمكن كتابتها بسهولة).
- لغة جافا سكريبت لغة مفسرة (يمكن قراءتها بسهولة).
- لغة جافا سكريبت مدعومة من قبل جميع المتصفحات المعروفة مثل Chrome وEdge وFirefox وSafari.
</>
JavaScript & Browsers
الجافا سكريبت والمتصفحات
- JavaScript هي لغة مدعومة من جميع المتصفحات.
- JavaScript تُستخدم لقراءة تاريخ المواقع التي تمت زيارتها على المتصفحات.
- JavaScript تُستخدم لقراءة الموقع الجغرافي الحالي للمستخدمين عن طريق GPS.
- JavaScript تُقرأ ارتفاع مؤشر التمرير (Scroll) لصفحة الويب وتُطبق تأثيرات معينة داخل الصفحة بناءً على ذلك.
- JavaScript تُقرأ عنوان رابط الصفحة الويب الحالية وتُغيره عند حدوث حدث ما بتفاعل المستخدم مع الصفحة.
- JavaScript تُقرأ عرض وارتفاع نافذة الويب الحالية.
- JavaScript تُستخدم لتنفيذ أوامر برمجية بعد فتح صفحة الويب لفترة زمنية معينة.
- JavaScript تُستخدم لحفظ وقراءة ملفات الـ cookies والتعامل معها على المتصفحات.
</>
JavaScript is Cross-platform
جافا سكريبت متعددة المنصات
لغة جافا سكريبت عبارة عن cross-platform لغة برمجة نصية متعددة المنصات مؤخراً تم تطويرها لتقوم ببناء تطبيقات متعدده مثل:
- web application تطبيقات ويب.
- mobile application تطبيقات الهواتف الذكيه.
- desktop application تطبيقات سطح المكتب.
cross-platform تعني القدرة على تشغيل تطبيق أو برنامج على أكثر من نظام تشغيل أو منصة مختلفة، مثل تشغيل تطبيق معين على نظامي ويندوز وماك أو على أجهزة محمولة تعمل بنظامي iOS وأندرويد.
platform تعني أنظمة التشغيل المختلفة وهناك أنظمة تشغيل خاصة بالحاسوب وأنظمة تشغيل خاصة بالهواتف مثل:
- Windows OS ويندوز لأجهزة الحاسوب المختلفة.
- Macintosh OS يختصر MAC وهو اختصار لأجهزة الحاسوب المصنعة من قبل شركة Apple مثل MacBook laptop.
- Linux لينكس لأجهزة الحاسوب يستخدمها بعض من مطوري التطبيقات لأنه نظام مفتوح المصدر.
- Android لأجهزة الهاتف المحمول التي تدعم نظام أندرويد.
- iOS لأجهزة الهاتف المحمول المصنعة من شركة apple مثل iPhone إيفون.
</>
Server and Client Side Scripting
لغات البرمجه علي جهاز المستخدم ولغات البرمجة علي الخادم
تم تصميم لغة ال Java Script كلغة برمجة من النوع client-side scripting اي انها تعمل علي المتصفحات فقط تنفذ الاوامر البرمجية بداخل جهاز المستخدم وتم تطويرها لتعمل ايضاً علي السيرفرات من خلال بيئات عمل مثل Node JS.يمكنك الوصول الي اوامر لغة جافا سكريبت اذا كانت من النوع client-side scripting وهي مدعومة من جميع المتصفحات.
تكتب اوامر جافا سكريبت وتفذ في:
- Client-side : في هذه الحاله تكتب اوامر الجافا سكريبت لكي تتعامل مع صفحة ال HTML داخل جهاز المستخدم علي متصفحه والاستجابه تكون سريعه جداً لانها تعمل جنباً الي جنب علي نفس المتصفح مع لغة ال HTML
- Server-side : اي ان لغه جافا سكريبت تكتب علي السيرفر عندما يقوم المستخدم بطلب معين يرسل المتصفح طلب الي السيرفر يتم معالجه اوامر جافا سكريبت علي السيرفر ثم يرسلها الي المتصفح لبيتم عرض رد السيرفر علي المتصفح ،وايضاً من جانب server side يتم اتصالها بقواعدة البيانات ، أو إجراء عمليات معالجة للملفات على الخادم وهذه الحاله سوف تكون الاستجابه ابطئ من ال Client-side لان المعالجه تتم علي السيرفر يستغرق وقت Request الطلب والرد Response.
هناك لغات برمجية تعمل علي ال Server-Side مثل :
- ActiveVFP - C DC- JAVA - JavaScript PHP - Rub -Python.
- ولغات البرمجة التي تعمل علي ال Client-Side :
- JavaScript - HTML - CSS - VB script etc.
</>
JavaScript History
تاريخ جافا سكريبت
</>
Java & javaScript
لغة جافا ولغة جافا سكريبت
الفرق بين كل من لغة ال javaScript ولغة ال Java فرق شاسع وفيما يلي سوف نعرض اهم نقاط الأختلاف هذه والتي تمكننا من فهم الفرق بين استخدام كل منهما
Java و JavaScript هما لغات البرمجة المستخدمة في المقام الأول لأغراض مختلفة. على الرغم من أنها تبدو متشابهة ولكن ليس هناك الكثير من أوجه التشابه بينهما ، في الواقع ، فهي مختلفة. يتم استخدام Java بشكل أساسي كلغة برمجة عامة بينما يتم استخدام لغة جافا سكريبت كلغة برمجة نصية من جانب client side.
- لغة الـ Java يكون النص البرمجي لها "code" محفوضا في ملفات متعددة بينما في JavaScript فان نصها البرمجي مضمن ضمن صفحات الـ HTML التي تحتويها.
- لغة الـ JavaScript تستخدم لتعزيز قدرة الـ HTML على التحكم بطريقة عرض المعلومات على الشاشة بينما باستخدام Java يمكن عمل "برامج" منفصلة كطبيقات سطح المكتب او حتى الـ applets .... او عمل الربط بين العميل و الخادم Client/Server مثل PHP او ASP
- يمكن دائما رؤية و تعديل نص الـ JavaScript من خلال اي برنامج تحرير نصوص ومن ثم حفظ الملف بصيغة js و عرضه على اي متصفح انترنت .... بينما برامج الـ Java تحتاج الى عمل compile ومن ثم interpret لها قبل "تنفيذها".
-الـ Java بدأت كمشروع صغير عام 1995 في معامل شركة SUN Micro System الضخمة باسم green project وكان الهدف منها لتحكم بالأجهزة مبدئيا الى ان تطورت وأصبحت كما نرى الآن .... اما الـ JavaScript فهي لغة منتجة من قبل شركة Netscape و هي تعتبر scripting language و قد قامت NetScape بشراء الاسم Java من sun لكي يساعد ذلك في تسويق لغتهم الجديدة