Udacity Datatype & Variables

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

Intro Data ==> Data processing ==> Output Result

في الجافاسكربت هناك 5 انواع من المدخلات

• string
• number
• boolean
• object
• function

وثلاث انواع من الكائنيات

• Object
• Date
• Array

ونوعين من المدخلات التي لا تحوي على قيمة

• null
• undefined
typeof "sadik" // Returns "string" typeof 3.14 // Returns "number" typeof NaN
 // Returns "number" typeof false // Returns "boolean" typeof [1,2,3,4] 
// Returns "object" typeof {name:'sadik', age:34} // Returns "object" typeof new Date() 
// Returns "object" typeof function () {} // Returns "function" typeof myCar 
// Returns "undefined" typeof null // Returns "object

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

لابد وانك اخي الكريم قمت على الاقل بعشر عمليات نسخ ولصق في اليوم مستخدما الفارة او لوحة الحاسوب keybord للقيام بذل وان قمت بنسخ امر مختلف فانك تفقد الرابط او النص الذي نسخته قبله ولو قمت باغلاق حاسوبك فانك لن تستطيع ان تجد ما قمت بنسخه سابقا بهذه الطريقة اخي الكريم ايضا تعمل المتغيرات .....


var dr = "John" ; // Returns "string" 
var nb = 3.14 ; // Returns "number"
var bb = ""// Returns "number"
var bol = false// Returns "boolean"
var aray = [1,2,3,4]; // Returns "object"
var {name:'John'age:34}; // Returns "object"
var time = new Date(); // Returns "object"
var myfunc =function () { Returns 0;} // Returns "function"
var myCar ; // Returns "undefined" *
var null // Returns "object"


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

الان نتوجه لشرح المسائل Quiz تبع المبادرة:

 QuizFirst Expression (2-1)

طلب منك في هذا الكويز ان تضع عملية حسابة مستخدما +, -, *, /, % للحصول على نتيجة 42 يمكنك وضع ثلاثة من arithmetic operators. للحصول على النتيجة مع الحرص ان عمليات الضرب في الجافاسكربت نستخدم معها الاقواس مثلا

 console.log((54 * 3) + 8 - 4 ); 


QuizConverting Temperatures (2-2)

في هذا الكويز طلب منك ان تقوم بعملية تحويل من السلسيوز celsius الى

الفارلنهايت fahrenheit مستخدما القاعدة الأساسية للتحويل بين قيم

الحرارة F = C x 1.8 + 32 وعليك ان تضع قيمة 12 لمتغير باسم celsius وان تكون

العملية الحسابية في fahrenheit ,,,, هنا

علينا الانتباه الى عدة قواعد الاولى انه يمكننا حجز قيمة رقمية في متغير celsius اي انه اصبح

يمثل 12 وعلينا التاكد ان عمليات الضرب تحتاج الى اقواس في الجافا سكربت بعدها

نطبع المخرج باستخدام console.log البرنامج

بسيط جدا من ثلاث اسطر للبرمجة


QuizFavorite Food (2-3)     

هذا الكويز بسيط جدا طلبو منك انشاء متغير يحمل قيمة string ثم تقوم بطباعتها على
القيمة المطبوعة في اللوغ تكون نفس المتغير ان لا تكون هناك احرف كبيرة او صغيرة
لان الجافاسكربت حساسة للأحرف لا تنسى الفاصلة المنقوطة في اخر الجملة البرمجية

QuizString Equality for All (2-4)

في هذا الكويز سنقوم بنظرة خاطفة عن المنطقية في لغة الجافاسكربت

باستخدام المقارنة لدينا جملة وهي ALL Strings are CrEaTeD

equal

ولدنيا جملة اخرى هي نفسها All STRINGS are CrEaTED

Equal

ستلاحظ ان الجملة تختلف فقط في الاحرف فهناك احرف كبيرة واحرف صغيرة مختلفة في

كلتا الجملتين هذا الكويز يبين لنا ان محتوى كل من string هو نفسه حتى

لو كانت هناك اختلافات في حجم الاحرف بين كبيرة وصغيرة (ملحوظة نحن هنا نتكلم عن

محتوى متغير من نوع string وليس المتغير

نفسه ان كان المتغير يختلف عن المتغير المحجوز مسبقا فهذا مختلف ) مثلا

حتى ولو كان الاختلاف في حرف واحد ،على العموم ارجو ان تكون الفكرة

قد وصلت

var

sadik ; is not var Sadik;

QuizAll Tied Up (2-5)

في هذا الكويز سنتعلم طريقة لجعل string تقفز سطر

باستخدام /n هذا الحرف لديه عمل واحد وهو الرجوع الى

السطر التالي في جميع لغات البرمجة التي عملت بها لديه هذه الوظيفة الوحيدة فعند

وضعه وسط string فانه يقوم بقسم الجملة الى جملتين ، في الكويز

لديكم الجملة التالية مقسومة سلفا

Why

couldn't the shoes go out and play? They were all "tied" up!

اي انه /n التي تعني newline يجب ان تكون

