الدرس الاول : التعرف على بيئه الدوت نت وكيف التعامل معه
بسم الله الرحمن الرحيم
السلام عليكم ورحمه الله وبركاته
في هذا الدرس سوف نتعرف على الدوت نت وكيف التعامل معه وكيف الوصول إلى الخصائص وكذلك الأدوات وغيره
طبعا Microsoft Visual Studio .NET 2003 فيجوال ستيديو دوت نت فيه مميزات عديدة ورائعه فعلا وهي تنقيه حديثه ورائعه
دعنا الان نتعرف بالصور على الدوت نت .. فهل أنت مستعد ! أذا لما الأنتظار هيا بنا مع نورتن للتعرف على الدوت نت
وبسمه تعالى نبدأ
********
على فكرة برنامج الدوت نت يحتوى على ست 6 أسطوانات لتثبيته وهم السي دي الأول والثاني والثالث والباقين هم مكتبه ام أس دي أن msdn
المهم أذا كنت مثبت الفيجوال دوت نت على جهازك شغل الدوت نت
شغل الدوت نت لكي ترى هذه الصورة
طعبا هذا صورة الدوت نت ولكن الصورة مصغرة لكي نرى كل شيء أتفقنا ! (:
في هذه الصورة تعرض علينا أي مشروع عملت عليه مسبقا يعني مثلا أنت علمت مشروع بالدوت نت وصار لك يوم أو يومين ثم شغلت الدوت نت
سوف ترى فيه المشروع الذي علمته ولذى ما عليك فعله هو الضغط على أسم المشروع الذي عملت عليه طبعا
هذا الواجهه تساعدنا كثيرا من العناء في البرمجة واي مشروع تعمل عليه سوف تراه من خلال هذه اللسته
المهم الأن نريد أن نرى ما فيه داخل الدوت نت
الأن وبكل حماس وثقه بنفسك أذهب إلى ملف ومن ثم أختر جديد ومن ثم أختر مشروع كالتي
File >>> New >>>> Project
كما في الصورة
وبعد الضغط على ملف ثم جديد ثم مشروع سوف تظهر لك أنواع المشاريع وكذلك
أنواع اللغات التي تريد البرمجه بها ... بصراحة برنامج الدوت نت
يقدم خدمات للمبرمجين رائعه
المهم راح تشوف نفس هذه الصورة التاليه
طبعا كما قلت لكم لدينا عدة لغات تستطيع البرمجة بواسطتهم وهم كالتالي :
1 - Visual Basic Projects
2- Visual C# Projects
3- Visual J# Projects
4- Visual C++ Projects
وكذلك يوجد قسم خاص لعمل لبرنامجك الستب أي أعدادات الستب الرائعه وهي
1- Setup and Deployment Project
************************
وفي نفس مربع الحوار هذا أنتظر أسفل سوف ترى معلومات كثيرة لنى الصورة
وسوف نرى هنا معلومات ! وهي تخص أسم المشروع وكذلك مكان الحفظ
في خانه Name هنا سوف تضغ أسم المشروع لكي تتعرف عليه
وفي خانه Location هنا سوف يتم حفظ المشروع فيه تلقائيا وسوف تراه في المستندات
وهذه أهم شيء تعرفه كباديه ..
***********************************************
الان سوف نوضح بعض الأشياء المهم التي يجب أن تعرفها قبل البدأ في البرمجة وكتابه الكود أو الشفرات
سوف ندخل على لغة السي شارب ونتعرف على بعض الاشياء الهامه التي تنطبق على كل اللغات
أذا هيا لنبدأ
حدد لغة السي شارب Visual C# Projects لكي تظهر لك أنواع المشاريع التي سوف نعمل بها في جهه اليمين
وأختر منه مشروع كونسيل أبلكيشن ConsoleApplication كما في الصورة الموضحه
أذا كنت تريد تغير أسم المشروع فهذا على كيفك المهم أضغط عليه ضغط مزدوج لكي يفتح لك المشروع ....
بعد الضغط على المشروع لا ترى شيء مثير للأهتمام سوف ترى هذه العبارات الغريبه والمربكه فعلا
========================
using System;
namespace ConsoleApplication1
{
///
/// Summary description for Class1.
///
class Class1
{
///
/// The main entry point for the application.
///
[STAThread]
static void Main(string[] args)
{
//
// TODO: Add code to start application here
//
**
**
**
====================
أنتظر إلى الصورة التاليه التي فيها هذا الكود المربك فعلا
طعبا في السي شارب ما راح يهنا كل هذا الكود الموجود والذي أنشأ أليا ما يهمنا هو القوسين اللذان بين هذه العبارة
{
//
// TODO: Add code to start application here
//
**
وأنظر إلى هذه الجمله المكتوبه TODO: Add code to start application here
وهي تعني أذا أردت ان تبدأ بكتابه كود أبدأ من هنا ... هذا أهم شيء تعرف
وهو أين مكان كتابه الكود .. يعني لما تشغل السي شارب مرة ثانيه
وتريد أن تبدأ مشروع جديد يجب عليك أن تمسح هذا الكلام
//
// TODO: Add code to start application here
//
وتبدا في كاتبه الكود ... الان وصلنا إلى أهم شيء وهو مكان كتابه الكود وأنا أعتبرة مفتاح إلى الدخول !
أنظر إلى هذا الكلامات المكتوبه في هذا الكود واعني أنظر إلى كل الكود الموجود سوف ترى أكواد ملونه
باللون الازرق
والأخضر
والأسود
والرصاصي
أهم شيء تعرف ماذا تعني بعض هذا الألوان لنشرح المهم
أي شيء مكتوب باللون الأزرق فهذا يعني كلمه محجوزة ولا يجوز أستخدام هذا
الكلمه كمتغير لبرنامجك وأن شاء الله سوف أضع أنواع الكلمات
المحجوزة أنظر إلى الصورة وإلى الكلمات المحجوزة في الصورة التاليه
اخي العزيز لما تتعرف على الأشياء المهمه سوف تكون مبرمج من الدرجه الأولى وهذا هو أهم شيء
أما بالنسه للون الاخضر فهذا يعني أنه كلام فقط للتعليق على كود معين يعني
بأمكانك كتابه أي شيء سواء باللغة العربيه أو بالانجليزيه وكان لونه أخصر
فهو لن يهتم به أي الفيجوال بيسيك لن يهتم به يعتبرة فقط للتعليق على شيء
أنظر كما في الصورة وعلى فكرة أذا أردت أن تعمل جمله للتعليق أضغط هذه
الشرطه ////////// كررها عدة مرات لكي يكون لونها أخضر أنظر أنا ماذا فعلت
هل رأيت كيف عملت جمله تعليق وهذا يفيد أذا مثلا علمت برنامج ويوجد فيه
متغيرات كثيرة بأمكانك أن تضيف جمل تعليق لمعرفه ما فائدة هذا الكود !
*****************************************
*****************************************
في نقطه مهمه يجب أن تعملها قبل ما ننسى ... لأختبار البرنامج وأصطياد الأخطاء اعمل نفس هذه الطريقة لاظهار هذا الزر كما في الصور
أضغط بالفأرة في مكان فارغ على شريط الادوات الذي في الاعلى تحت الأطار للبرنامج لكي تظهر لك هذه الصورة
لكي تظهر لك هذه القائمه وأختر منها آخر شيء هو كوستميز Customize وبعد الضغط عليه سوف تظهر لك هذه الصورة
في هذه الصورة أختر أولا التبويب Commands ومن ثم من جهه اليسار في اللسته التي تحمل أسم Categories أختر منها Debug
ومن ثم آخر شيء حرك الأسم إلى أسفل لكي ترى هذا الزر Start Without Debugging بعد ما تختارة أضغط عليه بالزر الأيسر ولا تحرر الضغط
بل أسحبه وألفته على شريط الادوات لكي يكون كالتالي أنظر الصورة
طبعا ربما أنت تسائلت لماذا هذا الزر الذي على شكل علامه تعجب !
أنا راح أقول لك هذا لأختبار البرنامج من الاخطاء ولكي يعلمنا عند وجود خطأ أو مشكله ... أوكي !
طبعا راح لما نريد تشغل البرنامج نستخدم هذا الزر لتشغيل البرنامج أوكي ...
*************
بعض المعلومات على الطاير سوف أعطيكم اياها أنظر إلى الدوت نت في الأعلى سوف ترى هذا كما في الصورة
وش القصد من هذا أنا سوف أعطيك المعلومه الصحيحه رقم واحد الذي مبين لديك أذا كنت تريد الرجوع لصفحه البدا
وكذلك رقم 2 للرجوع لصفحة كتابه الكود طبعا هذه التبويبات لتسهيل التنقل بين التصميم والكود وغيرة
*********
********
وآخر شيء يجب أن توفر لك المساحة لكتابه الكود والتصميم سوف أعلمكم طريقة رائعه فعلا أولا لنرى ماهو الذي يأخذ مساحة في الدوت نت
أنظر إلى أول صورة
طبعا هذا راح يأخذ مساحة ولا يوجد مكان كافي للتصميم أو لكتابه الكود أنظر
للصورة سوف تجد في الرقم 1 زر ضغير لما ضغط عليه راح تختفي
هذه القائمه تلقائي يعني لما تممر الماوس عليه سوف تظهر بشكل كامل ورائع
قبل ما تعمل لكل قائمه هكذا أذهب من قائمه وندوز ثم أخفاء الكل
أنظر إلى الصورة
في هذا الخيار سوف يقوم بأخفاء جميع القوائم التي في اليمين أو اليسار لتوفير المساحة للتصميم وكذلك كتابه الكود
وسوف تكون على النحو التالي أنظر الصورة
طبعا هذا الأرقام فقط للتوضيح أبه يوجد خصائص به في كل شيء منه هذه الأيقوانات
وبمجرد تمرير الماوس عليه سوف تظهر لك الخصائص بشكل رائع فعلا .
********************************
********************************
معلومه على الطاير (:
لما تكتب كود معين وترى عليه أسفله خط أحمر يعني أعرف أنه هذا خطأ ولا تحاول معه فهو خطأ
معلومه احتفظ بها لك
ترتيب الكود في الدوت نت طريقة رائعه لترتيب الكود أنظر إلى هذه الصورة يوجد فيه تعليق وكود غير مرتبين أنظر
لاحظ بانه الكود غير مرتب ولكن في طريقة رائعه لترتيب الكود
أنظر إلى ترقيم الأقواس في الأسفل 1و2و3 أهم شيء عندنا هو رقم 2
لترتيب الكود ما عليك فعله هو مسح القوس رقم 2 وكتابته مرة أخرى فقط أنظر إلى الكود بعد الترتيب !
هل تصدق ! لقد تم ترتيب الكود كليا هذا رائع ها قلي ماهو رأيك أخي القارئ ! هل هذا رائع ؟
****************
قبل لا أنسى هذه قائمه بأسماء أو الكلمات المحجوزة التي لايجوز أن
تستخدمها كمتغير كالتالي string null ; لا يصح أنظر الأسماء للعلم فقط
أنتهى الدرس .....
وفي الختام أتمنى الشرح كان واضحا ومفهوما ولا يوجد به أي غموض أي شيء