مرحبا بالعالم

Java Script

في السابق ، كان لإنشاء ملف بدء التشغيل الرقمي ، كان هناك حاجة إلى فريق من:

• مطور iOS ,
• الروبوت المطور ,
• المطور الخلفي ,
• مطور للويب
  و
• قائد الفريق من الذى في كل مكان على القمة وفي شيء واحد تمامًا - أنه اشخاص!

اليوم ، بفضل Java Script ، من الممكن استبدال المطورين مع مطور Java Script واحد باستخدام مجموعة التكنولوجيا التي نقوم بتدريسها في مدرستنا

Java Script هي لغة برمجة تجعل من الممكن تنفيذ السلوكيات المعقدة على صفحات الويب والمزيد. في Java Script ، يمكنك كتابة المواقع , الخوادم والجوال وسطح المكتب بالإضافة إلى تطبيقات الواقع المعزز والافتراضي.

JavaScript هي أول لغات البرمجة الأكثر شيوعًا بين المطورين الأوروبيين. تم الحصول على هذه البيانات من قبل مؤلفي research من شركة O'Reilly نتيجة لمسح شمل أكثر من 1300 مبرمج من 27 دولة.

بناء الجملة

JavaScript ، مثل العديد من لغات البرمجة الأخرى , له تركيب صارم . بناء الجملة هو قسم من قواعد النحو الذي يدرس الجمل وكيفية دمج الكلمات في جملة. أجهزة الكمبيوتر ️ ليسوا أذكياء مثل البشر : لا يمكنهم "مجرد فهم" ماذا تقصد. الآلة v معها بشكل صارم في أشكال التعبير التي تتوقعها منك. هذا الشكل المتوقع من التعبير يسمى بناء الجملة.

بيئة العمل

1️⃣ أولاً ، أنت بحاجة إلى كمبيوتر مكتبي أو كمبيوتر محمول.

2️⃣ ثانيًا ، يجب أن يكون الكمبيوتر مثبتًا عليه نظام تشغيل: Windows MacOS أو Linux.

3️⃣ ثالثًا ، يجب تثبيت متصفح على الكمبيوتر ، في دروسنا سنستخدم Google Chrome ، ولكن يمكن استخدام الآخرين. Chrome ، الذي ليس على دراية ، هو متصفح ، أي برنامج لعرض صفحات الويب.

إذا لم يكن لديك Google Chrome مثبتًا بعد ، فيمكنك تنزيله here أي متصفح آخر (Firefox أو Safari أو Edge أو Internet Explorer) بمجرد الكتابة "قم بتنزيل Chrome" في شريط البحث واتبع الإرشادات الإضافية.

بعد تنزيل Google Chrome وتثبيته ، افتحه وأدخل في شريط العنوان:

about:blank

اضغط دخول. وسيفتح المتصفح صفحة فارغة جديدة.

وحدة تحكم المتصفح

حان الوقت للتعرف على إحدى أدوات المطور الرئيسية - وحدة تحكم المتصفح.

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

افتح وحدة التحكم

بما أنك الآن مبرمج طموح ️, يمكنك استخدامه أيضا! لإحضار وحدة التحكم ، ما عليك سوى الضغط على 🔘 CTRL, SHIFT (أو COMMAND و OPTION إذا كان لديك جهاز Mac) و J مفاتيح معا.

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

إذا كان الجمع CTRL + SHIFT + J أو COMMAND + OPTION + J لسبب ما لا يعمل ، يمكنك الدخول إلى وحدة التحكم عن طريق النقر بزر الماوس الأيمن على مساحة فارغة على الصفحة , حدد فحص (عرض الكود) ثم انقر فوق وحدة التحكم على شريط القوائم.

برنامج أهلاً بالعالم

"Hello، world! "- (Hello world!) برنامج يخرج عبارة" Hello، world! "على الشاشة أو أي جهاز آخر

عادة ما يكون هذا هو المثال الأول لبرنامج في كتاب برمجة ، وبالنسبة للعديد من الطلاب ، هذه هي التجربة الأولى في تعلم لغة جديدة .

الآن بعد أن تم فتح نافذة الكونسول أمامك وقمت بمدها بطريقة مريحة ، انقر بالماوس على يمين قوس الزاوية>.

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

