WEBVTT 99:59:59.999 --> 99:59:59.999 حسناً , لننتقل الآن لعمل برنامج برمجي 99:59:59.999 --> 99:59:59.999 سنبدأ من لا شيء على الاطلاق. وبحلول النهاية ، سوف يكون البرنامج البرمجي رهيب جدا؛ مثل برنامج رسم صغير. 99:59:59.999 --> 99:59:59.999 إعتبر كتبة البرنامج البرمجي كجولة سريعة شاملة خلال الدروس الأولى التي تم عرضها على خان أكاديمية. 99:59:59.999 --> 99:59:59.999 فقط لإعطائك وعْي بما هو ممكن 99:59:59.999 --> 99:59:59.999 لا تقلق على الإطلاق من فهم كل التفاصيل الصغيرة في الوقت الحالي. 99:59:59.999 --> 99:59:59.999 نحن نريد فقط أن تعطيك وعياً بما سيحدث في المستقبل، وبهذا النوع من البرامج البرمجية التي ستكون قادرعلى عملها قبل مرور فترة طويلة. 99:59:59.999 --> 99:59:59.999 حتى الآن، لا يوجد شيء هنا، (يوجد نوع من سطح رقيق). لذلك دعونا نرسم شيء. 99:59:59.999 --> 99:59:59.999 سأقوم برسم شكل بيضاوي شبيه بالدائرة 99:59:59.999 --> 99:59:59.999 وكما ستتعلم ، هكذا كيف أفعل ذلك. 99:59:59.999 --> 99:59:59.999 وهكذا هو . الذي هو نوع من السحر !! 99:59:59.999 --> 99:59:59.999 والسبب هو أن هناك عدد من الأشياء الخاصة التي تعرفها بالفعل بيئة أكاديمية خان 99:59:59.999 --> 99:59:59.999 لحسن الحظ , الشكل البيضاوي أحدها. 99:59:59.999 --> 99:59:59.999 لا تقلق بشأن ما تعنيه كل هذه الأرقام. 99:59:59.999 --> 99:59:59.999 سنقوم تعرف عليهم في درس "مقدمة إلى الرسم". 99:59:59.999 --> 99:59:59.999 مازلنا في مرحلة المعاينة 99:59:59.999 --> 99:59:59.999 ونحن نغيرالأرقام، يمكننا أن نرى أن أول رقم من المدخلات يعني أساسا أي مدى يبعد الجسم أفقياً. 99:59:59.999 --> 99:59:59.999 الرقم الثاني يعني أساسا مدى بعد الجسم صعودا وهبوطا (عمودياً). 99:59:59.999 --> 99:59:59.999 الرقم الثالت يعني مدى كبر حجمها بالعرض , والرقم الأخير يعني مدى كبر حجمها بالطول 99:59:59.999 --> 99:59:59.999 مرة أخرى، لا تحتاج إلى معرفة ذلك الآن. 99:59:59.999 --> 99:59:59.999 ولكن يمكنك إيقاف هذا الدرس مؤقتاً إذا كنت تحب وحاول تجربتها مع بنفسك الآن. 99:59:59.999 --> 99:59:59.999 سوف تتعلم كل التفاصيل في الدروس لاحقاً 99:59:59.999 --> 99:59:59.999 الشيء المهم الآن هو مجرد التحكم فيما يبدو علىه الشكل . 99:59:59.999 --> 99:59:59.999 حسناً، ذلك لطيف. ولكن ربما أنت لم تعجب بعد 99:59:59.999 --> 99:59:59.999 لذلك سأقوم بعمل شئ أكثر تعقيداً .ثم أضع الشكل البيضاوي الذي أنشأناه في الداخل. 99:59:59.999 --> 99:59:59.999 حسناً. لم يتغير شئ بعد وربما لست معجباً بعد . 99:59:59.999 --> 99:59:59.999 ولكن الآن ماسأقوم به، وسيكون أكثر إثارة للإعجاب، هو جعل هذا البرنامج للرسوم المتحركة. 99:59:59.999 --> 99:59:59.999 والآن كما ترون، هناك عدد كبير من الدوائر يتبعون في الواقع الفأرة بينما أحركها 99:59:59.999 --> 99:59:59.999 يمكنك إيقاف البرنامج في الوقت الحالي ، وجعلها تتبع الفأرة الخاصة بك . 99:59:59.999 --> 99:59:59.999 حسناً ، كيف يحدث هذا ؟ 99:59:59.999 --> 99:59:59.999 من أين تأتي جميع هذه الدوائر؟ 99:59:59.999 --> 99:59:59.999 حسنا، سوف تتعلم عن هذا كله في "مقدمة إلى الرسوم المتحركة" في وقت لاحق، ولكن بما أنك تتساءل، ما يحدث هو أن الكمبيوتر يقول برنامجنا تلقائيا، مرارا وتكرارا، بالرسم 99:59:59.999 --> 99:59:59.999 وربما تعتقد أن برنامجنا سوف يتعب من ذلك، ولكن بدلا من ذلك، فقط يستمربعمل ما كتب بداخل السحر دالة "رسم" . 99:59:59.999 --> 99:59:59.999 لذلك يبقى رسم شكل بيضاوي بعدشكل بيضاوي بعد شكل بيضاوي. 99:59:59.999 --> 99:59:59.999 وهذا ما يحدث وراء الكواليس عندما نحرج مؤشر الفأرة ، لعمل الكثير من الدوائر. 99:59:59.999 --> 99:59:59.999 على الرغم من أننا قد كتبنا ذلك مرة واحدة. 99:59:59.999 --> 99:59:59.999 وبالتالي، كيف يمكن للبرنامج أن يعرف أين يرسم الشكل البيضاوي؟ 99:59:59.999 --> 99:59:59.999 على سبيل المثال، كيف يعرف أن يتتبع الفأرة؟ 99:59:59.999 --> 99:59:59.999 حسنا، سوف تتعلم عن ذلك في درس "التفاعل ماوس" في وقت لاحق. 99:59:59.999 --> 99:59:59.999 الفكرة الرئيسية هو أنه في كل مرة الكمبيوتر يخبر برنامجنا مكان الفأرة باستخدام كلمتين خاصتين. 99:59:59.999 --> 99:59:59.999 "MouseX" and "MouseY". 99:59:59.999 --> 99:59:59.999 لا تحتاج أن تعرف عنهم في الوقت الراهن، ولكن هو مجرد MouseX مدى بعد الفأرة أفقيا. 99:59:59.999 --> 99:59:59.999 بينما MouseY هو مدى بعدها صعودا وهبوطا. 99:59:59.999 --> 99:59:59.999 وبالتالي ، لنلخص ، عندما نرسم هذا الشكل البيضاوي ، ما نقوله أولاً هو : إرسم الشكل البيضاوي ببعد مماثل لبعد الفأرة أفقيا . 99:59:59.999 --> 99:59:59.999 ثانيا : إرسم الشكل البيضاوي ببعد مماثل عموديا لبعد الفأرة 99:59:59.999 --> 99:59:59.999 بالنهاية يحدث ما يعنيه ذلك ، رسم الشكل البيضاوي في المكان نفس مكان الفأرة بالضبط، في كل مرة نقول دالة "إرسم". 99:59:59.999 --> 99:59:59.999 ثم يتبقى أن نحدد ما هو حجم الشكل البيضاوي . 99:59:59.999 --> 99:59:59.999 ومرة أخرى، لا تقلق حيال كل هذه التفاصيل في الوقت الراهن. 99:59:59.999 --> 99:59:59.999 بعد أن تتخطى الدروس القليلة القادمة، هذا سيكون له معنى . 99:59:59.999 --> 99:59:59.999 والآن، وكما ترون، أصبح مشوش قليلا. 99:59:59.999 --> 99:59:59.999 يمكننا فقط اضغط على زر إعادة تشغيل لبدء البرنامج مرة أخرى بلائحة بيضاء 99:59:59.999 --> 99:59:59.999 إمضي قدما وأوقف البرنامج في الوقت الحالي. 99:59:59.999 --> 99:59:59.999 جرب اللعب بنفسك ، فقط حتى تستطيع أن ترى ما يحدث. 99:59:59.999 --> 99:59:59.999 حسناً، الآن لدينا شيء لطيف يجري. 99:59:59.999 --> 99:59:59.999 ولكن ماذا يمكننا أن نفعل أيضاً؟ 99:59:59.999 --> 99:59:59.999 حسنا، هذه الدوائر نوعا ما غير جميلة . 99:59:59.999 --> 99:59:59.999 إنها فقط بيضاء . 99:59:59.999 --> 99:59:59.999 إذاً , ما اذا كنا نستطيع جعلها ملونة؟ 99:59:59.999 --> 99:59:59.999 في البرنامج التعليمي "مقدمة إلى التلوين"، سوف تتعلم كل شيء عن الألوان. 99:59:59.999 --> 99:59:59.999 ولكن انا سأكشف السر وأبين لك كيف نفعل ذلك الآن. 99:59:59.999 --> 99:59:59.999 جميل 99:59:59.999 --> 99:59:59.999 الآن لديك الدوائر الحمراء التي تتبع الفأرة . 99:59:59.999 --> 99:59:59.999 ولكن ليس فقط ممكن أن تكون حمراء، وذلك لأن عند النقر فوق هذا اللون هنا- يمكنك ان ترى لنفسك عندما تفعل ذلك- ، يمكنك اختيار أي لون تريده 99:59:59.999 --> 99:59:59.999 قوس قزح كاملة من الألوان. 99:59:59.999 --> 99:59:59.999 ماذا عن فقط الأرجواني اللطيف الآن. 99:59:59.999 --> 99:59:59.999 ويمكنك معرفة كيفية تغيير الألوان من هذا القبيل في درس "مقدمة إلى تلوين." 99:59:59.999 --> 99:59:59.999 بمجرد أن إعادة تشغيل ... عظيم! الآن لدينا الدوائر الأرجوانية فقط. 99:59:59.999 --> 99:59:59.999 لذلك، ونحن الآن نعتقد ، كما تعلم ، وضعنا كل هذا العمل لرسم هذه الأشكال الجميلة. 99:59:59.999 --> 99:59:59.999 في أي مكان نحرك فيه الفأرة 99:59:59.999 --> 99:59:59.999 ولكن، سيكون من الجميل أن نرسم شئ فقط في بعض الأحيان ... مثل، فقط عندما يتم الضغط على الماوس. 99:59:59.999 --> 99:59:59.999 سأخبرك كيف تفعل ذلك الآن 99:59:59.999 --> 99:59:59.999 منطقيا، هي ليست بهذا التعقيد، كل ما نقوله فعلا هو: إذا تم الضغط على الفأرة، إرسم الدائرة. 99:59:59.999 --> 99:59:59.999 خلاف ذلك، لا تفعل أي شيء على الإطلاق. 99:59:59.999 --> 99:59:59.999 قل: "إذا"، ومن ثم،هذه الأقواس الغريبة التي لا داعي للقلق بشأنه ... 99:59:59.999 --> 99:59:59.999 إذا حدث الأمر (mouseIsPressed)، حسنا، نحن فقط لا نريد أن تفعل أي شيء. 99:59:59.999 --> 99:59:59.999 لذلك سنترك هذا الجزء هنا فارغ. 99:59:59.999 --> 99:59:59.999 !ذا عند إعادة تشغيله، يمكننا أن نقول: 99:59:59.999 --> 99:59:59.999 انا أحرك الفأرة ، ولا يحدث شيء. 99:59:59.999 --> 99:59:59.999 ولكن عند الضغط على الفأرة ، ويمكنني أن رسم! 99:59:59.999 --> 99:59:59.999 بالأرجواني 99:59:59.999 --> 99:59:59.999 وكتابة الأشياء، ورسم الأشياء ... 99:59:59.999 --> 99:59:59.999 ويمكنني القيام بكل ما أريد. وهو شئ لطيف. 99:59:59.999 --> 99:59:59.999 'السبب أننا بمجرد بضعة أسطر من التعليمات البرمجية، قمنا بعمل هذا البرنامج الرسمي . 99:59:59.999 --> 99:59:59.999 لذلك، وهذا هو مقدمة بالكامل إلى البرنامج التعليميالخاص التعليمة البرمجية "If"، حيث: 99:59:59.999 --> 99:59:59.999 وستعرف كل شيء عن ما يفعله هذا الرمز، التي كتبنا للتو. 99:59:59.999 --> 99:59:59.999 وكيف يعمل. ولكن أراهن أنك بدأت بمعرفة الفكرة العامة بالفعل. 99:59:59.999 --> 99:59:59.999 كل ماقلناه هو: إذا ما تم الضغط على الفأرة ، قم بذلك، و خلاف ذلك: 99:59:59.999 --> 99:59:59.999 إذا لم يتم الضغط على الفأرة ، لا تفعل أي شيء! 99:59:59.999 --> 99:59:59.999 جيد. هذا هو نفس المنطق بالضبط الذي نفكر به . 99:59:59.999 --> 99:59:59.999 نحن فقط كتبنا هذا في التعليمات البرمجية الآن. 99:59:59.999 --> 99:59:59.999 و... ربما قد تشير، مثل، ماذا عن هذه الخطوط القبيحة حول الدوائر ؟ 99:59:59.999 --> 99:59:59.999 حسناً، عليك أن تتعلم كيفية التحكم بذلك قريبا. يمكنك جعلها أكبر ... 99:59:59.999 --> 99:59:59.999 أو أصغر 99:59:59.999 --> 99:59:59.999 يمكنك عملها بألوان مختلفة 99:59:59.999 --> 99:59:59.999 لكن الآن، وبصراحة، أريد فقط أن تتخلص منه. 99:59:59.999 --> 99:59:59.999 ولذا فإنني سوف أقوم بوضع noStroke ... في الجزء العلوي هنا (بسبب أن هذه الخطوط تدعى stroke) .. 99:59:59.999 --> 99:59:59.999 والآن، عندما نقوم بإعادة تشغيله ... 99:59:59.999 --> 99:59:59.999 مهلا! ذهبت كل الخطوط. 99:59:59.999 --> 99:59:59.999 جيد ! هذا يبدو وكأنه برنامج رسم أكثر واقعية بكثير. 99:59:59.999 --> 99:59:59.999 لذلك، دعونا فقط بسرعة نعود خطوة إلى الوراء. 99:59:59.999 --> 99:59:59.999 قد تكون فضولي : أين كل هذه القدرات السحرية 99:59:59.999 --> 99:59:59.999 "IF"، و "ellipse"، و "draw" - قادمة من أين ؟ 99:59:59.999 --> 99:59:59.999 هذه الأوامر المفيدة متواجدة في أكاديمية خان . 99:59:59.999 --> 99:59:59.999 نحن فعلنا ذلك. 99:59:59.999 --> 99:59:59.999 والجزء الممتع يأتي من تعلم كيفية الجمع بينها في البرامج. 99:59:59.999 --> 99:59:59.999 إذا كنت فضولياً حقا، نحن نستخدم لغة برمجة تسمى JavaScript 99:59:59.999 --> 99:59:59.999 في أكاديمية خان 99:59:59.999 --> 99:59:59.999 JavaScript هي واحدة من أكثر الطرق شعبية لكتابة برامج في العالم. 99:59:59.999 --> 99:59:59.999 لا سيما على شبكة الإنترنت. 99:59:59.999 --> 99:59:59.999 وبالتالي ستكون في صحبة جيدة جدا عند التعامل معها .