هذا المثال يوضح لك كيفية استخدام العبارة switch , وهو عبارة عن آلة حاسبة بسيطة تقوم بالعمليات الحسابية الأربع الجمع والطرح والضرب والقسمة , حيث تقوم اولاً باظهار رسالة تخبر المستخدم أن يختار إحدى العمليات الأربع ثم تقوم بالحساب بعد أن يدخل المستخدم الأرقام المطلوب حسابها ... مشاهدة ممتعة .
الخميس، 29 أغسطس 2013
جملة switch في لغة ++C
تساعدك جملة switch في اختبار حالات عديدة لمتغير معين في بلوك واحد فقط , وهي تختلف عن الجملة if..else حيث ان جملة if..else تستطيع استخدام المعاملات المنطقية في شروطها أما العبارة switch فلا تستخدم فيها المعاملات المنطقية .
في هذا الدرس سنتناول شرح تفصيلي لجملة switch ,, وقتاً ممتعاً .
الجمعة، 23 أغسطس 2013
تنسيق النصوص في CSS - الجزء الثاني
هذا هو الجزء الثاني من درس تنسيق النصوص في CSS , وللانتقال للجزء الاول استخدم هذا الرابط : تنسيق النصوص في CSS - الجزء الأول .
سادساً : المسافة بين الأحرف
يمكنك زيادة او انقاص المسافة بين الاحرف عن طريق الخاصية letter-spaceing ولتغيير القيم نستخدم وحدة البيكسل px وهناك وحدات اخرى لكن البيكسل اكثرها استخداماً .تنسيق النصوص في CSS - الجزء الاول
هذا هو الجزء الاول من درس تنسيق النصوص في CSS , للانتقال للدرس الثاني استخدم هذا الرابط : تنسيق النصوص في CSS - الجزء الثاني .
تحتاج كثيراً لتنسيق النصوص من ألوان أو محاذاة او تشكيل وغيرها , وتوفر لك CSS هذا واكثر عبر العديد من الخصائص التي تناسب احتياجك كمصمم ويب .
تحتاج كثيراً لتنسيق النصوص من ألوان أو محاذاة او تشكيل وغيرها , وتوفر لك CSS هذا واكثر عبر العديد من الخصائص التي تناسب احتياجك كمصمم ويب .
الجمعة، 16 أغسطس 2013
المعرّف الفريد ID في CSS
فكرة المعرّف الفريد أو ID تشبه تماماً فكرة الفئات classes إلا أن هناك فرقاً مهماً بينهما فالفئات تستخدم مع عناصر مختلفة ومن أنواع مختلفة , مثلاً :
p.redClass { color: Red; }
h2.redClass { color: Red; }
h6.redClass { color: Red; }
الأربعاء، 14 أغسطس 2013
جملة If Then في فيجوال بيسك .نت
هذا الدرس يتطلب ان تكون لديك خلفية ولو بسيطة في المنطق الرياضي , أو انتقل عبر هذا الرابط إلى درس المنطق الرياضي .
أيضاً يجب ان تكون ملماً بالمعاملات الرياضية والمنطقية في فيجوال بيسك .نت , أو انتقل عبر هذا الرابط إلى درس المعاملات الرياضية والمنطقية في فيجوال بيسك .نت .
أيضاً يجب ان تكون ملماً بالمعاملات الرياضية والمنطقية في فيجوال بيسك .نت , أو انتقل عبر هذا الرابط إلى درس المعاملات الرياضية والمنطقية في فيجوال بيسك .نت .
السبت، 10 أغسطس 2013
الجمل الشرطية في ++C - جملة if else
ملاحظة يتطلب منك هذا الدرس ان تكون ملماً بالمعاملات الرياضية والمنطقية في ++C , ويمكنك عبر هذا الرابط الانتقال إلى درس المعاملات الرياضية والمنطقية في ++C .
ايضاً يجب أن تكون ملماً بالمنطق الرياضي , أو انتقل إلى درس المنطق الرياضي .
ايضاً يجب أن تكون ملماً بالمنطق الرياضي , أو انتقل إلى درس المنطق الرياضي .
الثلاثاء، 30 يوليو 2013
التعامل مع الخلفيات في CSS
توفر لك CSS تشكيلة من الخصائص التي تساعد في التعامل بحرية مع خلفيات عناصر الويب , وهي كالتالي :
مثلاً لتحديد لون الخلفية لصفحة الويب بالكامل سنستخدم الخاصية background-color مع العنصر body :
أولاً : لون الخلفية Background Color
لتحديد لون الخلفية لأي عنصر نستخدم الخاصية background-color .مثلاً لتحديد لون الخلفية لصفحة الويب بالكامل سنستخدم الخاصية background-color مع العنصر body :
الأحد، 28 يوليو 2013
التعامل مع الصور في HTML
أعط موقعك الكثير من الحيوية والجمال وذلك باستخدام الصور سواء الثابتة منها أو المتحركة , ويمكنك ادراج الصور باستخدام الوسم </ img> وهذا الوسم ليس له وسم اغلاق , ويأتي مع الوسم img خصائص أهمها :
أولاً : الخاصية src
وهي أهم الخصائص للوسم img فبدونها لن تكون هناك صورة , وفائدة هذه الخاصية تكمن في أنها تخبر متصفح الانترنت أين موقع الصورة التي تريد استخدامها , انظر للمثال التالي :المعاملات الرياضية والمنطقية في فيجوال بيسك .نت
هذا الدرس يتطلب أن تكون لديك خلفية ولو بسيطة في المنطق الرياضي , أو اتجه عبر هذا الرابط إلى درس المنطق الرياضي .
ماهي المعاملات أو Operators :
المعاملات أو Operators بشكل عام هي تلك الرموز (مثل '+') أو الكلمات (مثل 'New') التي نستخدمها لاداء عملية معينة سواء كانت عملية رياضية كالجمع والطرح أو عملية منطقية وغيرها , ولها أيضاً أغراض أخرى .السبت، 27 يوليو 2013
المنطق الرياضي
لماذا المنطق الرياضي ؟
للمنطق الرياضي أهمية كبيرة جداً في البرمجة بشكل عام فهو يعتبر المحرك الأساسي لجمل التحكم والتكرار التي تمكنك من بناء برامج تتفاعل مع المستخدم وتنفذ أوامر معينة في ظروف يحددها المبرمج كما تمكنك من بناء برامج أكثر ذكاء ومرونة , ولهذا كان لزاماً على المبرمج أن يكون ملماً جيداً بالمنطق الرياضي .الثلاثاء، 23 يوليو 2013
المعاملات الرياضية والمنطقية في ++C
يتطلب منك هذا الدرس أن تكون لديك خلفية ولو بسيطة في المنطق الرياضي , أو اتجه عبر هذا الرابط إلى درس المنطق الرياضي .
ماهي المعاملات أو Operators :
المعاملات أو Operators بشكل عام هي تلك الرموز (وقد تكون كلمات مثل new) التي نستخدمها لاداء عملية معينة سواء كانت عملية رياضية كالجمع والطرح أو عملية منطقية أو أي عمليات أخرى , مثلاً معامل الإسناد (assignment operator) '=' الذي استخدمناه لإسناد القيم للمتغيرات :
price = 1000;
الأحد، 21 يوليو 2013
الادخال والإخراج في فيجوال بيسك .نت
أولاً : الاخراج في فيجوال بيسك .نت
للاخراج نستخدم الفئة Console مع الطريقة (الدالة) WriteLine ونضع الجملة التي نريد طباعتها بين علامتي التنصيص " " , مثال :
Console.WriteLine("Welcome to my
program")
يمكنك طباعة المتغيرات بنفس الطريقة ولكن لا تضعها بين علامتي التنصيص , مثال :
Console.WriteLine(myVariable)
Console.WriteLine("My variable is "
& myVariable)
Console.WriteLine("the first statment
" & " the second
statment")
Console.WriteLine("First line"
& vbNewLine & "Second line")
الجمعة، 19 يوليو 2013
أشباه الفئات في CSS
تعرفنا في الدرس السابق على الفئات ومقدرتها الكبيرة على التحكم بخواص كل عنصر بشكل منفرد وسنتعرف اليوم على أشباه الفئات.
تلاحظ عند استخدامك لأحد المواقع أنه عندما تضع مؤشر الماوس فوق أحد الروابط فإن لونه يتغير أو يكبر حجمه , وعندما تضغط على الرابط فإن لونه يتغير , أو عندما تضع مؤشر الماوس فوق صورة فإنها تتحرك... , كل هذا وأكثر يمكنك عمله ببساطه مع أشباه الفئات .الخميس، 18 يوليو 2013
الادخال والإخراج في ++C
أولاً : الاخراج في ++C
للإخراج نستعمل الكائن cout مع المعامل >> ونضع مانريد طباعته بداخل علامتي التنصيص " " , كهذا المثال :
cout << "Welcome to my
program";
ولطباعة قيمة المتغيرات يجب ألا نضعها بين علامتي تنصيص , كهذا المثال :
cout << myVariable;
ولإدراج سطر جديد نستخدم العبارة endl ولا نكتبها بين علامتي تنصيص " " , مثلاً :
الثلاثاء، 16 يوليو 2013
النصوص والتعامل معها في لغة HTML
أولاً : العناوين في لغة HTML
للعناوين (headers) ستة أحجام مختلفة (تسمى أيضاً ترويسات) وهي متتالية من h1 إلى h6 , وبكل بساطة ماهي إلى وسوم فكل عنوان له وسم فتح ووسم اغلاق .مثال :
الاثنين، 15 يوليو 2013
الوسم BODY
الوسم body هو أحد الوسوم الاساسية في صفحة الويب وهو الوسم الذي يقع جميع محتوى صفحة الويب بداخله مثل الصور والجداول والروابط وغيرها .
للوسم body خصائص عديدة من أهمها :
للوسم body خصائص عديدة من أهمها :
اولاً : الخاصية background
الأحد، 14 يوليو 2013
الفئات في CSS
ما الذي سيفعله الكود التالي ؟
من هنا ظهرت الفئات في لغة CSS فهي تضيف للغة مرونة هائلة وأصبح بإمكانك أن تتكيف في خواص العناصر بمرونة كبيرة فمثلاً يمكنك تعديل خواص أحد عناصر h6 مع عدم تعديل خواص باقي عناصر h6 .
h1
{
color
: Blue;
}
نعم , الكود السابق سيقوم بتغيير لون جميع عناصر h1 في صفحة HTML إلى اللون الأزرق , ولكن ماذا لو أردت أن تغير لون بعض عناصر h1 فقط وليس جميعها؟ مشكلة أليس كذلك؟من هنا ظهرت الفئات في لغة CSS فهي تضيف للغة مرونة هائلة وأصبح بإمكانك أن تتكيف في خواص العناصر بمرونة كبيرة فمثلاً يمكنك تعديل خواص أحد عناصر h6 مع عدم تعديل خواص باقي عناصر h6 .
بدايتك مع CSS
تضيف CSS مظهراً رائعاً لصفحات الويب وذلك بما تضفيه من خواص جذابة على عناصر صفحات الويب مثل التدرجات اللونية والظلال وغيرها .
ملاحظة مهمة : قبل البدء في دروس CSS يجب أن تكون لديك خلفية ولو بسيطة في لغة HTML , أو انتقل عبر الرابط التالي إلى دروس لغة HTML .
القاعدة العامة لكتابة كود CSS هي كالتالي :
ملاحظة مهمة : قبل البدء في دروس CSS يجب أن تكون لديك خلفية ولو بسيطة في لغة HTML , أو انتقل عبر الرابط التالي إلى دروس لغة HTML .
القاعدة العامة لكتابة كود CSS هي كالتالي :
قواعد تسمية المتغيرات
لتسمية المتغيرات قواعد يجب الاهتمام بها , والاخطاء في تسمية المتغيرات ينتج عنها اخطاء برمجية اثناء وقت الترجمة , وهذه القواعد كالتالي :
1- يجب ألا يبدأ اسم المتغير برقم , ولكن يمكن أن يحتوي على أرقام .
2- يجب ألا يحتوي اسم المتغير على أية رموز , ماعدا الشرطة السفلية ( _ ) .
3- يجب ألا يحتوي اسم المتغير على مسافات , ويمكن استبدال المسافة باستخدام الشرطة السفلية مثل : Khalid_Ali .
4- يجب ألا يكون اسم المتغير هو احدى الكلمات المحجوزة (keywords) لأن هذا سيسبب الارتباك للمترجم اثناء ترجمة البرنامج لهذا منع تسمية المتغيرات بالكلمات المحجوزة , مثلاً لايمكنك تسمية المتغير بالاسم double لانها احدى الكلمات المحجوزة .
1- يجب ألا يبدأ اسم المتغير برقم , ولكن يمكن أن يحتوي على أرقام .
2- يجب ألا يحتوي اسم المتغير على أية رموز , ماعدا الشرطة السفلية ( _ ) .
3- يجب ألا يحتوي اسم المتغير على مسافات , ويمكن استبدال المسافة باستخدام الشرطة السفلية مثل : Khalid_Ali .
4- يجب ألا يكون اسم المتغير هو احدى الكلمات المحجوزة (keywords) لأن هذا سيسبب الارتباك للمترجم اثناء ترجمة البرنامج لهذا منع تسمية المتغيرات بالكلمات المحجوزة , مثلاً لايمكنك تسمية المتغير بالاسم double لانها احدى الكلمات المحجوزة .
المتغيرات في سي++
كما عرفنا فالمتغيرات هي أماكن تخزين البيانات في ذاكرة الكمبيوتر وتتيح لنا لغة سي++ التعامل مع كثير من البيانات سواء كانت أرقاماً أو حروفاً أو سلاسل حرفية وغيرها لتستخدم في مختلف العمليات .
القاعدة العامة لتعريف المتغيرات هي كالتالي :
القاعدة العامة لتعريف المتغيرات هي كالتالي :
variable_type variable_name = value;
حيث أن variable_type هو نوع المتغير , و variable_name هو اسم المتغير , أما value فهي تمثل القيمة (البيانات) التي نضعها في المتغير .السبت، 29 يونيو 2013
1: برنامجك الأول في سي++
لغة سي++ هي من اللغات عالية المستوى وتستخدم كلمات انجليزية تقريباً بمعناها الأصلي ولهذا تتطلب برنامجاً يسمى مترجم "Compiler" ليقوم بتحويل الأوامر في سي++ إلى لغة الآلة فالكمبيوتر لايفهم اللغات عالية المستوى بشكل مباشر , وهناك أداة اخرى نحتاج إليها وهي المربط أو Linker وهو أداة تقوم بتجميع ملفات .obj الناتج من عملية الترجمة إلى ملف تنفيذي ويكون عادة بالإمتداد exe. أو مكتبات الربط الديناميكية .dll , وأداة أخرى وهي محرر النصوص والذي سنكتب فيه السطور البرمجية مثل برنامج المفكرة الموجود على نظام الويندوز, في الماضي كانت هذه البرامج متوفرة كل واحد على حدة ويتم ربط البرنامج وترجمته عن طريق أسطر أوامر console , أما اليوم فهي موجودة في برنامج واحد يحتوي على محرر النصوص والمترجم والمربط في آن واحد ولهذا يسمونه بيئة التطوير المتكاملة أو Integrated Development Environment (اختصاراً IDE) , ومن أشهرها Borland C++ وبيئة الفيجوال ستوديو Microsoft Visual Studio المقدمة من شركة ميكروسوفت , كذلك يمكنك استخدام برنامج Dev-C++ المقدم من شركة Bloodshed وهو الذي سنستخدمه في جميع دروسنا ويمكنك تحميله من هنا Dev-C++ .
الجمعة، 24 مايو 2013
المتغيرات في فيجوال بيسك .نت
المتغيرات (variables) هي أماكن تخزين البيانات في ذاكرة الكمبيوتر ولأنها الأساس في تعلم أي لغة برمجة وجب عليك تعلمها واتقانها فكل ماسنتعلمه في المستقبل يعتمد على المتغيرات واذا كنت قد مررت بأي لغة برمجة ستجد أن فكرة المتغيرات في لغة فيجوال بيسك .نت مشابهة تقريباً للغات الأخرى ماعدا بعض الاختلافات والتي تتعلق بأسلوب كتابة اللغة أو بعض أنواع المتغيرات الخاصة باللغة نفسها .
الخميس، 23 مايو 2013
أول صفحة ويب بلغة HTML
عرفت سابقاً أن لغة HTML تعتمد على الوسوم "Tags" في تصميم صفحات الانترنت وهنا تكمن سهولة HTML فهي لا تحوي أي تعقيد اطلاقاً .
توجد هناك عدة برامج لتصميم صفحات الويب مثل برنامج دريم ويفر المخصص لهذا الغرض, وكذلك بيئة الفيجوال ستوديو المقدمة من ميكروسوفت وكلاهما يحتوي على محرر نصوص متطور مع مصمم للصفحات وكذلك العديد من المميزات , ولكننا سنستخدم مبدئياً برنامج "المفكرة" المضمن مع نظام التشغيل "ويندوز" , وستقوم الآن بكتابة اول صفحة ويب بلغة HTML فقط قم بفتح برنامج المفكرة واكتب الكود التالي :
توجد هناك عدة برامج لتصميم صفحات الويب مثل برنامج دريم ويفر المخصص لهذا الغرض, وكذلك بيئة الفيجوال ستوديو المقدمة من ميكروسوفت وكلاهما يحتوي على محرر نصوص متطور مع مصمم للصفحات وكذلك العديد من المميزات , ولكننا سنستخدم مبدئياً برنامج "المفكرة" المضمن مع نظام التشغيل "ويندوز" , وستقوم الآن بكتابة اول صفحة ويب بلغة HTML فقط قم بفتح برنامج المفكرة واكتب الكود التالي :
الأربعاء، 22 مايو 2013
2: أنواع البيانات في لغة سي++
في عالم الحاسوب يطلق مصطلح البيانات على كل مايقوم الحاسوب بمعالجته سواء كانت أرقاماً أو حروفاً أو رموزاً بأي شكل وبأي كمية كانت حيث يستقبلها الحاسوب من المستخدم على شكل مدخلات input ويقوم بمعالجتها ويخرجها على شكل مخرجات output وعندها تسمى معلومات .
في البرمجة نخزن البيانات في مخازن تسمى "المتغيرات" والمتغيرات تخزن في ذاكرة الكمبيوتر ولكن أولاً يجب أن يعرف الكمبيوتر مانوع البيانات (Data Type) التي نريد تخزينها حتى يستطيع الكمبيوتر التعامل بشكل جيد وتحديد المساحة المناسبة من الذاكرة لتخزين هذا المتغير سواء كان هذا المتغير عدداً صغيراً أو كبيراً أو حرفاً .
الأربعاء، 24 أبريل 2013
1: برنامجك الأول في الفيجوال بيسك دوت نت
لكي نبدأ بكتابة أول برنامج لنا يجب تحميل بيئة الفيجوال ستوديو (Microsoft Visual Studio .NET) وسنعمل بإذن الله على الإصدار 2010 وما فوق , وبإمكانك الحصول عليها من هذا الرابط .
ولتحميل الاصدار 2012 انقر على هذا الرابط .
لن نتعمق كثيراً في شرح بيئة الفيجوال ستوديو وسنشرحها لاحقاً بإذن الله ويكفي أن نهتم ببعض المفاهيم التي ستجعلك تفهم البيئة بشكل مبدئي .
الحل Solution :
يحوي الحل عنصراً أو مجموعة عناصر تسمى المشاريع أو Projects .
المشروع Project :
الأربعاء، 17 أبريل 2013
ما هي فيجوال بيسك دوت نت ؟
أنشأت ميكروسوفت في عام 2001 لغة فيجوال بيسك دوت نت كنسخة جديدة كلياً من لغة فيجوال بيسك لتضيفها إلى عائلة لغات الدوت نت والمضمنة جميعها في بيئة التطوير (IDE) المسماة ميكروسوفت فيجوال ستوديو (Microsoft Visual Studio) , وتتسيد فيجوال بيسك دوت نت تطبيقات مواقع الإنترنت وتطبيقات قواعد البيانات والوسائط المتعددة والتطبيقات التجارية وبعض الألعاب .
لغة فيجوال بيسك دوت نت مختلفة تماماً عن فيجوال بيسك فعندما تتحدث عن فيجوال بيسك دوت نت فأنت تتحدث عن لغة جديدة كلياً أنشأتها ميكروسوفت من الصفر وليس لها أي علاقة بلغة فيجوال بيسك لذا ضع في الاعتبار أنك تتعامل مع لغة حديثة وجديدة هي لغة Microsoft Visual Basic .NET .
لغة فيجوال بيسك دوت نت مختلفة تماماً عن فيجوال بيسك فعندما تتحدث عن فيجوال بيسك دوت نت فأنت تتحدث عن لغة جديدة كلياً أنشأتها ميكروسوفت من الصفر وليس لها أي علاقة بلغة فيجوال بيسك لذا ضع في الاعتبار أنك تتعامل مع لغة حديثة وجديدة هي لغة Microsoft Visual Basic .NET .
ما هي CSS ؟
يشير الإختصار CSS إلى Cascading Style Sheet أو "ورقة الأنماط المتتالية" باللغة العربية , وهي لغة تستخدم لتنسيق صفحات ومواقع الانترنت , أطلقها مجلس الويب W3C وصممت خصيصاً لرفع العبء عن مصممي الويب وذلك بعزل التنسيق (الخطوط والألوان والأبعاد .. إلخ) عن مستند (HTML مثلاً) بحيث يحتوي مستند HTML على شفرات HTML فقط أما التنسيق فيوجد في ملف خارجي وقد تتساءل ما الفائدة من هذا؟؟
الفائدة من هذا هو انه وباستخدام تقنية CSS أصبح بإمكانك التعديل على تنسيق عدد من صفحات الويب باستخدام ملف CSS واحد فقط!!
الفائدة من هذا هو انه وباستخدام تقنية CSS أصبح بإمكانك التعديل على تنسيق عدد من صفحات الويب باستخدام ملف CSS واحد فقط!!
الاثنين، 15 أبريل 2013
ما هي HTML ؟
يشير الإختصار HTML إلى HyperText Markup Language وليس لها بالضبط ترجمة متفق عليها إلى اللغة العربية فبعض الناس يترجمها (لغة النص التشعبي الفائق) وبعضهم من يترجمها (لغة رقم النص الفائق) وترجمة أخرى (لغة النص الهجين الفائق) ... وغيرها .
تستخدم لغة HTML لبناء صفحات الإنترنت وهي إحدى لغات الوصف أي أنها ليست لغة برمجة وتعطي متصفح الإنترنت وصفاً لكيفية عرض عناصر الصفحة , وتعتمد في تركيبها على الوسوم <Tags> وكل وسم له عمل محدد ويمثل عنصراً في صفحة الإنترنت وكل عنصر له وسم فتح ووسم إغلاق وتوضع الوسوم بين علامتي أكبر من > وأصغر من < , مثل (<table></table>) ويقوم متصفح الإنترنت بتفسير هذه الوسوم وتحويلها إلى عناصر واضحة وسهلة القراءة بالنسبة لمستخدم الموقع .
تستخدم لغة HTML لبناء صفحات الإنترنت وهي إحدى لغات الوصف أي أنها ليست لغة برمجة وتعطي متصفح الإنترنت وصفاً لكيفية عرض عناصر الصفحة , وتعتمد في تركيبها على الوسوم <Tags> وكل وسم له عمل محدد ويمثل عنصراً في صفحة الإنترنت وكل عنصر له وسم فتح ووسم إغلاق وتوضع الوسوم بين علامتي أكبر من > وأصغر من < , مثل (<table></table>) ويقوم متصفح الإنترنت بتفسير هذه الوسوم وتحويلها إلى عناصر واضحة وسهلة القراءة بالنسبة لمستخدم الموقع .
ما هي سي++ ؟
لغة C++ هي امتداد وتطوير للغة السي صممها "بيارن ستروستروب" عام 1983م في مختبرات بيل , وهي تعتبر لغة برمجية كائنية التوجه , ويعتبرها الكثيرون الأفضل لتصميم تطبيقات ذات واجهة معقدة كونها من اللغات عالية المستوى وكذلك الأفضل للتخاطب (التعامل) مع البنية الأصلية للحاسوب كونها قريبة من اللغات منخفضة المستوى ويمكن أيضاً اضافة كود من لغة التجميع إلى أكواد لغة C++ .
الاثنين، 1 أبريل 2013
افتتاح مدونة شيفرة
تم بحمد الله هذه الليلة افتتاح مدونة شيفرة وهذه أول تدوينة فيها ... وهي مدونة أعرض فيها دروسأ للمبتدئين في بعض لغات برمجة تطبيقات سطح المكتب وبرمجة وتصميم الويب وكذلك أخبار وجديد البرمجة سائلاً الله التوفيق والثبات والسداد ...