Sneak Peek (Video Version)
-
Not Syncedحسناً , لننتقل الآن لعمل برنامج برمجي
-
Not Syncedسنبدأ من لا شيء على الاطلاق. وبحلول النهاية ، سوف يكون البرنامج البرمجي رهيب جدا؛ مثل برنامج رسم صغير.
-
Not Syncedإعتبر كتبة البرنامج البرمجي كجولة سريعة شاملة خلال الدروس الأولى التي تم عرضها على خان أكاديمية.
-
Not Syncedفقط لإعطائك وعْي بما هو ممكن
-
Not Syncedلا تقلق على الإطلاق من فهم كل التفاصيل الصغيرة في الوقت الحالي.
-
Not Syncedنحن نريد فقط أن تعطيك وعياً بما سيحدث في المستقبل، وبهذا النوع من البرامج البرمجية التي ستكون قادرعلى عملها قبل مرور فترة طويلة.
-
Not Syncedحتى الآن، لا يوجد شيء هنا، (يوجد نوع من سطح رقيق). لذلك دعونا نرسم شيء.
-
Not Syncedسأقوم برسم شكل بيضاوي شبيه بالدائرة
-
Not Syncedوكما ستتعلم ، هكذا كيف أفعل ذلك.
-
Not Syncedوهكذا هو . الذي هو نوع من السحر !!
-
Not Syncedوالسبب هو أن هناك عدد من الأشياء الخاصة التي تعرفها بالفعل بيئة أكاديمية خان
-
Not Syncedلحسن الحظ , الشكل البيضاوي أحدها.
-
Not Syncedلا تقلق بشأن ما تعنيه كل هذه الأرقام.
-
Not Syncedسنقوم تعرف عليهم في درس "مقدمة إلى الرسم".
-
Not Syncedمازلنا في مرحلة المعاينة
-
Not Syncedونحن نغيرالأرقام، يمكننا أن نرى أن أول رقم من المدخلات يعني أساسا أي مدى يبعد الجسم أفقياً.
-
Not Syncedالرقم الثاني يعني أساسا مدى بعد الجسم صعودا وهبوطا (عمودياً).
-
Not Syncedالرقم الثالت يعني مدى كبر حجمها بالعرض , والرقم الأخير يعني مدى كبر حجمها بالطول
-
Not Syncedمرة أخرى، لا تحتاج إلى معرفة ذلك الآن.
-
Not Syncedولكن يمكنك إيقاف هذا الدرس مؤقتاً إذا كنت تحب وحاول تجربتها مع بنفسك الآن.
-
Not Syncedسوف تتعلم كل التفاصيل في الدروس لاحقاً
-
Not Syncedالشيء المهم الآن هو مجرد التحكم فيما يبدو علىه الشكل .
-
Not Syncedحسناً، ذلك لطيف. ولكن ربما أنت لم تعجب بعد
-
Not Syncedلذلك سأقوم بعمل شئ أكثر تعقيداً .ثم أضع الشكل البيضاوي الذي أنشأناه في الداخل.
-
Not Syncedحسناً. لم يتغير شئ بعد وربما لست معجباً بعد .
-
Not Syncedولكن الآن ماسأقوم به، وسيكون أكثر إثارة للإعجاب، هو جعل هذا البرنامج للرسوم المتحركة.
-
Not Syncedوالآن كما ترون، هناك عدد كبير من الدوائر يتبعون في الواقع الفأرة بينما أحركها
-
Not Syncedيمكنك إيقاف البرنامج في الوقت الحالي ، وجعلها تتبع الفأرة الخاصة بك .
-
Not Syncedحسناً ، كيف يحدث هذا ؟
-
Not Syncedمن أين تأتي جميع هذه الدوائر؟
-
Not Syncedحسنا، سوف تتعلم عن هذا كله في "مقدمة إلى الرسوم المتحركة" في وقت لاحق، ولكن بما أنك تتساءل، ما يحدث هو أن الكمبيوتر يقول برنامجنا تلقائيا، مرارا وتكرارا، بالرسم
-
Not Syncedوربما تعتقد أن برنامجنا سوف يتعب من ذلك، ولكن بدلا من ذلك، فقط يستمربعمل ما كتب بداخل السحر دالة "رسم" .
-
Not Syncedلذلك يبقى رسم شكل بيضاوي بعدشكل بيضاوي بعد شكل بيضاوي.
-
Not Syncedوهذا ما يحدث وراء الكواليس عندما نحرج مؤشر الفأرة ، لعمل الكثير من الدوائر.
-
Not Syncedعلى الرغم من أننا قد كتبنا ذلك مرة واحدة.
-
Not Syncedوبالتالي، كيف يمكن للبرنامج أن يعرف أين يرسم الشكل البيضاوي؟
-
Not Syncedعلى سبيل المثال، كيف يعرف أن يتتبع الفأرة؟
-
Not Syncedحسنا، سوف تتعلم عن ذلك في درس "التفاعل ماوس" في وقت لاحق.
-
Not Syncedالفكرة الرئيسية هو أنه في كل مرة الكمبيوتر يخبر برنامجنا مكان الفأرة باستخدام كلمتين خاصتين.
-
Not Synced"MouseX" and "MouseY".
-
Not Syncedلا تحتاج أن تعرف عنهم في الوقت الراهن، ولكن هو مجرد MouseX مدى بعد الفأرة أفقيا.
-
Not Syncedبينما MouseY هو مدى بعدها صعودا وهبوطا.
-
Not Syncedوبالتالي ، لنلخص ، عندما نرسم هذا الشكل البيضاوي ، ما نقوله أولاً هو : إرسم الشكل البيضاوي ببعد مماثل لبعد الفأرة أفقيا .
-
Not Syncedثانيا : إرسم الشكل البيضاوي ببعد مماثل عموديا لبعد الفأرة
-
Not Syncedبالنهاية يحدث ما يعنيه ذلك ، رسم الشكل البيضاوي في المكان نفس مكان الفأرة بالضبط، في كل مرة نقول دالة "إرسم".
-
Not Syncedثم يتبقى أن نحدد ما هو حجم الشكل البيضاوي .
-
Not Syncedومرة أخرى، لا تقلق حيال كل هذه التفاصيل في الوقت الراهن.
-
Not Syncedبعد أن تتخطى الدروس القليلة القادمة، هذا سيكون له معنى .
-
Not Syncedوالآن، وكما ترون، أصبح مشوش قليلا.
-
Not Syncedيمكننا فقط اضغط على زر إعادة تشغيل لبدء البرنامج مرة أخرى بلائحة بيضاء
-
Not Syncedإمضي قدما وأوقف البرنامج في الوقت الحالي.
-
Not Syncedجرب اللعب بنفسك ، فقط حتى تستطيع أن ترى ما يحدث.
-
Not Syncedحسناً، الآن لدينا شيء لطيف يجري.
-
Not Syncedولكن ماذا يمكننا أن نفعل أيضاً؟
-
Not Syncedحسنا، هذه الدوائر نوعا ما غير جميلة .
-
Not Syncedإنها فقط بيضاء .
-
Not Syncedإذاً , ما اذا كنا نستطيع جعلها ملونة؟
-
Not Syncedفي البرنامج التعليمي "مقدمة إلى التلوين"، سوف تتعلم كل شيء عن الألوان.
-
Not Syncedولكن انا سأكشف السر وأبين لك كيف نفعل ذلك الآن.
-
Not Syncedجميل
-
Not Syncedالآن لديك الدوائر الحمراء التي تتبع الفأرة .
-
Not Syncedولكن ليس فقط ممكن أن تكون حمراء، وذلك لأن عند النقر فوق هذا اللون هنا- يمكنك ان ترى لنفسك عندما تفعل ذلك- ، يمكنك اختيار أي لون تريده
-
Not Syncedقوس قزح كاملة من الألوان.
-
Not Syncedماذا عن فقط الأرجواني اللطيف الآن.
-
Not Syncedويمكنك معرفة كيفية تغيير الألوان من هذا القبيل في درس "مقدمة إلى تلوين."
-
Not Syncedبمجرد أن إعادة تشغيل ... عظيم! الآن لدينا الدوائر الأرجوانية فقط.
-
Not Syncedلذلك، ونحن الآن نعتقد ، كما تعلم ، وضعنا كل هذا العمل لرسم هذه الأشكال الجميلة.
-
Not Syncedفي أي مكان نحرك فيه الفأرة
-
Not Syncedولكن، سيكون من الجميل أن نرسم شئ فقط في بعض الأحيان ... مثل، فقط عندما يتم الضغط على الماوس.
-
Not Syncedسأخبرك كيف تفعل ذلك الآن
-
Not Syncedمنطقيا، هي ليست بهذا التعقيد، كل ما نقوله فعلا هو: إذا تم الضغط على الفأرة، إرسم الدائرة.
-
Not Syncedخلاف ذلك، لا تفعل أي شيء على الإطلاق.
-
Not Syncedقل: "إذا"، ومن ثم،هذه الأقواس الغريبة التي لا داعي للقلق بشأنه ...
-
Not Syncedإذا حدث الأمر (mouseIsPressed)، حسنا، نحن فقط لا نريد أن تفعل أي شيء.
-
Not Syncedلذلك سنترك هذا الجزء هنا فارغ.
-
Not Synced!ذا عند إعادة تشغيله، يمكننا أن نقول:
-
Not Syncedانا أحرك الفأرة ، ولا يحدث شيء.
-
Not Syncedولكن عند الضغط على الفأرة ، ويمكنني أن رسم!
-
Not Syncedبالأرجواني
-
Not Syncedوكتابة الأشياء، ورسم الأشياء ...
-
Not Syncedويمكنني القيام بكل ما أريد. وهو شئ لطيف.
-
Not Synced'السبب أننا بمجرد بضعة أسطر من التعليمات البرمجية، قمنا بعمل هذا البرنامج الرسمي .
-
Not Syncedلذلك، وهذا هو مقدمة بالكامل إلى البرنامج التعليميالخاص التعليمة البرمجية "If"، حيث:
-
Not Syncedوستعرف كل شيء عن ما يفعله هذا الرمز، التي كتبنا للتو.
-
Not Syncedوكيف يعمل. ولكن أراهن أنك بدأت بمعرفة الفكرة العامة بالفعل.
-
Not Syncedكل ماقلناه هو: إذا ما تم الضغط على الفأرة ، قم بذلك، و خلاف ذلك:
-
Not Syncedإذا لم يتم الضغط على الفأرة ، لا تفعل أي شيء!
-
Not Syncedجيد. هذا هو نفس المنطق بالضبط الذي نفكر به .
-
Not Syncedنحن فقط كتبنا هذا في التعليمات البرمجية الآن.
-
Not Syncedو... ربما قد تشير، مثل، ماذا عن هذه الخطوط القبيحة حول الدوائر ؟
-
Not Syncedحسناً، عليك أن تتعلم كيفية التحكم بذلك قريبا. يمكنك جعلها أكبر ...
-
Not Syncedأو أصغر
-
Not Syncedيمكنك عملها بألوان مختلفة
-
Not Syncedلكن الآن، وبصراحة، أريد فقط أن تتخلص منه.
-
Not Syncedولذا فإنني سوف أقوم بوضع noStroke ... في الجزء العلوي هنا (بسبب أن هذه الخطوط تدعى stroke) ..
-
Not Syncedوالآن، عندما نقوم بإعادة تشغيله ...
-
Not Syncedمهلا! ذهبت كل الخطوط.
-
Not Syncedجيد ! هذا يبدو وكأنه برنامج رسم أكثر واقعية بكثير.
-
Not Syncedلذلك، دعونا فقط بسرعة نعود خطوة إلى الوراء.
-
Not Syncedقد تكون فضولي : أين كل هذه القدرات السحرية
-
Not Synced"IF"، و "ellipse"، و "draw" - قادمة من أين ؟
-
Not Syncedهذه الأوامر المفيدة متواجدة في أكاديمية خان .
-
Not Syncedنحن فعلنا ذلك.
-
Not Syncedوالجزء الممتع يأتي من تعلم كيفية الجمع بينها في البرامج.
-
Not Syncedإذا كنت فضولياً حقا، نحن نستخدم لغة برمجة تسمى JavaScript
-
Not Syncedفي أكاديمية خان
-
Not SyncedJavaScript هي واحدة من أكثر الطرق شعبية لكتابة برامج في العالم.
-
Not Syncedلا سيما على شبكة الإنترنت.
-
Not Syncedوبالتالي ستكون في صحبة جيدة جدا عند التعامل معها .
- Title:
- Sneak Peek (Video Version)
- Description:
-
more » « less
This is just a screen grab of our interactive coding talk-through, prepared to make captioning and translation easier. It is better to watch our talk-throughs here:
https://www.khanacademy.org/cs/programming/ - Video Language:
- English
- Duration:
- 07:41
|
Ghadeer Abu Oda edited Arabic subtitles for Sneak Peek (Video Version) |