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 هي لغة برمجة نصية تسمح لك بتنفيذ مهام معقدة على صفحات الويب,في كل مره تستعرض صفحة ويب تعرض لك هذه الصفحة بيانات ثابته علي المتصفح هذة البيانات يتم تحديثها اذا قمت بالضغط علي زر معين هذا يتم بلغة جافا سكريبت.
جافا سكريبت هي الطبقة الثالثة من طبقات لغات الويب وتبدأ ب HTML ثم ال CSS ثم في الطبقة الثالثة لغة الجافا سكريبت لعمل مزيج ينتج لك صفحة ويب تفاعلية وتقوم ايضاً بعرض Animation مؤثرات حركية , بلغة جافا سكريبت.
- جافا سكريبت JavaScript هي لغة ديناميكية تم تصميمها خصيصاً لتجعل صفحات الويب اكثر تفاعل وتبث في صفحات الويب الحياه والروح.
- جافا سكريبت JavaScript هي لغة برمجة خفيفة الوزن وهي لغه من اكثر اللغات شهره في العالم وهي مصممه خصيصاُ لصفحات الويب.
- تم بناء بيئات عمل مبينه جافا سكريبت JavaScript مؤخراً تجعلها تقوم ببناء تطبيقات هواتف ذكيه وتطبيقات سطح المكتب.
- لغة جافا سكريبت JavaScript تعتمد علي برمجة الكائنات .
- هي لغة مفتوحة المصدر Open Source اي انها تستخدم بشكل مجاني دون دفع اي رسوم.
- لغة جافا سكريبت مع لغة ال HTML + CSS تبني صفحات ويب ديناميكيه.
</>
What can you do with JavaScript
ما الذي يمكنك فعلة بالجافا سكريبت
- تستخدم لغة جافا سكريبت في بناء صفحات تفاعلية interactive Web.
- تستخدم لغة جافا سكريبت في انشاء العاب علي المتصفحات Browser Games.
- تستخدم لغة جافا سكريبت في بناء تطبيقات الهواتف الذكية Mobile Applications.
- تستخدم لغة جافا سكريبت في بناء تطبيقات ويب Web Applications.
</>
JavaScript & HTML
الجافا سكريبت ولغة ال HTML
- JavaScript تغير محتوي ال HTML
- JavaScript تتحكم في ال HTML Attributes وال HTML Values
- JavaScript تتحكم في ال Style لأي HTML Elements
- JavaScript تحذف وتضيف وتنسخ اي HTML Element داخل صفحة الويب
- JavaScript تتحقق من البيانات التي يدخلها المستخدم في ال HTML Forms
- JavaScript تقوم بعمليات حسابية ويمكن بناء الة حاسبة Calculator
- JavaScript تقوم بأنشاء حركات إبداعية في صفحات الويب ال Animation
- JavaScript تقوم بإخفاء وإظهار المعلومات بنقرة زر
- JavaScript تصنع عارض صور متحرك
- JavaScript تقوم بعرض وصناعة الرسوم متحركة
- JavaScript تصنع القوائم المنسدلة
- JavaScript تقوم بالتحقق من بيانات المستخدمين من خلال HTML Forms
- JavaScript تقوم بتحديث بيانات صفحة ال HTML بدون Refresh للصفحة من خلال تقنية Ajax
</>
Features Of JavaScript
مميزات لغة الجافا سكريبت
- Object-Centered Script Language تعتمد برمجة الكائنات مثل جميع لغات البرمجه القوية.
- Client edge Technology تعالج البيانات علي جهاز العميل دون استغراق وقت الذهاب الي السيرفر ثم الرد علي المستحدم.
- Validation of User’s Input تتحقق من صحة البيانات التي يقوم المستخدم بكتابتها دون الذهاب الي السيرفر.
- Ability to perform In Built Function تعمل علي منصات متعددة (انظمة تشغيل مختلفة ).
- Case Sensitive format لغة حساسة لحالة الأحرف مما يوضح أنه لن يكون هناك اختلاف في الإخراج سواء أكانت الرموز مكتوبة بأحرف كبيرة أو صغيرة.
- Light Weight and delicate لغة خفيفة الوزن ودقيقة والرموز المكتوبة ولا تحتاج الي انواع البيانات في كتابة اسماء المتغيرات.
- Handling Events تعالج وتتفاعل مع المستخدم عند طلب شئ ما سواء من الخادم Server او من خلال المتصفح.
- prototype-based لغة برمجة نصية قائمة على النموذج الأولي. هذا يعني أنها تستخدم الوراثة وبرمجة الكائنات مثل لغة Java.
- Async Processing تستخدم جافا سكريبت وهي المزامنة اي انها تنتظر معالجة البيانات ولا يحدث خلل قبل وصول البيانات من الخوادم Servers.
</>
What makes JavaScript unique ؟
ما الذي يجعل الجافاسكريبت فريدًا؟
هناك أشياء رائعة تفعلها جافا سكريبت وربما تكون فريدة :
- مزيج وتكامل تام مع لغة HTML - CSS.
- architecture اسلوب برمجي في البناء قوي.
- threaded بنية مفردة مترابطة.
- Loosely typed Language لغة مكتوبة بشكل فضفاض.
- nterpreted Language اللغة المفسرة.
- مدعوم من قبل جميع المتصفحات المعروفة.
</>
JavaScript & Browsers
الجافا سكريبت والمتصفحات
- JavaScript مدعومة من جميع المتصفحات
- JavaScript تقوم بقراءة ال Browser History
- JavaScript تقوم بقراءة الموقع الجغرافي الحالي للمستخدمين عن طريق GPS
- JavaScript تقرأ ارتفاع ال Scroll وبناء عليه تقوم بعمل تاثيرات معينة داخل صفحة الويب
- JavaScript تقرأ عنوان رابط الصفحة الحالية وتغييره عند حدث ما عند تفاعل المستخدم مع الصفحة
- JavaScript تقوم بقراءة عرض وارتفاع ال Window
- JavaScript تقوم بتنفيذ امر او اوامر برمجية بعد فتح صفحة الويب بعد مرور وقت زمني معين
- JavaScript تقوم بحفظ وقراءة ال Cookies
</>
JavaScript is Cross-platform
جافا سكريبت متعددة المنصات
جافا سكريبت JavaScript عبارة عن لغة برمجة نصية متعددة المنصات Cross-platform مؤخراً تم تطويرها لتقوم ببناء تطبيقات متعدده مثل :
- تطبيقات ويب.
- تطبيقات الهواتف الذكيه.
- تطبيقات سطح المكتب.
و cross platform يعني الأنظمة او نوع من التطبيقات او البرامج التي تعمل على أنظمة تشغيل أو أجهزة مختلفة.
وال platform يعني انظمة التشغيل المختلفة وهناك انظمة تشغيل خاصة بالحاسوب وانظمة تشغيل خاصة بالهواتف مثل :
- Windows OS ويندوز لأجهزة الحاسوب المختلفة.
- Macintosh OS يختصر ب MAC OS وهو لاجهزة الحاسوب المصنعه من قبل شركة Apple مثل Mac 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 لكي يساعد ذلك في تسويق لغتهم الجديدة
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعلم البرمجة. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة. نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي، لذا فإننا نركز على التعلم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن. هذه الخبرة ننقلها لك تحت إشراف مهندسين العباقرة عملوا في أكبر الشركات العربية والعالمية في مجال البرمجة. مهمتنا ليست فقط تعليم البرمجة، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