"مرحبا بالعالم!"

اضغط دخول. ستعيد وحدة التحكم النص الخاص بك في السطر التالي : "مرحبا بالعالم!" أو "مرحبا بالعالم!" باللغة الإنجليزية. من خلال وحدة تحكم المتصفح ، نتواصل مباشرة مع محرك JavaScript - هذا برنامج من هذا القبيل ، أو بعبارة أخرى مترجم فوري ينفذ تعليمات برمجية مكتوبة بلغة JavaScript.

الآن يمكنك أن تفخر بأنك كتبت ونفذت أول كود JavaScript بيديك!

ثم اضغط على المفتاح_ سهم للاعلى ⬆️ (سهم للاعلى) and you will see your text "مرحبا بالعالم!" أو "أهلاً بالعالم!" باللغة الإنجليزية. بعد ذلك ، حرك المؤشر إلى بداية السطر واكتب النص التالي بدلاً من ذلك:

var hello = 'Hello world!'

واضغط على ENTER. سترى الإجابة في وحدة التحكم: "غير محدد". كل شيء يسير حسب الخطة! اكتب الآن:

hello

واضغط على ENTER. إذا فعلت كل شيء بشكل صحيح ، ستعيد وحدة التحكم رسالة في السطر "مرحبا بالعالم!". هنا أنشأنا متغيرًا وخصصنا له قيمة.

وبالطبع ، هذا هو الحد الأدنى الذي يمكن القيام به في وحدة تحكم المتصفح. بالإضافة إلى! لنجرب الإضافة: ➕

2 + 2
// Console response: 4

جمع وطرح: ➕ ➖

6 + 4 - 5
// Console response: 5

عمليه الضرب: ✖️

5 * 5
// Console response: 25

قسم: ➗

25 / 5
// Console response: 5

وأي عمليات حسابية أخرى ...

محرر مباشر

يتم تنفيذ شفرة JavaScript بواسطة محرك JavaScript للمستعرض. من خلال وحدة التحكم ، نصل إليها مباشرة. علاوة على ذلك ، من أجل عدم كتابة الدورة التدريبية بالكامل في المتصفح والانتقال عبر النوافذ من موقعنا إلى وحدة تحكم المتصفح والعكس ، سنكتب الكود في Live Coding الوضع الصحيح على موقعنا. للقيام بذلك ، حاول إضافة كلمة مرحبًا ، كلمة العالم في النافذة التاليةLIVE EDITOR. فيRESULT, يجب ان تحصل على Hello World .

محرر مباشر

function learnJavaScript() { var hello = 'Hello' return hello }

function learnJavaScript() {
  var hello = 'Hello'

  return hello
}

النتيجة

Loading...

حاول الآن اللعب بالعمليات الحسابية:

محرر مباشر

function learnJavaScript() { var sum = 5 + 5 return sum }

function learnJavaScript() {
  var sum = 5 + 5

  return sum
}

النتيجة

Loading...

Problems?

اكتب لDiscord محادثة.

أسئلة

ما عنوان URL (العنوان) الذي أحتاجه لإدخاله في شريط عناوين Chrome لفتح علامة تبويب متصفح فارغة تمامًا؟ 1.blank 2.about.blank 3.about: blank

ما هو اختصار لوحة المفاتيح لفتح وحدة التحكم في Chrome؟

1. Ctrl + Shift + P
2. Ctrl + Shift + J
3. Ctrl + P

ما هو رمز عملية الجمع؟

1.+ /

2.+ \

3.+

ما هو رمز عملية الطرح؟

1./

2.- \

3. -

ما هو رمز عملية الضرب؟

1.×

2.* /

3.*

ما هو رمز عملية القسمة؟

1./

2.\

3.%

نحن الآن جاهزون لدراسة Java Script معك ، ولكن لفهم مقدار ما تعلمته في هذا الدرس ، قم بإجراء الاختبار في mobile application في مدرستنا حول هذا الموضوع.

الروابط

1. MDN web docs
2. Code for Teens: The Perfect Beginner's Guide to Programming, Volume 1: Javascript - Jeremy Moritz

المساهمون ✨

الشكر يذهب إلى هؤلاء الأشخاص الرائعين (emoji key):

Dmitriy Vasilev

Resoner2005 🐛 🎨 🖋