في المكان الذي انقسمت به الجملة ، يمكنك وضع متغير لحجز هذه الجملة او وضعها

مباشرة في console.log

QuizYosa Buson (2-6)
هنا لدينا نفس الطريقة في استخدام newline للسؤال الذي سبقه فقط مع بعض التحديات الجديدة نتذكر
القاعدة الاساسية لقسمة جملة (وضع العنصر /nفي مكان القسمة بالضبط) الان لدينا 3 من string مختلفة ونريد ان نضعها في

جملة واجدة افضل طريقة لذلك وهي عملية الجمع + نستخدم عملية الجمع خارج string مثلا

"string" + "string" +

"string";

ولا ننسى انه لدينا في نهاية كل string سطر جديد

Blowing

from the west Fallen leaves gather In the east.



QuizFacebook Post (2-7)

في هذا الكويز سيعطيك عدة عناصر تقوم بالامساك والافلات في المكات

الصحيح لها فعليك ان تبين كل انواع المدخلات انطلاقا من احد منشورات udacity على الفيس

بوك كما عرفنا مسبقا انواع المدخلات في بداية الدورة

A -
Udacity

Udacity

B - Meet
Christian Plagemann, team lead for the new VR Developer Nanodegree program at
Udacity! Here he is introducing and describing our latest offering

Christian Plagemann, team lead for the new VR Developer Nanodegree program at

Udacity! Here he is introducing and describing our latest offering

C -
blog.udacity.com

blog.udacity.com

D -
Whether something was "liked" or not.

Whether something was "liked" or not.

E - 80

في هذا الكويز طلب منك ان تضع لكل من المتغير thingOne قيمة "red"

وللمتغير thingTwo قيمة "blue" وطلب

منك ان تطبع كل منهما في مخرج مع مسافة فاصلة بينهما هنا نتذكر ان المسافة في

الجافاسكربت تعتبر قيمة ، يمكنك جمعهما في متغير وطباعته او الطباعة للعملية

مباشرة في الكونسول لوغ


QuizSemicolons! (2-8)
في هذا الكويز البسبط طلب منط كتابة اسمك بالكامل وطباعته الامر سهل جدا

QuizWhat's my Name? (2-9)

في هذا الكويز سيكون عليك معرفة خواص () toFixed في الجافا

سكربت فهذه الخاصية مهمة جدا للتعداد العشري فهي تحدد عدد الارقام العشرية التي

ستظهرها في النتيجة ساعطي مثال برمجي لكي اوضح الفكرة اكثر

var tag = 34.56 + 50.01 + 13.20;

console.log("$" + tag.toFixed(1));

// result is $97.8

console.log("$" + tag.toFied(2));

//result is $97.77

console.log("$" + tag.toFixed(3));

// result is $97.770

لبد وانك لاحظت انه كلما وضعنا قيمة اكبر لtofixed ظهر تعداد

العدد العشري لانه ببساطة بدون ان نستخدم tofixed لانه العدد

الحقيقي ل 0.1 هو 0.1000000000000000055511151231257827021181583404541015625

ونحتاج الى عملية فيكس في بعض المتصفحات فالقيمة 2 فيكس هي القيمة

الافتراضية لذلك

الان ننتقل لشرح الكويز :

يستوجب عليك وضع متغير bill يحتوي على

10.25 + 3.99 + 7.15 بحيث يكون المتغير tip يساوي

bill *

.15;

ثم المتغير total يكون bill +

tip;

ولا ننسى استخدام tofixed للحصول على 2

قيمة عشرية من العدد العشري


QuizOut to Dinner (2-10)

هذا الكويز يعتبر لعبة مسلية لعشاق لما يسمى بالاساليب في اللغة

العربية وهي لعبة لملأ الفراغ بما يناسب من الجملة بحيث ان هناك قواعد للجافاسكربت

في استخدام STRING مع المتغيرات المحجوزة مسبقا مثلا

"string string string " + variables

+ "string string string "

فهذه الطريقة الصحيحة لربط متغير في جملة string



QuizOne Awesome Message (2-12)

هذا الكويز شبيه تماما بالكويز الذي سبقه عدى انك ستعرف عن نفسك وعن هوياتك واهتمامك لذا سيكون لدينا 3 متغيرات تملأها بمعلوماتك الخاصة من اختيارك اخي الكريم

var firstName = "your firstName here";

var interest = "Programming";

var hobby = "improve my Coding skills";

بعدها تعيد طباعة كل من هذه المعلومات في صياغة جملة كالتالي

"Hi, my name is Julia. I love cats. In my spare time, I like to play video games." "Hi, my name is James. I love baseball. In my spare time, I like to read."



الى هنا وينتهي شرحنا للكويزات تبع المبادرة الخاصة بالمتغيرات والمدخلات ان كانت لديكم اي تساؤلات حول كويز معين او غير مفهوم

هذا محرر رائع لتجربة اكوادكم عليه



 

اذا كان المحتوى غير ظاهر بشكل جيد يمكنك المشاهدة عبر الفيس بوك

 





 




Post a Comment

0 Comments