انتقل إلى المحتوى الرئيسي

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

@serverSerrverlesskiy

Java Script#

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

  • مطور iOS 📱,
  • الروبوت المطور📱,
  • المطور الخلفي💻,
  • مطور للويب 🖥 و
  • قائد الفريق 🧙‍♂️ من الذى في كل مكان على القمة وفي شيء واحد تمامًا - أنه5️⃣ اشخاص!

Hello World

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

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

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

بناء الجملة#

Hello World

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

بيئة العمل#

first

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

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

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

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

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

about:blank

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

about blank

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

Code

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

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

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

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

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

console

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

Inspect

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

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

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

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

not equal

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

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

Hello world! Hello World

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

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

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

var hello = 'Hello world!'

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

hello

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

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

2 + 2
// Console response: 4

جمع وطرح: ➕ ➖

6 + 4 - 5
// Console response: 5

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

5 * 5
// Console response: 25

قسم: ➗

25 / 5
// Console response: 5

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

محرر مباشر#

Live editor

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

محرر مباشر
النتيجة
SyntaxError: Unexpected token (1:8)
1 : return ()
            ^

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

محرر مباشر
النتيجة
SyntaxError: Unexpected token (1:8)
1 : return ()
            ^

Problems?#

Problem

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

أسئلة#

Question

ما عنوان 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 في مدرستنا حول هذا الموضوع.

Sumerian school

الروابط#

  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

🐛 🎨 🖋

Become a Patron!