تقنية المعلومات و الذكاء الاصطناعي pinned «افضل منصه لتعليم البرمجه بالمجان https://apk.e-droid.net/apk/app2298256-y3lanu.apk?v=5»
خارطة الطريق لبرمجة المواقع
خارطة طريق مختصرة توضح مجال تطوير المواقع للراغبين في البدء به.
عمار الخوالدةمنذ 4 سنوات
خارطة الطريق لبرمجة المواقع
1. مقدمة
1.1. ماذا سأستفيد من هذا المقال
إن كنت تريد البدء بتطوير المواقع فهذا المقال سيضعك في بداية الطريق وسيعطيك تصورًا عن التقنيات التي ستتعلمها وفائدة هذه التقنيات حتى تكون لديك فكرة مسبقة عما يجب أن تتعلمه، مما سيجعلك تبدأ بداية صحيحة في هذا المجال.
1.2. كيف تعمل المواقع
الموقع يتكون بشكل أساسي من مجموعة من الملفات والصفحات المترابطة مع بعضها، هذه الملفات تُخزّنُ على خادم (Server) وهو جهاز كمبيوتر تكون بالغالب مواصفاته قوية جدا ويعمل على مدار 24 ساعة دون انقطاع، فعند كتابتك في المتصفح لرابط أي موقع يقوم المتصفح بطلب ملفات الموقع من الخادم لعرضها للمستخدم كما توضح الصورة التالية:
Server client communication
يقوم المتصفح بارسال طلب (Request) إلى السيرفر، ثم يقوم السيرفر بمعالجة الطلب ومعرفة الملفات والبيانات التي يجب تزويد جهازك بها، فيقوم بإرسال استجابة (Response) فيها المعلومات التي تلزم المتصفح لعرض ملفات الموقع للمستخدم، وهذا التواصل يتم عن طريق بروتوكول HTTP.
2. البداية
2.1. ما هي المتطلبات السابقة لتعلم تطوير المواقع
المتطلبات السابقة موجودة في النقاط أدناه وهي ملونة بحسب التصنيف التالي:
الأحمر:مهم وقد تواجه بعض الصعوبة إن تجاوزته.
الأخضر: تفضيل شخصي من وجهة نظري.
معرفة طريقة استخدام المواقع: قد تراها نقطة تافهة ولا يجب الحديث عنها، لكن هناك بالفعل الكثير ممن يفترض أنهم مبرمجون ولا يتقنون استخدام المواقع بشكل جيد!
مهارات البحث: كمبرمج ستواجهك الكثير من المشاكل، والطريقة الأفضل والأسهل والأسرع هي البحث عن حل المشكلة قبل السؤال أو طلب المساعدة فمعظم المشاكل التي تواجهك ستجد حلها في النتيجة الأولى أو الثانية بجوجل، فليس من المنطقي أن تسأل وتنتظر الإجابة في حين بإمكانك الوصول إلى الجواب خلال ثوانٍ! وهذا في النهاية لا ينفي أنك ستحتاج إلى السؤال أحيانا، فيمكنك حينها طرح السؤال في قسم الأسئلة.
معرفة أقسام تطوير المواقع: ينقسم تطوير المواقع إلى عدة أقسام، يجب معرفة الفرق بينها قبل البدأ وسنناقش هذه الأقسام بشكل مختصر خلال هذا المقال.
معرفة أساسيات البرمجة: شخصيا أُفضِّلُ أن تكون لديك معرفة بواحدة من لغات البرمجة قبل البدء بتطوير المواقع.
2.2. أقسام تطوير وتصميم المواقع
كل موقع يجب أن يحتوي على تصميم، والتصميم في الغالب هو أول ما يلفت الانتباه عند تصفح أي موقع، فتصميم الموقع من الأمور المهمة، وهو أول موضوع ستتعلمه قبل البدء ببرمجة المواقع بشكل فعلي، وتصميم المواقع لا يتم باستخدام البرمجة، بل يتم عن طريق بعض اللغات الوصفية البسيطة، وسنتطرق إلى هذا الموضوع أكثر لاحقا في هذا المقال.
برمجة المواقع تنقسم إلى قسمين:
1. البرمجة من جهة العميل ( Client Side - Frontend):
وضحنا سابقا أن الموقع يعمل عن طريق إرسال طلب من المتصفح إلى السيرفر، ثم يرسل السيرفر الاستجابة، والاستجابة تحتوي على عدد من الملفات، من الملفات المهمة هي ملفات لغة جافاسكربت (Javascript) فبما أن السيرفر يقوم بإرسال كود جافاسكربت إلى العميل، فإن هذا يعني أن كود جافاسكربت لن يتم تنفيذه على السيرفر، إنما يتم إرساله إلى العميل ثم يُنفذ على جهاز العميل، والفائدة من هذه العملية هو تنفيذ مهام أو عمليات معينة داخل الموقع بالتعامل مع عناصر الموقع ( كالأزرار والنصوص وغيرها ) وتُنفذ العملية بشكل مباشر أمام المستخدم، لأن الكود ينفذ على جهازه وليس على السيرفر، فعند تنفيذ عملية معينة باستخدام جافاسكربت، لا داعي لإرسال طلب إلى السيرفر ليقوم بدوره بالاستجابة، فالكود موجود على جهازك أنت وسينفذ في جهازك مباشرة، وهناك العديد من الأمثلة على ذلك، فعند كتابتك لسؤال مثلا في عالم البرمجة، ستلاحظ وجود مكان لكتابة الكلمات الدلالية للسؤال، وعند ضغط زر Enter بعد كتابة الكلمة، تجد أن لون خلفية الكلمة قد تغير إضافة إلى ظهور زر لحذفها، وتلاحظ أيضا أن العملية تمت مباشرة وتحصل هذه العملية حتى إن فصلت اتصال الانترنت عن جهازك، لأن هذه العملية تم تنفيذها على جهازك وليس على السيرفر لذلك لم تحصل عملية طلب واستجابة ( Request - Response ) فلم يؤثر انقطاع اتصال الانترنت على هذه العملية.
2. البرمجة من جهة الخادم (Server side - Backend):
تختلف البرمجة من جهة الخادم عن البرمجة من جهة العميل، فالكود لا يتم إرساله إلى المستخدم أبدا، إنما يتم تنفيذه على الخادم، فمثلا عند تسجيلك في موقع عالم البرمجة يقوم المتصفح بإرسال طلب إلى الخادم فيه المعلومات التي قمت بإدخالها، يقوم الخادم بالعديد من العمليات عند وصول الطلب، منها التحقق من عدم تكرار البريد الالكتروني في قاعدة بيانات الموقع، وتشفير كلمة المرور لمنع إمكانية الاطلاع عليها
خارطة طريق مختصرة توضح مجال تطوير المواقع للراغبين في البدء به.
عمار الخوالدةمنذ 4 سنوات
خارطة الطريق لبرمجة المواقع
1. مقدمة
1.1. ماذا سأستفيد من هذا المقال
إن كنت تريد البدء بتطوير المواقع فهذا المقال سيضعك في بداية الطريق وسيعطيك تصورًا عن التقنيات التي ستتعلمها وفائدة هذه التقنيات حتى تكون لديك فكرة مسبقة عما يجب أن تتعلمه، مما سيجعلك تبدأ بداية صحيحة في هذا المجال.
1.2. كيف تعمل المواقع
الموقع يتكون بشكل أساسي من مجموعة من الملفات والصفحات المترابطة مع بعضها، هذه الملفات تُخزّنُ على خادم (Server) وهو جهاز كمبيوتر تكون بالغالب مواصفاته قوية جدا ويعمل على مدار 24 ساعة دون انقطاع، فعند كتابتك في المتصفح لرابط أي موقع يقوم المتصفح بطلب ملفات الموقع من الخادم لعرضها للمستخدم كما توضح الصورة التالية:
Server client communication
يقوم المتصفح بارسال طلب (Request) إلى السيرفر، ثم يقوم السيرفر بمعالجة الطلب ومعرفة الملفات والبيانات التي يجب تزويد جهازك بها، فيقوم بإرسال استجابة (Response) فيها المعلومات التي تلزم المتصفح لعرض ملفات الموقع للمستخدم، وهذا التواصل يتم عن طريق بروتوكول HTTP.
2. البداية
2.1. ما هي المتطلبات السابقة لتعلم تطوير المواقع
المتطلبات السابقة موجودة في النقاط أدناه وهي ملونة بحسب التصنيف التالي:
الأحمر:مهم وقد تواجه بعض الصعوبة إن تجاوزته.
الأخضر: تفضيل شخصي من وجهة نظري.
معرفة طريقة استخدام المواقع: قد تراها نقطة تافهة ولا يجب الحديث عنها، لكن هناك بالفعل الكثير ممن يفترض أنهم مبرمجون ولا يتقنون استخدام المواقع بشكل جيد!
مهارات البحث: كمبرمج ستواجهك الكثير من المشاكل، والطريقة الأفضل والأسهل والأسرع هي البحث عن حل المشكلة قبل السؤال أو طلب المساعدة فمعظم المشاكل التي تواجهك ستجد حلها في النتيجة الأولى أو الثانية بجوجل، فليس من المنطقي أن تسأل وتنتظر الإجابة في حين بإمكانك الوصول إلى الجواب خلال ثوانٍ! وهذا في النهاية لا ينفي أنك ستحتاج إلى السؤال أحيانا، فيمكنك حينها طرح السؤال في قسم الأسئلة.
معرفة أقسام تطوير المواقع: ينقسم تطوير المواقع إلى عدة أقسام، يجب معرفة الفرق بينها قبل البدأ وسنناقش هذه الأقسام بشكل مختصر خلال هذا المقال.
معرفة أساسيات البرمجة: شخصيا أُفضِّلُ أن تكون لديك معرفة بواحدة من لغات البرمجة قبل البدء بتطوير المواقع.
2.2. أقسام تطوير وتصميم المواقع
كل موقع يجب أن يحتوي على تصميم، والتصميم في الغالب هو أول ما يلفت الانتباه عند تصفح أي موقع، فتصميم الموقع من الأمور المهمة، وهو أول موضوع ستتعلمه قبل البدء ببرمجة المواقع بشكل فعلي، وتصميم المواقع لا يتم باستخدام البرمجة، بل يتم عن طريق بعض اللغات الوصفية البسيطة، وسنتطرق إلى هذا الموضوع أكثر لاحقا في هذا المقال.
برمجة المواقع تنقسم إلى قسمين:
1. البرمجة من جهة العميل ( Client Side - Frontend):
وضحنا سابقا أن الموقع يعمل عن طريق إرسال طلب من المتصفح إلى السيرفر، ثم يرسل السيرفر الاستجابة، والاستجابة تحتوي على عدد من الملفات، من الملفات المهمة هي ملفات لغة جافاسكربت (Javascript) فبما أن السيرفر يقوم بإرسال كود جافاسكربت إلى العميل، فإن هذا يعني أن كود جافاسكربت لن يتم تنفيذه على السيرفر، إنما يتم إرساله إلى العميل ثم يُنفذ على جهاز العميل، والفائدة من هذه العملية هو تنفيذ مهام أو عمليات معينة داخل الموقع بالتعامل مع عناصر الموقع ( كالأزرار والنصوص وغيرها ) وتُنفذ العملية بشكل مباشر أمام المستخدم، لأن الكود ينفذ على جهازه وليس على السيرفر، فعند تنفيذ عملية معينة باستخدام جافاسكربت، لا داعي لإرسال طلب إلى السيرفر ليقوم بدوره بالاستجابة، فالكود موجود على جهازك أنت وسينفذ في جهازك مباشرة، وهناك العديد من الأمثلة على ذلك، فعند كتابتك لسؤال مثلا في عالم البرمجة، ستلاحظ وجود مكان لكتابة الكلمات الدلالية للسؤال، وعند ضغط زر Enter بعد كتابة الكلمة، تجد أن لون خلفية الكلمة قد تغير إضافة إلى ظهور زر لحذفها، وتلاحظ أيضا أن العملية تمت مباشرة وتحصل هذه العملية حتى إن فصلت اتصال الانترنت عن جهازك، لأن هذه العملية تم تنفيذها على جهازك وليس على السيرفر لذلك لم تحصل عملية طلب واستجابة ( Request - Response ) فلم يؤثر انقطاع اتصال الانترنت على هذه العملية.
2. البرمجة من جهة الخادم (Server side - Backend):
تختلف البرمجة من جهة الخادم عن البرمجة من جهة العميل، فالكود لا يتم إرساله إلى المستخدم أبدا، إنما يتم تنفيذه على الخادم، فمثلا عند تسجيلك في موقع عالم البرمجة يقوم المتصفح بإرسال طلب إلى الخادم فيه المعلومات التي قمت بإدخالها، يقوم الخادم بالعديد من العمليات عند وصول الطلب، منها التحقق من عدم تكرار البريد الالكتروني في قاعدة بيانات الموقع، وتشفير كلمة المرور لمنع إمكانية الاطلاع عليها
👍2
وإضافة المعلومات التي أدخلتها وكلمة المرور المشفرة إلى قاعدة البيانات، وبعد هذه العمليات كلها يرسل الخادم استجابة (Response) فيها معلومات عن نجاح أو فشل العملية وهذه المعلومات تصل مضمنة خلال المحتوى ولن تصل على شكل كود يُنفذ على جهاز المستخدم.
2.3. كيف يعرض المتصفح صفحات الموقع
شرحنا في النقطة 1.2 كيف يعمل الموقع، وذكرنا أن المتصفح يرسل طلبا للسيرفر، فيقوم السيرفر بتزويده بالبيانات التي تلزمه، ومن البيانات التي يستقبلها المتصفح عن السيرفر هي محتويات الصفحة ( من نصوص وجداول وصور وغيرها ) إضافة إلى خصائص وصفات هذه المحتويات ( من خصائص الخطوط كاللون ونوع الخط، أو الخلفيات وغيرها ).
لكن كيف تنتقل هذه العناصر من السيرفر ويفهمها المتصفح ثم يعرضها؟
عناصر الصفحة تنتقل بصيغة معينة متعارف عليها، هذه الصيغة هي لغة HTML وهي لغة وصفية ( أي أنها تصف محتوى معين وليست لغة برمجة ) فكل محتوى داخل الصفحة كفقرات النص أو العناوين أو حتى الصور والأزرار وغيرها تُمثّلُ باستخدام HTML، وبما أنها لغة ( أي أنها نص ) فمن السهل انتقالها من السيرفر إلى المتصفح.
في السابق كان بإمكان تحديد الألوان وبعض الخصائص الشكلية للعناصر عن طريق HTML، لكن بعد الاصدار الخامس منها أصبح هذا الأمر غير مفضلا، فهناك بالفعل لغة أخرى متخصصة في أمور التصميم والألوان وغيرها من الخصائص المتعلقة بالشكل، لذلك حُذِفت هذه الخصائص من الاصدار الخامس لتوحيد طريقة التصميم (Styling). فأصبح كل ما يتعلق بالتصميم يتم عن طريق لغة CSS ( وهي أيضا ليست لغة برمجة ).
3. تصميم الموقع
اتفقنا في النقطة 2.2 على أن أول خطوة في التعلم هي تعلم تصميم المواقع، كما وضحنا في النقطة 2.3 كيف يعرض المتصفح صفحات الموقع، ومنه علمنا أن التصميم يتم باستخدام لغتين وهما HTML و CSS.
3.1. لغة html
هي المكون الأساسي لصفحات الموقع، فهي من تصف محتويات الصفحة من نصوص وصور وجداول وروابط لصفحات أخرى، لذلك فهي أول شيء عليك تعلمه وهي لغة بسيطة جدا ولن تأخذ منك الكثير من الوقت، إليك مثالا على كود html بسيط:
<div>
<h1> عنوان المقالة </h1>
<p> محتوى المقالة </p>
</div>
كما ترى في المثال السابق، هي لغة بسيطة جدا، لوصف أي شيء داخل الصفحة نضعه بين وسوم تُوضِّحُ للمتصفح نوع المحتوى الموجود، فـ h1 مثلا تدل على عنوان، بينما p تدل على فقرة وهكذا.
وهذه بعض المصادر لتعلم Html ( اختر واحدا فقط ):
ًW3Schools
Tutorials Point
3.2. لغة CSS
بعد إنهاء تعلم html ستلاحظ أنك قادر على انشاء صفحات مواقع والربط بينها، لكنك ستشعر بالصداع من شدة كآبة هذه الصفحات، فهي غير ملونة، وأشكالها سيئة، لذلك فإنك ستكون بحاجة إلى لغة CSS لإضافة بعض اللمسات الفنية إلى الصفحات التي قمت بإنشائها، شاهد الكود الآتي لتأخذ فكرة عن ما ستتعلمه:
p {
background-color: red;
}
هنا قمنا "بإمساك" وسم p الخاص بـ html ( وهي المقالة بحسب المثال السابق ) وقمنا بإضافة خاصية لون الخلفية مثلا وهو في المثال باللون الأحمر.
مصادر للتعلم:
W3Schools
Tutorials Point
3.3. أين أتوقف!
مجال تصميم المواقع مجال واسع جدا، ولا يقتصر على html و css فقط، ووسوم html كثيرة جدا وكذلك خصائص css، لذلك قد تظن أنك لن تنتهي منهما أبدا.
في الواقع، لا داعي لتعلم جميع وسوم html وخصائص css ومعرفتها ( لا أظن أن هناك شخص يعرفها كلها على أي حال ) لكن بما أن هدفك هو إنشاء المواقع فتكفيك معرفة بسيطة جدا في html و css ويمكنك تعلم المزيد لاحقا عندما تحتاج إلى ذلك.
فيمكنك التوقف عن تعلم html عندما تصبح قادرا على كتابة الفقرات والعناوين، وإنشاء الجداول وإدراج الصور في الصفحة وإنشاء النماذج (Forms)، وكذلك الربط بين الصفحات ( يمكنك تعلم كل هذا في أقل من 15 دقيقة )، فبالنسبة ل html هذا كافٍ في البداية، ومع الوقت ستستخدم المزيد من الوسوم، إضافة إلى أنك بحاجة إلى "مهارة البحث" التي ذكرناها في بداية المقال، فعندما تريد عمل شيء لم تتعلمه بعد، قم بالبحث أو بالرجوع إلى المصادر وتعلمه.
أما بالنسبة ل CSS فهذا متوقف على تقديرك، لا داعي أن تصبح ماهرا بالتصميم من البداية، ففي الغالب تصميماتك الأولى ستكون قبيحة جدا، لكن يمكنك التوقف عندما تتقن وضع أي عنصر html في أي مكان تريده في الصفحة، وعندما تتمكن من تطبيق خصائص ال css التي تعرفها على أي عنصر، وخذ نبذة عن تصميم المواقع المتجاوبة مع أحجام الشاشات المختلفة، وبالطبع ستتعلم المزيد لاحقا إما أثناء المشاريع حيث ستبحث عن طريقة عمل شيء معين وتتعلمه بهذه الطريقة عن طريق البحث، أو عن طريق تعلم المزيد وزيادة مهاراتك لاحقا.
2.3. كيف يعرض المتصفح صفحات الموقع
شرحنا في النقطة 1.2 كيف يعمل الموقع، وذكرنا أن المتصفح يرسل طلبا للسيرفر، فيقوم السيرفر بتزويده بالبيانات التي تلزمه، ومن البيانات التي يستقبلها المتصفح عن السيرفر هي محتويات الصفحة ( من نصوص وجداول وصور وغيرها ) إضافة إلى خصائص وصفات هذه المحتويات ( من خصائص الخطوط كاللون ونوع الخط، أو الخلفيات وغيرها ).
لكن كيف تنتقل هذه العناصر من السيرفر ويفهمها المتصفح ثم يعرضها؟
عناصر الصفحة تنتقل بصيغة معينة متعارف عليها، هذه الصيغة هي لغة HTML وهي لغة وصفية ( أي أنها تصف محتوى معين وليست لغة برمجة ) فكل محتوى داخل الصفحة كفقرات النص أو العناوين أو حتى الصور والأزرار وغيرها تُمثّلُ باستخدام HTML، وبما أنها لغة ( أي أنها نص ) فمن السهل انتقالها من السيرفر إلى المتصفح.
في السابق كان بإمكان تحديد الألوان وبعض الخصائص الشكلية للعناصر عن طريق HTML، لكن بعد الاصدار الخامس منها أصبح هذا الأمر غير مفضلا، فهناك بالفعل لغة أخرى متخصصة في أمور التصميم والألوان وغيرها من الخصائص المتعلقة بالشكل، لذلك حُذِفت هذه الخصائص من الاصدار الخامس لتوحيد طريقة التصميم (Styling). فأصبح كل ما يتعلق بالتصميم يتم عن طريق لغة CSS ( وهي أيضا ليست لغة برمجة ).
3. تصميم الموقع
اتفقنا في النقطة 2.2 على أن أول خطوة في التعلم هي تعلم تصميم المواقع، كما وضحنا في النقطة 2.3 كيف يعرض المتصفح صفحات الموقع، ومنه علمنا أن التصميم يتم باستخدام لغتين وهما HTML و CSS.
3.1. لغة html
هي المكون الأساسي لصفحات الموقع، فهي من تصف محتويات الصفحة من نصوص وصور وجداول وروابط لصفحات أخرى، لذلك فهي أول شيء عليك تعلمه وهي لغة بسيطة جدا ولن تأخذ منك الكثير من الوقت، إليك مثالا على كود html بسيط:
<div>
<h1> عنوان المقالة </h1>
<p> محتوى المقالة </p>
</div>
كما ترى في المثال السابق، هي لغة بسيطة جدا، لوصف أي شيء داخل الصفحة نضعه بين وسوم تُوضِّحُ للمتصفح نوع المحتوى الموجود، فـ h1 مثلا تدل على عنوان، بينما p تدل على فقرة وهكذا.
وهذه بعض المصادر لتعلم Html ( اختر واحدا فقط ):
ًW3Schools
Tutorials Point
3.2. لغة CSS
بعد إنهاء تعلم html ستلاحظ أنك قادر على انشاء صفحات مواقع والربط بينها، لكنك ستشعر بالصداع من شدة كآبة هذه الصفحات، فهي غير ملونة، وأشكالها سيئة، لذلك فإنك ستكون بحاجة إلى لغة CSS لإضافة بعض اللمسات الفنية إلى الصفحات التي قمت بإنشائها، شاهد الكود الآتي لتأخذ فكرة عن ما ستتعلمه:
p {
background-color: red;
}
هنا قمنا "بإمساك" وسم p الخاص بـ html ( وهي المقالة بحسب المثال السابق ) وقمنا بإضافة خاصية لون الخلفية مثلا وهو في المثال باللون الأحمر.
مصادر للتعلم:
W3Schools
Tutorials Point
3.3. أين أتوقف!
مجال تصميم المواقع مجال واسع جدا، ولا يقتصر على html و css فقط، ووسوم html كثيرة جدا وكذلك خصائص css، لذلك قد تظن أنك لن تنتهي منهما أبدا.
في الواقع، لا داعي لتعلم جميع وسوم html وخصائص css ومعرفتها ( لا أظن أن هناك شخص يعرفها كلها على أي حال ) لكن بما أن هدفك هو إنشاء المواقع فتكفيك معرفة بسيطة جدا في html و css ويمكنك تعلم المزيد لاحقا عندما تحتاج إلى ذلك.
فيمكنك التوقف عن تعلم html عندما تصبح قادرا على كتابة الفقرات والعناوين، وإنشاء الجداول وإدراج الصور في الصفحة وإنشاء النماذج (Forms)، وكذلك الربط بين الصفحات ( يمكنك تعلم كل هذا في أقل من 15 دقيقة )، فبالنسبة ل html هذا كافٍ في البداية، ومع الوقت ستستخدم المزيد من الوسوم، إضافة إلى أنك بحاجة إلى "مهارة البحث" التي ذكرناها في بداية المقال، فعندما تريد عمل شيء لم تتعلمه بعد، قم بالبحث أو بالرجوع إلى المصادر وتعلمه.
أما بالنسبة ل CSS فهذا متوقف على تقديرك، لا داعي أن تصبح ماهرا بالتصميم من البداية، ففي الغالب تصميماتك الأولى ستكون قبيحة جدا، لكن يمكنك التوقف عندما تتقن وضع أي عنصر html في أي مكان تريده في الصفحة، وعندما تتمكن من تطبيق خصائص ال css التي تعرفها على أي عنصر، وخذ نبذة عن تصميم المواقع المتجاوبة مع أحجام الشاشات المختلفة، وبالطبع ستتعلم المزيد لاحقا إما أثناء المشاريع حيث ستبحث عن طريقة عمل شيء معين وتتعلمه بهذه الطريقة عن طريق البحث، أو عن طريق تعلم المزيد وزيادة مهاراتك لاحقا.
👍1
3.4. خذ استراحة
بعد أن تعلمت html و css وقبل الانتقال إلى الخطوة التالية، قم بالتفكير بمشروع ( بالطبع مشروعك سيكون عبارة عن تصميم لواجهة موقع فقط )، وحاول تنفيذ هذا المشروع والبحث عن الشيء الذي لم تعرف كيف تصممه، بهذه الطريقة ستتعلم أكثر بكثير مما تعلمته بمجرد القراءة وتطبيق الأمثلة البسيطة، كبداية يمكنك مثلا تقليد الواجهة الرئيسية لأي موقع يُعجبك شكله.
4. البرمجة من جهة العميل ClientSide Development
4.1. البداية
حتى الآن كل ما صممته باستخدام html و css هي مجرد تصاميم ولم تبدأ بالبرمجة فعليا، فإن اردت مثلا إخفاء صورة وإظهار شيء آخر مكانها عن الضغط على زر في الصفحة، فما تعلمته حتى الآن لن يساعدك، ستكون هنا بحاجة إلى لغة برمجة لكتابة المهام والعمليات التي يجب تنفيذها داخل الصفحة، إن كانت لديك خبرة مسبقة في أي لغة برمجة فلن تواجه صعوبة إطلاقا في هذا الجزء، أما ان لم تكن لديك خبرة مسبقة بالبرمجة ( وهو ما لا أفضله )، فعليك التركيز على هذا الجزء كثيرا.
البرمجة من جهة العميل تتم باستخدام لغة Javascript فقط، في البرمجة من جهة العميل جافاسكربت هي الخيار الوحيد لديك ( وبالمناسبة لا علاقة لها بلغة جافا إن كنت تتسآءل، هو تشابه أسماء فقط ).
4.2. خذ استراحة
بعد تعلمك لجافاسكربت، وتعلمك لطريقة التعامل مع عناصر html باستخدامها قم بإنشاء مشروع تستخدم فيه كل ما تعلمت، وتتعلم المزيد عن طريق البحث عن ما تريد فعله ولم تتعرف إلى طريقة برمجته.
4.3. ما هي Jquery وهل تلزمني؟
Jquery هي مكتبة (مجموعة من الميثودات والوظائف الجاهزة التي يمكنك استخدامها) وهي من أشهر مكتبات جافاسكربت، وتسهل عملك كثيرا باستخدام جافاسكربت، بالطبع يمكنك أن لا تتعلمها إن أردت، لكنها على كل حال لن تأخذ منك وقتا طويلا كما أن الكثير من المكتبات الأخرى التي قد تحتاجها مستقبلا تعتمد على Jquery أيضا، فمن المفيد معرفتك بها.
4.4. خذ استراحة ثانية!
بعد تعلم Jquery، قم بإنشاء مشروع آخر باستخدام ما تعلمته سابقا، ويمكنك أيضا استخدام وتعلم إطار عمل لـ Css (مجموعة كبيرة من الكلاسات الجاهزة) لتسهيل عملك في المشروع ولإنشاء موقع متوافق مع الشاشات الصغيرة بسهولة، مثل Bootstrap، فخلال هذا المشروع بإمكانك تطوير نفسك في كل من جافاسكربت و Css.
5. البرمجة من جهة السيرفر Server Side
5.1. البداية
لقد أصبح بإمكانك الآن تصميم وبرمجة صفحات تفاعلية، كما أنه بإمكانك برمجة العديد من الأشياء باستخدام جافاسكربت.
لكنك ربما قد لاحظت أنك بحاجة إلى تخزين بيانات لها علاقة بمحتوى الموقع، كبيانات المستخدمين، أو بيانات السِلَعْ المعروضة للبيع، وغيرها من البيانات، كما أنك قد تحتاج إلى تخزين بعض الصور على سيرفر، او ربما بعض الملفات الأخرى.
إن وصلت إلى هذه المرحلة فهذا يعني أنك بحاجة إلى سيرفر لتخزن عليه هذه الملفات، والأهم من ذلك أنك تحتاج إلى لغة برمجة للتعامل مع هذا السيرفر، فستتعامل بلغة البرمجة هذه مع الصور والملفات التي سيتم رفعها إلى السيرفر، كما أنك ستعالج وتتحقق من صحة أي بيانات يدخلها المستخدم، ثم تدخلها إلى قاعدة البيانات، أو تزود المستخدم ببيانات معينة يحتاجها، وغيرها من الوظائف الأخرى التي تحتاج فيها إلى لغة تعمل على السيرفر.
في البرمجة من جهة العميل كان لدينا خيار واحد وهو Javascript، أما هنا فبما ان الكود سيتم تنفيذه على السيرفر فلدينا العديد من الخيارات، أي لغة قد تُستخدم للبرمجة من جهة السيرفر، ومنها:
Python
Java
Javascript ( باستخدام NodeJs)
PHP
Ruby
GoLang
Kotlin
والعديد من اللغات الأخرى التي يمكن استخدامها ولا مجال لحصرها هنا.
5.2. أي لغة أختار
يمكنك اختيار أي لغة من اللغات القوية والمدعومة بشكل واسع، فطريقتك بالبرمجة ومدى تمكنك منها أهم من اللغة التي تستخدمها، في حال كنت لا تفضل استخدام أكثر من لغة واحدة أثناء عملك، ربما تكون البرمجة باستخدام Javascript من جهة السيرفر مناسبا جدا لك، فباستخدام NodeJs أصبح بالإمكان تنفيذ أكواد جافاسكربت على السيرفر.
أما إن كنت محتارا ولا تدري ماذا تختار، فاختر أي لغة من اللغات السابق ذكرها ( أو حتى أي لغة أعجبتك ولم أذكرها في القائمة السابقة )، وشخصيا قد أنصحك ببايثون فهي سهلة جدا وقوية بنفس الوقت.
ولا تنسى أن عليك أيضا تعلم قواعد البيانات حتى تتمكن من تخزين البيانات التي تريدها.
5.3. استراحة طويلة
عليك الآن تنفيذ العديد من المشاريع باستخدام كل ما تعلمته لتطور نفسك أكثر وتتعلم المزيد عن طريق حل المشاكل التي تواجهك! وربما تساهم أيضا في بعض المشاريع مفتوحة المصدر على GitHub.
---
الأمور التي ذكرتها في المقالة مختصرة جدا ولا تغطي المجال بالكامل، يمكنك الاستعانة بخارطة الطريق المفصلة هذه حتى تطور مهاراتك أكثر:
بعد أن تعلمت html و css وقبل الانتقال إلى الخطوة التالية، قم بالتفكير بمشروع ( بالطبع مشروعك سيكون عبارة عن تصميم لواجهة موقع فقط )، وحاول تنفيذ هذا المشروع والبحث عن الشيء الذي لم تعرف كيف تصممه، بهذه الطريقة ستتعلم أكثر بكثير مما تعلمته بمجرد القراءة وتطبيق الأمثلة البسيطة، كبداية يمكنك مثلا تقليد الواجهة الرئيسية لأي موقع يُعجبك شكله.
4. البرمجة من جهة العميل ClientSide Development
4.1. البداية
حتى الآن كل ما صممته باستخدام html و css هي مجرد تصاميم ولم تبدأ بالبرمجة فعليا، فإن اردت مثلا إخفاء صورة وإظهار شيء آخر مكانها عن الضغط على زر في الصفحة، فما تعلمته حتى الآن لن يساعدك، ستكون هنا بحاجة إلى لغة برمجة لكتابة المهام والعمليات التي يجب تنفيذها داخل الصفحة، إن كانت لديك خبرة مسبقة في أي لغة برمجة فلن تواجه صعوبة إطلاقا في هذا الجزء، أما ان لم تكن لديك خبرة مسبقة بالبرمجة ( وهو ما لا أفضله )، فعليك التركيز على هذا الجزء كثيرا.
البرمجة من جهة العميل تتم باستخدام لغة Javascript فقط، في البرمجة من جهة العميل جافاسكربت هي الخيار الوحيد لديك ( وبالمناسبة لا علاقة لها بلغة جافا إن كنت تتسآءل، هو تشابه أسماء فقط ).
4.2. خذ استراحة
بعد تعلمك لجافاسكربت، وتعلمك لطريقة التعامل مع عناصر html باستخدامها قم بإنشاء مشروع تستخدم فيه كل ما تعلمت، وتتعلم المزيد عن طريق البحث عن ما تريد فعله ولم تتعرف إلى طريقة برمجته.
4.3. ما هي Jquery وهل تلزمني؟
Jquery هي مكتبة (مجموعة من الميثودات والوظائف الجاهزة التي يمكنك استخدامها) وهي من أشهر مكتبات جافاسكربت، وتسهل عملك كثيرا باستخدام جافاسكربت، بالطبع يمكنك أن لا تتعلمها إن أردت، لكنها على كل حال لن تأخذ منك وقتا طويلا كما أن الكثير من المكتبات الأخرى التي قد تحتاجها مستقبلا تعتمد على Jquery أيضا، فمن المفيد معرفتك بها.
4.4. خذ استراحة ثانية!
بعد تعلم Jquery، قم بإنشاء مشروع آخر باستخدام ما تعلمته سابقا، ويمكنك أيضا استخدام وتعلم إطار عمل لـ Css (مجموعة كبيرة من الكلاسات الجاهزة) لتسهيل عملك في المشروع ولإنشاء موقع متوافق مع الشاشات الصغيرة بسهولة، مثل Bootstrap، فخلال هذا المشروع بإمكانك تطوير نفسك في كل من جافاسكربت و Css.
5. البرمجة من جهة السيرفر Server Side
5.1. البداية
لقد أصبح بإمكانك الآن تصميم وبرمجة صفحات تفاعلية، كما أنه بإمكانك برمجة العديد من الأشياء باستخدام جافاسكربت.
لكنك ربما قد لاحظت أنك بحاجة إلى تخزين بيانات لها علاقة بمحتوى الموقع، كبيانات المستخدمين، أو بيانات السِلَعْ المعروضة للبيع، وغيرها من البيانات، كما أنك قد تحتاج إلى تخزين بعض الصور على سيرفر، او ربما بعض الملفات الأخرى.
إن وصلت إلى هذه المرحلة فهذا يعني أنك بحاجة إلى سيرفر لتخزن عليه هذه الملفات، والأهم من ذلك أنك تحتاج إلى لغة برمجة للتعامل مع هذا السيرفر، فستتعامل بلغة البرمجة هذه مع الصور والملفات التي سيتم رفعها إلى السيرفر، كما أنك ستعالج وتتحقق من صحة أي بيانات يدخلها المستخدم، ثم تدخلها إلى قاعدة البيانات، أو تزود المستخدم ببيانات معينة يحتاجها، وغيرها من الوظائف الأخرى التي تحتاج فيها إلى لغة تعمل على السيرفر.
في البرمجة من جهة العميل كان لدينا خيار واحد وهو Javascript، أما هنا فبما ان الكود سيتم تنفيذه على السيرفر فلدينا العديد من الخيارات، أي لغة قد تُستخدم للبرمجة من جهة السيرفر، ومنها:
Python
Java
Javascript ( باستخدام NodeJs)
PHP
Ruby
GoLang
Kotlin
والعديد من اللغات الأخرى التي يمكن استخدامها ولا مجال لحصرها هنا.
5.2. أي لغة أختار
يمكنك اختيار أي لغة من اللغات القوية والمدعومة بشكل واسع، فطريقتك بالبرمجة ومدى تمكنك منها أهم من اللغة التي تستخدمها، في حال كنت لا تفضل استخدام أكثر من لغة واحدة أثناء عملك، ربما تكون البرمجة باستخدام Javascript من جهة السيرفر مناسبا جدا لك، فباستخدام NodeJs أصبح بالإمكان تنفيذ أكواد جافاسكربت على السيرفر.
أما إن كنت محتارا ولا تدري ماذا تختار، فاختر أي لغة من اللغات السابق ذكرها ( أو حتى أي لغة أعجبتك ولم أذكرها في القائمة السابقة )، وشخصيا قد أنصحك ببايثون فهي سهلة جدا وقوية بنفس الوقت.
ولا تنسى أن عليك أيضا تعلم قواعد البيانات حتى تتمكن من تخزين البيانات التي تريدها.
5.3. استراحة طويلة
عليك الآن تنفيذ العديد من المشاريع باستخدام كل ما تعلمته لتطور نفسك أكثر وتتعلم المزيد عن طريق حل المشاكل التي تواجهك! وربما تساهم أيضا في بعض المشاريع مفتوحة المصدر على GitHub.
---
الأمور التي ذكرتها في المقالة مختصرة جدا ولا تغطي المجال بالكامل، يمكنك الاستعانة بخارطة الطريق المفصلة هذه حتى تطور مهاراتك أكثر:
❤2👍1
Forwarded from تقنية معلومات It
This media is not supported in your browser
VIEW IN TELEGRAM
إختصارات مهمة يجب عليك معرفتها
👏3❤2
Forwarded from تقنية المعلومات و الذكاء الاصطناعي (Eng Website programmer developer)
افضل منصه لتعليم البرمجه بالمجان
https://apk.e-droid.net/apk/app2298256-y3lanu.apk?v=5
https://apk.e-droid.net/apk/app2298256-y3lanu.apk?v=5
❤3
هيتم تنزيل الكورسات بعد اكتمال العدد المحدد
*ازاي تعرف ان تلفونك مخترق او مراقب او حد بيتجسس عليك؟*
*وازاي تحمي تلفونك من المراقبة والاختراق والتجسس*
https://youtu.be/FTLBsLqxbIU
*وازاي تحمي تلفونك من المراقبة والاختراق والتجسس*
https://youtu.be/FTLBsLqxbIU
YouTube
ازاي تعرف تلفونك مخترق او مراقب وازاي تحمي نفسك وتحمي تلفونك من الاختراق و المراقبة والتجسس
ازاي تعرف تلفونك مخترق او مراقب وازاي تحمي نفسك وتحمي تلفونك من الاختراق و المراقبة والتجسس
للتواصل معي :
واتساب
https://wa.me/+201010994270
الانستا
https://instagram.com/medo_el_ashry_12?igshid=YmMyMTA2M2Y=
للتواصل معي :
واتساب
https://wa.me/+201010994270
الانستا
https://instagram.com/medo_el_ashry_12?igshid=YmMyMTA2M2Y=
تم رفع التطبيق علي المتجر يمكنكم التحميل لمشاهده الايف في المواعيد المحدده هنا
https://m.apkpure.com/ar/4art/com.art_tech
https://m.apkpure.com/ar/4art/com.art_tech
APKPure.com
4ART APK للاندرويد تنزيل
3.1 4ART APK تنزيل للاندرويد Join more than 3.5 million successful learning experiences, the largest library
👍2❤1
تقنية المعلومات و الذكاء الاصطناعي pinned «تم رفع التطبيق علي المتجر يمكنكم التحميل لمشاهده الايف في المواعيد المحدده هنا https://m.apkpure.com/ar/4art/com.art_tech»
❤1👍1
بسم الله الرحمن الرحيم
🔰 مـعـلـومـة [ بــرمـجـيــة ] مهمة جدا
▫️ مـا الـفـرق بـيـن Error و Warning ؟
1- الــ Error --> الخطأ :
مفهوم الخطأ في مجال البرمجة؛ يحدث خطأ عندما تقوم بكتابة Code خطأ غير مطابق لمعايير اللغة مثل خطأ في الــ(Syntax - نسيان وضع () عند كتابة الدالة Function - بيانات مفقودة - عدم وضع الفاصلة المنقوطة <;> ..إلخ).
لذلك لا يُمكن لمترجم اللغة "Compiler" من معرفة ما يجب عليه أن يفعل فيقوم بإخبارك بأن هناك خطأ وأن البرنامج لا يُمكنه الاستمرار.
الــ"Error _ الخطأ" يُوقِفُ عمل البرنامج بالكامل ولا يُمكنه الاستمرار في التشغيل إلاّ بعد إصلاح الخطأ.
2- الــ Warning --> التحذير :
الــ Warning يُعتبر إشعار أو تحذير من مترجم اللغة "Compiler"، يُنبهك بأن هُناك شيء غير مضبوط في البرنامج الخاص بك ويتوجب عليك إصلاحه، مثل (إدخال نوع بيانات بالخطأ - استدعاء دالة من نوع غير مُطابق ..إلخ).
الــ Warning "التحذير" لايعني بأن هُناك خطأ فادح أو خطير يتسبب في توقف البرنامج، على عكس الــError.
هُنا لا يتوقف البرنامج عن العمل، بل يقوم الــ"Compiler" بعمل Escape لهذا الــ Warning، ويستمر البرنامج في العمل دون مشاكل.
🔰 معاني أرقام الأخطاء التي قد تراها على مواقع الإنترنت .
🔸 301 : تم نقل تلك الصفحة نهائياً.
🔸 307 : تم نقل تلك الصفحة مؤقتاً.
🔸 401 : رؤية الصفحة تحتاج ترخيص (كلمة سر).
🔸 403 : ممنوع أن تصل لهذه الصفحة.
🔸 404 : صفحة غير موجودة.
🔸 405 : لقد وصلت لتلك الصفحة بطريقة خاطئة.
🔸 408 : إنتهى وقت محاولة وصولك للصفحة قبل أن تصل إليها.
🔸 414 : عنوان الصفحة\الموقع URL أطول من الطبيعي.
🔸 500 : مشكلة في الموقع نفسه.
🔸 503 : الخدمة غير متوفرة ربما بسبب الضغط الكبير على الموقع.
🔸كل أرقام الـ 100 : تعني معلومات إضافية (لن تراها في الغالب).
🔸كل أرقام الـ 200 : تعني النجاح (لن تراها في الغالب).
🔸كل أرقام الـ 300 : تعني إعادة توجيه Redirection.
🔸كل أرقام الـ 400 : تعني فشل من العميل “أنت”.
🔸كل أرقام الـ 500 : تعني فشل من السيرفر (الخادم الذي يستضيف “الموقع نفسه”)
🔰 مـعـلـومـة [ بــرمـجـيــة ] مهمة جدا
▫️ مـا الـفـرق بـيـن Error و Warning ؟
1- الــ Error --> الخطأ :
مفهوم الخطأ في مجال البرمجة؛ يحدث خطأ عندما تقوم بكتابة Code خطأ غير مطابق لمعايير اللغة مثل خطأ في الــ(Syntax - نسيان وضع () عند كتابة الدالة Function - بيانات مفقودة - عدم وضع الفاصلة المنقوطة <;> ..إلخ).
لذلك لا يُمكن لمترجم اللغة "Compiler" من معرفة ما يجب عليه أن يفعل فيقوم بإخبارك بأن هناك خطأ وأن البرنامج لا يُمكنه الاستمرار.
الــ"Error _ الخطأ" يُوقِفُ عمل البرنامج بالكامل ولا يُمكنه الاستمرار في التشغيل إلاّ بعد إصلاح الخطأ.
2- الــ Warning --> التحذير :
الــ Warning يُعتبر إشعار أو تحذير من مترجم اللغة "Compiler"، يُنبهك بأن هُناك شيء غير مضبوط في البرنامج الخاص بك ويتوجب عليك إصلاحه، مثل (إدخال نوع بيانات بالخطأ - استدعاء دالة من نوع غير مُطابق ..إلخ).
الــ Warning "التحذير" لايعني بأن هُناك خطأ فادح أو خطير يتسبب في توقف البرنامج، على عكس الــError.
هُنا لا يتوقف البرنامج عن العمل، بل يقوم الــ"Compiler" بعمل Escape لهذا الــ Warning، ويستمر البرنامج في العمل دون مشاكل.
🔰 معاني أرقام الأخطاء التي قد تراها على مواقع الإنترنت .
🔸 301 : تم نقل تلك الصفحة نهائياً.
🔸 307 : تم نقل تلك الصفحة مؤقتاً.
🔸 401 : رؤية الصفحة تحتاج ترخيص (كلمة سر).
🔸 403 : ممنوع أن تصل لهذه الصفحة.
🔸 404 : صفحة غير موجودة.
🔸 405 : لقد وصلت لتلك الصفحة بطريقة خاطئة.
🔸 408 : إنتهى وقت محاولة وصولك للصفحة قبل أن تصل إليها.
🔸 414 : عنوان الصفحة\الموقع URL أطول من الطبيعي.
🔸 500 : مشكلة في الموقع نفسه.
🔸 503 : الخدمة غير متوفرة ربما بسبب الضغط الكبير على الموقع.
🔸كل أرقام الـ 100 : تعني معلومات إضافية (لن تراها في الغالب).
🔸كل أرقام الـ 200 : تعني النجاح (لن تراها في الغالب).
🔸كل أرقام الـ 300 : تعني إعادة توجيه Redirection.
🔸كل أرقام الـ 400 : تعني فشل من العميل “أنت”.
🔸كل أرقام الـ 500 : تعني فشل من السيرفر (الخادم الذي يستضيف “الموقع نفسه”)
👍3
* قناة تكنلوجيا لكل عربي *
كل المحتويات التعليمية والمفيدة
سوف تجدها هنا بذن الله تعالي
* لينك قناة اليوتيوب *
https://youtube.com/@technology_1
* لينك قناة التليجرام *
https://t.me/Technology_Medo_El_Ashry
* لينك جروب الواتساب *
https://chat.whatsapp.com/CMGJVS2QzDh6LyUdsnCG6t
كل المحتويات التعليمية والمفيدة
سوف تجدها هنا بذن الله تعالي
* لينك قناة اليوتيوب *
https://youtube.com/@technology_1
* لينك قناة التليجرام *
https://t.me/Technology_Medo_El_Ashry
* لينك جروب الواتساب *
https://chat.whatsapp.com/CMGJVS2QzDh6LyUdsnCG6t
Telegram
تكنلوجي technology
قناة تكنلوجيا لكل عربي
لينك قناة اليوتيوب
https://youtube.com/@technology_1
لينك قناة اليوتيوب
https://youtube.com/@technology_1
البوست ده للناس بتوع الثانوية العامه عشان كذا حد سالني يا ميدو لو دخلت حاسبات او نظم ومعلومات هتدرس ايه يا ميدو. وهفهم ايه يا ميدو وهتعلم ايه عنيا ليك يا حبيب ميدو ركز بقا
اولا كده انا ف نظم ومعلومات وده قسم وتخصص فيه الكليه ولما هخلص بما اني خاص هتعادل بحاسبات وهاخد بكالوريوس نظم المعلومات الاداريه وبالمنسبة القسم ده اكتر قسم سهل وممكن تخصص فيه كذا حاجه زي مثلا شبكات، ـ امن معلومات ـ برمجه ـ قواعد بيانات ـ جيرافك ورسومات ـ ذكاء اصطناعي ـ وكتير وده حاليا الي انا فاكرو نخش بقا انك لو خريج نظم مش حاسبات ممكن لو زهقت تخصص ف الاداره سكرتير ــ مدير تنفيذي ـ مسئوال التنيمه البشريه او اتش ار،ـ محلل نظم وبرضو حاجات كتير انا ك ميدو العشري مش هقدر افتكرها كلها وده طبعا مش معنه انك تدخل نظم خاص وتسيب حاسبات ندخل بقا ف شرح كل الاقسام الي موجوده ف حاسبات وانا عملتك تركيز ع قسمي بكل تفاصيل لو حابو تخصص فيه دي حاجه ترجعلك ندخل بقا ع الشرح العلمي لكل قسم وتعريفه ف الكليه حاسبات ومعلومات
- كلية حاسبات ومعلومات هي كلية دراستها بتقوم على دراسة كل ما له علاقة بالـ software وبرمجة الكمبيوتر وعالم الذكاء الاصطناعي ( الذكاء الاصطناعي هو إنك تسخر آلة غير عاقل لخدمة الإنسان في مجالات الحياة عن طريق برمجتها ).
الحد الادني ليها لعلمي علوم كان 349 السنه اللي فاتت .
- إيه اللغة اللي هتدرس بيها ؟
الدراسة كلها بتبقي باللغة الإنجليزية ، وكل حاجة في البرمجة باللغة الانجليزية ، ولو أنت مكنتش لغات متقلقش بالتعود هتعرف تعدي المشكلة دي.
- إيه نظام الدراسة ؟
نظام الدراسة بالساعات المعتمدة ، الكلية معتمدة بـ 4 فرق ، أول سنتين بيبقوا اعدادى ، و بداية من السنة التالتة بتبدأ تتخصص وتختار قسمك ، وبعض الأقسام الخاصة بتندخل من السنة الأولى فى بعض الجامعات.
- أدخلها من علمي علوم ولا علمي رياضة؟
كليات حاسبات معلومات في الأصل بتاخد من علمي رياضة لكن حاليا ممكن تدخل معظم اقسامها من علمي علوم عادي .
- هتخرج منها أبقى إيه؟
مهندس برمجيات ، مهندس شبكات ، مهندس معلومات ، مهندس تحليل نظم ، مدير مشروعات .. باخد لقب واحد بس ! .. لا .. هيبقا معاك أكتر من لقب وحسب القسم الـ هتخصص فيه ، يعنى قسم زى SE هيبقا اسمك مهندس برمجيات ومهندس تحليل نظم ومطور .. الخ ، هتفهم فى السطور الجاية ، وإسمك ثابت من أى قسم مهندس برمجيات بالإضافة لإسمك من القسم نفسه.
- طب إيه أقسام الكلية؟
1) قسم علوم الحاسب Computer Sciences Department = CS
ده قسم هتدرس فيه معظم لغات البرمجة الموجودة في الكمبيوتر ، والمواد بتاعته بتختلف من جامعة لجامعة، لكن عموماً المواد باختصار بتعلمك إزاي تترجم لغات البرامج وإزاي تدرس البنية التحتية للبرمجيات، وكمان بتاخد مقتطفات عن برمجة الشبكات، ومواقع الانترنت، لكن دراستك في هذا القسم بتنصب على برمجة الحاسب ، ده أكتر قسم شائع على مستوى العالم مش الجامعات المصرية بس ، مارك زوكيربيرج مؤسس الفيس بوك خريج القسم ده من جامعة هارفارد.
2) قسم نظم المعلومات Information Systems Department = IS
وده بتدرس فيه برمجة قواعد المعلومات وبعض من شبكات الإنترنت والاتصالات وبعض من مواد التسويق وإدارة الاعمال، وبرضه بتاخد بعض لغات البرمجة، بس مش كلها، لكن دراسته تنصب على قواعد البيانات، وهتتعلم فيه إزاي تصمم برامج إدارة الشركات والبنوك، وإزاي تخزن بيانات الشركة كلها على برنامج واحد أو على موقع انترنت واحد.
3) قسم تكنولوجيا المعلومات Information Technology Department = IT
وهنا بقى هتتعلم إزاي تبرمج شبكات الإنترنت وتعرف إيه هو الإنترنت اساساً وليه اتعمل ومين اللي عمله وتتعلم برضه إزاي تبرمج مواقع الإنترنت الكبيرة وتاخد لغات برمجة خاصة بالمجال ده زي الفي بي سكريبت، والروبي، والبايثون، والجافا. القسم ده موجود في أغلبية كليات الحاسبات والمعلومات بس مش كلها.
4) قسم هندسة البرمجيات Software Engineering Department = SE
واضح من الاسم إن لقبك رسمياً جوة مصر أو برة مصر هو «مهندس برمجيات». قسم هندسة البرمجيات موجود في جامعة حلوان وكفرالشيخ وعين شمس، والسنة تعمل لها 7500 جنيه والتخصص فيه من سنة أولى في بعض الجامعات ، القسم ده مجاني في كفرالشيخ والتخصص فيه من سنة تالتة عادى.
وهتاخد فيه كل لغات البرمجة فهي خليط من مواد علوم حاسب على نظم معلومات على بعض من تكنولوجيا المعلومات على مواد من هندسة البرمجيات اللي نازله جديد على مواد دعم و اتخاذ قرار.
طبعاً رغم إنك هتاخد كل لغات البرمجة اللي في الدنيا, إلا أنك مش هتاخدها بكمية كبيرة، لأن اهتمامك هنا هينصب فقط على البرمجيات ثقيلة المعيار أو البرامج الكبيرة.
اولا كده انا ف نظم ومعلومات وده قسم وتخصص فيه الكليه ولما هخلص بما اني خاص هتعادل بحاسبات وهاخد بكالوريوس نظم المعلومات الاداريه وبالمنسبة القسم ده اكتر قسم سهل وممكن تخصص فيه كذا حاجه زي مثلا شبكات، ـ امن معلومات ـ برمجه ـ قواعد بيانات ـ جيرافك ورسومات ـ ذكاء اصطناعي ـ وكتير وده حاليا الي انا فاكرو نخش بقا انك لو خريج نظم مش حاسبات ممكن لو زهقت تخصص ف الاداره سكرتير ــ مدير تنفيذي ـ مسئوال التنيمه البشريه او اتش ار،ـ محلل نظم وبرضو حاجات كتير انا ك ميدو العشري مش هقدر افتكرها كلها وده طبعا مش معنه انك تدخل نظم خاص وتسيب حاسبات ندخل بقا ف شرح كل الاقسام الي موجوده ف حاسبات وانا عملتك تركيز ع قسمي بكل تفاصيل لو حابو تخصص فيه دي حاجه ترجعلك ندخل بقا ع الشرح العلمي لكل قسم وتعريفه ف الكليه حاسبات ومعلومات
- كلية حاسبات ومعلومات هي كلية دراستها بتقوم على دراسة كل ما له علاقة بالـ software وبرمجة الكمبيوتر وعالم الذكاء الاصطناعي ( الذكاء الاصطناعي هو إنك تسخر آلة غير عاقل لخدمة الإنسان في مجالات الحياة عن طريق برمجتها ).
الحد الادني ليها لعلمي علوم كان 349 السنه اللي فاتت .
- إيه اللغة اللي هتدرس بيها ؟
الدراسة كلها بتبقي باللغة الإنجليزية ، وكل حاجة في البرمجة باللغة الانجليزية ، ولو أنت مكنتش لغات متقلقش بالتعود هتعرف تعدي المشكلة دي.
- إيه نظام الدراسة ؟
نظام الدراسة بالساعات المعتمدة ، الكلية معتمدة بـ 4 فرق ، أول سنتين بيبقوا اعدادى ، و بداية من السنة التالتة بتبدأ تتخصص وتختار قسمك ، وبعض الأقسام الخاصة بتندخل من السنة الأولى فى بعض الجامعات.
- أدخلها من علمي علوم ولا علمي رياضة؟
كليات حاسبات معلومات في الأصل بتاخد من علمي رياضة لكن حاليا ممكن تدخل معظم اقسامها من علمي علوم عادي .
- هتخرج منها أبقى إيه؟
مهندس برمجيات ، مهندس شبكات ، مهندس معلومات ، مهندس تحليل نظم ، مدير مشروعات .. باخد لقب واحد بس ! .. لا .. هيبقا معاك أكتر من لقب وحسب القسم الـ هتخصص فيه ، يعنى قسم زى SE هيبقا اسمك مهندس برمجيات ومهندس تحليل نظم ومطور .. الخ ، هتفهم فى السطور الجاية ، وإسمك ثابت من أى قسم مهندس برمجيات بالإضافة لإسمك من القسم نفسه.
- طب إيه أقسام الكلية؟
1) قسم علوم الحاسب Computer Sciences Department = CS
ده قسم هتدرس فيه معظم لغات البرمجة الموجودة في الكمبيوتر ، والمواد بتاعته بتختلف من جامعة لجامعة، لكن عموماً المواد باختصار بتعلمك إزاي تترجم لغات البرامج وإزاي تدرس البنية التحتية للبرمجيات، وكمان بتاخد مقتطفات عن برمجة الشبكات، ومواقع الانترنت، لكن دراستك في هذا القسم بتنصب على برمجة الحاسب ، ده أكتر قسم شائع على مستوى العالم مش الجامعات المصرية بس ، مارك زوكيربيرج مؤسس الفيس بوك خريج القسم ده من جامعة هارفارد.
2) قسم نظم المعلومات Information Systems Department = IS
وده بتدرس فيه برمجة قواعد المعلومات وبعض من شبكات الإنترنت والاتصالات وبعض من مواد التسويق وإدارة الاعمال، وبرضه بتاخد بعض لغات البرمجة، بس مش كلها، لكن دراسته تنصب على قواعد البيانات، وهتتعلم فيه إزاي تصمم برامج إدارة الشركات والبنوك، وإزاي تخزن بيانات الشركة كلها على برنامج واحد أو على موقع انترنت واحد.
3) قسم تكنولوجيا المعلومات Information Technology Department = IT
وهنا بقى هتتعلم إزاي تبرمج شبكات الإنترنت وتعرف إيه هو الإنترنت اساساً وليه اتعمل ومين اللي عمله وتتعلم برضه إزاي تبرمج مواقع الإنترنت الكبيرة وتاخد لغات برمجة خاصة بالمجال ده زي الفي بي سكريبت، والروبي، والبايثون، والجافا. القسم ده موجود في أغلبية كليات الحاسبات والمعلومات بس مش كلها.
4) قسم هندسة البرمجيات Software Engineering Department = SE
واضح من الاسم إن لقبك رسمياً جوة مصر أو برة مصر هو «مهندس برمجيات». قسم هندسة البرمجيات موجود في جامعة حلوان وكفرالشيخ وعين شمس، والسنة تعمل لها 7500 جنيه والتخصص فيه من سنة أولى في بعض الجامعات ، القسم ده مجاني في كفرالشيخ والتخصص فيه من سنة تالتة عادى.
وهتاخد فيه كل لغات البرمجة فهي خليط من مواد علوم حاسب على نظم معلومات على بعض من تكنولوجيا المعلومات على مواد من هندسة البرمجيات اللي نازله جديد على مواد دعم و اتخاذ قرار.
طبعاً رغم إنك هتاخد كل لغات البرمجة اللي في الدنيا, إلا أنك مش هتاخدها بكمية كبيرة، لأن اهتمامك هنا هينصب فقط على البرمجيات ثقيلة المعيار أو البرامج الكبيرة.
👍1
5) قسم نظم المعلومات الحيوية Bioinformatics Department
وه قسم خاص ومصاريفه بتختلف من سنة لسنة بس السنة اللي فاتت وصلت لـ 17 ألف جنيه، وهو قسم بيدخله علمي علوم, بس لازم بتاخد رياضة 2 في أول سنة لأنك هتدرس فيه مواد من صيدلة، ومن علوم أحياء طول السنوات الدراسية، وعادي ممكن علمي رياضة برضه يدخله والتخصص في القسم ده من سنة أولى.
وهنا في القسم ده بتدرس إزاي تبرمج الشرايح الالكترونية اللي بتعالج الناس من أشد الأمراض وإزاي بتدرسها وإزاي بتجربها.
وطبعاً الشرايح أنواع والمواد كتيير في القسم ده. وشغلك هنا بيتوقف على المستشفيات والمستشفيات الخاصة بالذات.
6) قسم الحسابات العلمية Scientific Computing Department = SC
والقسم ده بيركز على الرياضيات أكتر لإنك هتتعلم فيه رسم الأشكال الهندسية المعقدة بالبرمجة وفيه بعض مواد نظري.
المواد باختصار بتتكلم عن نظرية الحسابات، وكيفية الرسم بالحاسب، ودراسة الإحصاء والإحتمالات والقسم موجود في جامعة عين شمس فقط.
7) قسم العلوم الأساسية Basic Sciences Department = BS
والقسم ده بقى هتدرس فيه أساسيات الكمبيوتر، وأساسيات الكمبيوتر من ناحية العلم يعني رياضة وفيزيا. بجانب المواد النظرية. والقسم ده برضو موجود في جامعة عين شمس بس.
8) قسم نظم المعلومات الجغرافية Geographic Information Systems = GIS
وده بقى قسم حلو لمحبي الاتصالات.
طب إيه الفرق بين القسم ده وهندسة الإتصالات؟
بمنتهي البساطة هندسة الأتصالات بتركز على الكهرباء، أما أنت بتركز على الكمبيوتر، بتتعلم دراسة الرادار و شاشات المراقبة والأقمار الصناعية.
والقسم موجود في قلة قليلة من كليات الحاسبات والمعلومات، لكن عموماً أنت هتاخده كمادة في سنة رابعة ضمن قسم نظم المعلومات.
9) قسم بحوث العمليات ودعم اتخاذ القرار Decision Support And Progresses Researches = DS-PR = DS
في القسم ده بتاخد مواد رياضية كتير ومواد فيها حفظ وبرمجة مش كتيرة.
وهتدرس فيه إزاي تتخذ القرار في أي عملية الكترونية، وإزاي تناقشها بأسلوب علمي بحت، وشغلك يبقى في مراكز حساسة زي رئاسة الجمهورية ومجلس الوزراء ومراكز دعم اتخاذ القرار الحكومية التابعة للرئاسة. فلو عاوز القسم ده, يبقى لازم تجهتد كويس أوي والقسم موجود في جامعة القاهرة والمنصورة.
10) قسم نظم الحاسبات Computer Systems Department = CS
إيه الفرق بين القسم ده وقسم هندسة الحاسبات اللي في كلية هندسة؟
في تشابه كبير بينه وبين قسم هندسة الحاسبات اللي في كلية هندسة، لأنك هتدرس إزاي تربط البرمجة بالهاردوير، وإزاي تبرمج البروسيسور و إزاي تبرمج الهارد، والكلام ده بيتاخد في قسم هندسة حاسبات إلا أن قسم هندسة حاسبات نشاطه أكتر على الهاردوير، والسوفتوير فيه قليل.
في قسم نظم الحاسبات هتاخد البرمجة بشكل مكثف عن السوفت وير لكن الهاردوير قليل والقسم موجود في جامعة عين شمس فقط ومعلش طولت عليك بس ربنا يعلم تعبت قد ايه عشان اكون معرفك كل شيء عنها والصوره للفت الانتباه فقط ودعوه حلوه وانتا ماشي كده عالمجهود ده # Medo El Ashry
وه قسم خاص ومصاريفه بتختلف من سنة لسنة بس السنة اللي فاتت وصلت لـ 17 ألف جنيه، وهو قسم بيدخله علمي علوم, بس لازم بتاخد رياضة 2 في أول سنة لأنك هتدرس فيه مواد من صيدلة، ومن علوم أحياء طول السنوات الدراسية، وعادي ممكن علمي رياضة برضه يدخله والتخصص في القسم ده من سنة أولى.
وهنا في القسم ده بتدرس إزاي تبرمج الشرايح الالكترونية اللي بتعالج الناس من أشد الأمراض وإزاي بتدرسها وإزاي بتجربها.
وطبعاً الشرايح أنواع والمواد كتيير في القسم ده. وشغلك هنا بيتوقف على المستشفيات والمستشفيات الخاصة بالذات.
6) قسم الحسابات العلمية Scientific Computing Department = SC
والقسم ده بيركز على الرياضيات أكتر لإنك هتتعلم فيه رسم الأشكال الهندسية المعقدة بالبرمجة وفيه بعض مواد نظري.
المواد باختصار بتتكلم عن نظرية الحسابات، وكيفية الرسم بالحاسب، ودراسة الإحصاء والإحتمالات والقسم موجود في جامعة عين شمس فقط.
7) قسم العلوم الأساسية Basic Sciences Department = BS
والقسم ده بقى هتدرس فيه أساسيات الكمبيوتر، وأساسيات الكمبيوتر من ناحية العلم يعني رياضة وفيزيا. بجانب المواد النظرية. والقسم ده برضو موجود في جامعة عين شمس بس.
8) قسم نظم المعلومات الجغرافية Geographic Information Systems = GIS
وده بقى قسم حلو لمحبي الاتصالات.
طب إيه الفرق بين القسم ده وهندسة الإتصالات؟
بمنتهي البساطة هندسة الأتصالات بتركز على الكهرباء، أما أنت بتركز على الكمبيوتر، بتتعلم دراسة الرادار و شاشات المراقبة والأقمار الصناعية.
والقسم موجود في قلة قليلة من كليات الحاسبات والمعلومات، لكن عموماً أنت هتاخده كمادة في سنة رابعة ضمن قسم نظم المعلومات.
9) قسم بحوث العمليات ودعم اتخاذ القرار Decision Support And Progresses Researches = DS-PR = DS
في القسم ده بتاخد مواد رياضية كتير ومواد فيها حفظ وبرمجة مش كتيرة.
وهتدرس فيه إزاي تتخذ القرار في أي عملية الكترونية، وإزاي تناقشها بأسلوب علمي بحت، وشغلك يبقى في مراكز حساسة زي رئاسة الجمهورية ومجلس الوزراء ومراكز دعم اتخاذ القرار الحكومية التابعة للرئاسة. فلو عاوز القسم ده, يبقى لازم تجهتد كويس أوي والقسم موجود في جامعة القاهرة والمنصورة.
10) قسم نظم الحاسبات Computer Systems Department = CS
إيه الفرق بين القسم ده وقسم هندسة الحاسبات اللي في كلية هندسة؟
في تشابه كبير بينه وبين قسم هندسة الحاسبات اللي في كلية هندسة، لأنك هتدرس إزاي تربط البرمجة بالهاردوير، وإزاي تبرمج البروسيسور و إزاي تبرمج الهارد، والكلام ده بيتاخد في قسم هندسة حاسبات إلا أن قسم هندسة حاسبات نشاطه أكتر على الهاردوير، والسوفتوير فيه قليل.
في قسم نظم الحاسبات هتاخد البرمجة بشكل مكثف عن السوفت وير لكن الهاردوير قليل والقسم موجود في جامعة عين شمس فقط ومعلش طولت عليك بس ربنا يعلم تعبت قد ايه عشان اكون معرفك كل شيء عنها والصوره للفت الانتباه فقط ودعوه حلوه وانتا ماشي كده عالمجهود ده # Medo El Ashry
• تعلم اختصارات لوحة المفاتيح VSC
جميع وظائف البرنامج في متناول أيدينا مع الماوس ، داخل قوائمه. ومع ذلك ، بناءً على ما نقوم به ، فإن رفع أيدينا عن لوحة المفاتيح والذهاب إلى الماوس ، والبحث والنقر لأداء مهمة معينة قد يكون غير مثمر.
قامت Microsoft بتكييف محرر الأكواد الخاص بها لسهولة الاستخدام بفضل اختصارات لوحة المفاتيح. اختصار لوحة المفاتيح هو ملف مجموعة مفاتيح مُعدة مسبقًا لأداء عمل معين. يمكن أن تكون هذه الاختصارات عبارة عن مفتاح واحد (على سبيل المثال ، مفاتيح F) أو مجموعة من المفاتيح ، وكلاهما يستخدم عادةً Control أو Alt كمشغلات.
يمكننا العثور على عدد كبير من الاختصارات داخل Visual Studio Code. يتيح لنا بعضها استخدام الوظائف الأساسية للبرنامج بسهولة أكبر ، مثل:
• Ctrl + K + S -> افتح قائمة اختصارات لوحة المفاتيح.
• Ctrl + Shift + P -> افتح لوحة الأوامر.
• Ctrl + ، -> افتح الإعدادات.
• Ctrl + Shift + X -> قم بتغيير لوحة الامتدادات.
• Ctrl + T -> افتح لوحة البحث العالمية السريعة.
• Ctrl + N -> فتح ملف جديد.
• Ctrl + Shift + N -> فتح نافذة جديدة.
• Ctrl + F4 -> أغلق الملف.
• Ctrl + Shift + W -> إغلاق النافذة.
• F11 -> وضع ملء الشاشة.
• Ctrl + B -> إظهار أو إخفاء الشريط الجانبي.
يمكننا أيضًا الاستفادة من اختصارات لوحة المفاتيح هذه لـ السيطرة على الاستخدام من ملفات التعليمات البرمجية. على سبيل المثال:
• Ctrl + O -> فتح الملف.
• Ctrl + S -> حفظ الملف.
• Ctrl + Shift + S -> احفظ الملف باسم
• Ctrl + Shift + T -> فتح آخر علامة تبويب مغلقة.
يوفر لنا Visual Studio Code أيضًا عددًا كبيرًا من اختصارات لوحة المفاتيح التي تساعدنا التحرك من خلال كامل محرر الكود ليتمكن من تحريره بشكل أكثر راحة. أهمها:
• Ctrl + C -> نسخ التحديد أو السطر الذي قمنا بتنشيطه في ذلك الوقت.
• Ctrl + X -> قص التحديد أو الخط الذي قمنا بتنشيطه في تلك اللحظة.
• Ctrl + V -> الصق محتويات الحافظة.
• Ctrl + Shift + K -> حذف الخط.
• الصفحة الرئيسية -> انتقل إلى بداية السطر.
• النهاية -> انتقل إلى نهاية السطر.
• Ctrl + Home -> انتقل إلى بداية الملف.
• Ctrl + End -> انتقل إلى نهاية الملف.
• Alt + أعلى / أسفل -> التحرك لأعلى أو لأسفل سطر واحد.
• Ctrl + / -> التعليق خارج سطر.
• Shift + Alt + A -> التعليق خارج المنطقة.
• Ctrl +] -> أضف مسافة بادئة.
• Ctrl + [-> إزالة المسافة البادئة.
• Ctrl + P -> انتقل إلى ملف.
• Ctrl + G -> انتقل إلى الخط.
• Ctrl + T -> إظهار جميع الرموز.
• Ctrl + Shift + O -> انتقل إلى رمز.
• F8 -> انتقل إلى تحذير المترجم التالي.
• Shift + F8 -> انتقل إلى تحذير المترجم السابق.
• Ctrl + Shift + M -> إظهار لوحة المشكلة.
• Ctrl + -> تقسيم المحرر.
• Ctrl + 1/2/3 -> افتح أحد المحررين.
• Ctrl + Shift + Avpag -> نقل المحرر لأسفل.
• Ctrl + Shift + Repag -> نقل المحرر لأعلى.
وبالطبع سيُظهر لنا VSC سلسلة من اختصارات لوحة المفاتيح التي ستساعدنا على ذلك قم بتحرير الكود اكثر سهولة. من بين أمور أخرى ، يمكننا تسليط الضوء على:
• -> فتح لوحة البحث.
• Ctrl + H -> افتح لوحة الاستبدال.
• Ctrl + Shift + H -> استبدال في الملفات.
• F3 -> البحث عن التالي.
• Shift + F3 -> البحث السابق.
• Alt + Enter -> حدد جميع التطابقات من نفس المصطلح.
• Ctrl + D -> إضافة التحديد الحالي للبحث.
• Ctrl + L -> حدد الخط الحالي.
• Ctrl + Shift + L -> حدد كل الأسطر في القسم الحالي.
• Ctrl + F2 -> حدد جميع مطابقات الكلمة الحالية.
• Shift + Alt + السهم الأيمن -> توسيع التحديد.
• Shift + Alt + سهم لليسار -> اختيار التحديد.
• Alt + النقر -> إضافة المؤشر.
• Ctrl + Alt + up / down -> أضف المؤشر أعلى أو أسفل.
• Ctrl + U -> التراجع عن المؤشر الأخير.
أخيرًا ، يتيح لنا اختصار لوحة المفاتيح "Ctrl +" إظهار المحطة الطرفية المدمجة في البرنامج ، وهي مفيدة جدًا في مهام التصحيح.
قد تتغير بعض اختصارات لوحة المفاتيح التي رأيناها للتو اعتمادًا على نظام التشغيل الذي نستخدمه. في حالتنا ، وضعنا اختصارات لوحة المفاتيح لنظام التشغيل Windows ، ولكن إذا استخدمنا macOS أو Linux ، على الرغم من أن العديد منها سيتزامن ، فسيتم تخصيص مفاتيح أخرى (مثل Ctrl + F4 ، على سبيل المثال).
جميع وظائف البرنامج في متناول أيدينا مع الماوس ، داخل قوائمه. ومع ذلك ، بناءً على ما نقوم به ، فإن رفع أيدينا عن لوحة المفاتيح والذهاب إلى الماوس ، والبحث والنقر لأداء مهمة معينة قد يكون غير مثمر.
قامت Microsoft بتكييف محرر الأكواد الخاص بها لسهولة الاستخدام بفضل اختصارات لوحة المفاتيح. اختصار لوحة المفاتيح هو ملف مجموعة مفاتيح مُعدة مسبقًا لأداء عمل معين. يمكن أن تكون هذه الاختصارات عبارة عن مفتاح واحد (على سبيل المثال ، مفاتيح F) أو مجموعة من المفاتيح ، وكلاهما يستخدم عادةً Control أو Alt كمشغلات.
يمكننا العثور على عدد كبير من الاختصارات داخل Visual Studio Code. يتيح لنا بعضها استخدام الوظائف الأساسية للبرنامج بسهولة أكبر ، مثل:
• Ctrl + K + S -> افتح قائمة اختصارات لوحة المفاتيح.
• Ctrl + Shift + P -> افتح لوحة الأوامر.
• Ctrl + ، -> افتح الإعدادات.
• Ctrl + Shift + X -> قم بتغيير لوحة الامتدادات.
• Ctrl + T -> افتح لوحة البحث العالمية السريعة.
• Ctrl + N -> فتح ملف جديد.
• Ctrl + Shift + N -> فتح نافذة جديدة.
• Ctrl + F4 -> أغلق الملف.
• Ctrl + Shift + W -> إغلاق النافذة.
• F11 -> وضع ملء الشاشة.
• Ctrl + B -> إظهار أو إخفاء الشريط الجانبي.
يمكننا أيضًا الاستفادة من اختصارات لوحة المفاتيح هذه لـ السيطرة على الاستخدام من ملفات التعليمات البرمجية. على سبيل المثال:
• Ctrl + O -> فتح الملف.
• Ctrl + S -> حفظ الملف.
• Ctrl + Shift + S -> احفظ الملف باسم
• Ctrl + Shift + T -> فتح آخر علامة تبويب مغلقة.
يوفر لنا Visual Studio Code أيضًا عددًا كبيرًا من اختصارات لوحة المفاتيح التي تساعدنا التحرك من خلال كامل محرر الكود ليتمكن من تحريره بشكل أكثر راحة. أهمها:
• Ctrl + C -> نسخ التحديد أو السطر الذي قمنا بتنشيطه في ذلك الوقت.
• Ctrl + X -> قص التحديد أو الخط الذي قمنا بتنشيطه في تلك اللحظة.
• Ctrl + V -> الصق محتويات الحافظة.
• Ctrl + Shift + K -> حذف الخط.
• الصفحة الرئيسية -> انتقل إلى بداية السطر.
• النهاية -> انتقل إلى نهاية السطر.
• Ctrl + Home -> انتقل إلى بداية الملف.
• Ctrl + End -> انتقل إلى نهاية الملف.
• Alt + أعلى / أسفل -> التحرك لأعلى أو لأسفل سطر واحد.
• Ctrl + / -> التعليق خارج سطر.
• Shift + Alt + A -> التعليق خارج المنطقة.
• Ctrl +] -> أضف مسافة بادئة.
• Ctrl + [-> إزالة المسافة البادئة.
• Ctrl + P -> انتقل إلى ملف.
• Ctrl + G -> انتقل إلى الخط.
• Ctrl + T -> إظهار جميع الرموز.
• Ctrl + Shift + O -> انتقل إلى رمز.
• F8 -> انتقل إلى تحذير المترجم التالي.
• Shift + F8 -> انتقل إلى تحذير المترجم السابق.
• Ctrl + Shift + M -> إظهار لوحة المشكلة.
• Ctrl + -> تقسيم المحرر.
• Ctrl + 1/2/3 -> افتح أحد المحررين.
• Ctrl + Shift + Avpag -> نقل المحرر لأسفل.
• Ctrl + Shift + Repag -> نقل المحرر لأعلى.
وبالطبع سيُظهر لنا VSC سلسلة من اختصارات لوحة المفاتيح التي ستساعدنا على ذلك قم بتحرير الكود اكثر سهولة. من بين أمور أخرى ، يمكننا تسليط الضوء على:
• -> فتح لوحة البحث.
• Ctrl + H -> افتح لوحة الاستبدال.
• Ctrl + Shift + H -> استبدال في الملفات.
• F3 -> البحث عن التالي.
• Shift + F3 -> البحث السابق.
• Alt + Enter -> حدد جميع التطابقات من نفس المصطلح.
• Ctrl + D -> إضافة التحديد الحالي للبحث.
• Ctrl + L -> حدد الخط الحالي.
• Ctrl + Shift + L -> حدد كل الأسطر في القسم الحالي.
• Ctrl + F2 -> حدد جميع مطابقات الكلمة الحالية.
• Shift + Alt + السهم الأيمن -> توسيع التحديد.
• Shift + Alt + سهم لليسار -> اختيار التحديد.
• Alt + النقر -> إضافة المؤشر.
• Ctrl + Alt + up / down -> أضف المؤشر أعلى أو أسفل.
• Ctrl + U -> التراجع عن المؤشر الأخير.
أخيرًا ، يتيح لنا اختصار لوحة المفاتيح "Ctrl +" إظهار المحطة الطرفية المدمجة في البرنامج ، وهي مفيدة جدًا في مهام التصحيح.
قد تتغير بعض اختصارات لوحة المفاتيح التي رأيناها للتو اعتمادًا على نظام التشغيل الذي نستخدمه. في حالتنا ، وضعنا اختصارات لوحة المفاتيح لنظام التشغيل Windows ، ولكن إذا استخدمنا macOS أو Linux ، على الرغم من أن العديد منها سيتزامن ، فسيتم تخصيص مفاتيح أخرى (مثل Ctrl + F4 ، على سبيل المثال).
👍3