الدرس الثالث لكورس تعلم لغة الجافا سكريبت الأدوات المستخدمة لتعلم اي لغة برمجة
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
وميضا جديدا لتكون سعيدا
شرحنا بالمقالة الأولى تاريخ تطور لغة البرمجة الجافا سكريبت ومن الذي أسسها يمكنك الاطلاع على المقال عبر المنصة أموالي عبر الرابط التالي
المقال الثاني يكون عن ما الذي يحتاجه الشخص لتعلم لغة الجافا سكريبت رابط المقال على منصة أموالي
أما في هذا المقال سيتم شرح أهم الإضافات التي يحتاجها الشخص أثناء تثبيت القارئ للأكواد بشكل عام وكيفية البحث عن أي شيء جديد نتعلمه عن طريق هذه السلسلة بشكل عام وبسهولة من خلال البرنامج
تم اختيار برنامج الفيجول أستديو بشكل خاص وتقدر استخدام البرنامج الذي تريد وأما الإضافات التي أقوم بشرحها في هذا المقال تقدر تبحث عنها عن طريق خاصية الإضافات التابعة لبرنامجك الخاص الذي قمت باختياره من قبلك
أولا عليك التأكد من أنك تستخدم آخر إصدار او تحديث للبرنامج الذي تستخدمه للقيام بهذا الأمر يمكنك الذهاب بالماوس على خيار HELP ومن ثم الضغط على خيار CHECK FOR APDATE إذا ظهرت لك بلغة الإنكليزية يفيد بأن ليس هناك إصدار أو تحديث جديد فهذا يعني بأنك تعمل على ’خر إصدار والحمد الله ولو وجدت تحديث إصدار لديك في القائمة عليك تحميله ومن ثم تقوم بالبدء بالعمل على البرنامج هناك قائمة الموجودة بالصفحة الرئيسية على يسار البرنامج نختار منها بند EXTENSION ,ومنها يتم اختيار كافة الإضافات التي نريد إضافتها على البرنامج لتقوم بمساعدتنا بتنفيذ الكود بالشكل الصحيح ملاحظة هناك إضافات خاصة بلغة الجافا سكريبت وبعض الإضافات لها علاقة بلغات ثانية مختلفة سنقول لك أهم الإضافات التي ستحتاجها أثناء الكورس بإذن الله تعالى
الإضافة الأولى هي Bracket pair colorizer2 وضيفه هذه الأداء تلوين الأقواس المستخدمة أثناء كتابة الكود بألوان مختلفة لمعرفة بداية الأقواس من نهايتها لمتابعة عملك بشكل جذاب وتوفر وقت بالبحث وتدقيق ما تم كتابته
الإضافة الثانية جميلة جدا editor config for vs code مميزات الإضافة تفيدك لو منت تعمل بفريق هذه تقوم بإنشاء ملف خاص بالإعدادات التي قمت باختيارها لملفك فيمكنك مشاركة هذا الملف للفريق لإنشاء الإعدادات نفسها لكل مبرمج على نفس البرنامج الذي تقوم ببرمجته وهذه الإضافة مفيدة جدا
الإضافة الثالثة وهي ES lint هذه الإضافة تقوم بالتأكد من خلالها بأنك تقوم بكتابة الأكواد بالشكل الذي يتوافق مع المعاير وهذ الشيء سنقوم بتعلمه بشكل خاص ضمن الكورس في هذه السلسلة من المقالات وسوف تقوم هذه الأداة بإظهار الأخطاء التي لا تتوافق مع المعاير لكتابة الأكواد كل هذه الأشياء ستتعرف عليها ولكن يجب إضافة هذه الأداة ليقوم بتصحيح الأخطاء تلقائيا
الإضافة الرابعة INDIMT RAIN BOW
هذه الأداة تقوم بتحديد كل قسم من الأكواد بداية ونهاية كل قسم وهذا مفيد جدا لو أنت قمت بكتابة أكواد كثيرة وكبيرة ولو أنك قمت بكتابة أوامر متداخلة فإنه سوف يعرفك البداية والنهاية أين
الإضافة الخامسة من أهم الإضافات LIVE SERVER
هذه الإضافة تعتبر من أهم الإضافات التي تحتاجها تقوم هذه الأداة بإنشاء خدمة LOCAL SERVER لتقوم بتجربة كل الأكواد بشكل الذي سيظهر عليه على المتصفح وفيها ميزة مهمة جدا حيث بمجرد ما تقوم بالضغط على كونترول S أو تقوم بالحفظ فيقوم بعرض الموقع بشكل أوتوماتيكي لتقوم بمراجعة وفحص ما قمت بكتابته من أكواد وعرضه لك وهذا يوفر لك الوقت بأنك كل وقت قصير تقوم بالتأكد من ما كتبت من أكواد
الإضافة السادسة MATERIAL ICON THEME
هذه الأداة لو أحببت إضافة لغات على البرنامج تقوم هذه الأداة بعرض الأيقونات بشكل جميل ونجعل الشكل يفتح النفس كما يقولون
الإضافة السابعة PATH ENTELLISENSE هذه الإضافة مهمة للغاية تقوم بكتابة مسار معين من الأكواد تقوم هذه الأداة باستكشاف المسار والإضافات التي قمت بإضافتها لتختار شيء محدد منها وتقوم هذه الأداة بتوفير الوقت والجهد من الكتابة الكود
الإضافة الثامنة PERTTIER CODS FORMATER
تقوم هذه الأداة بتنسيق الكود أنا لا أنصح باستخدام هذه الأداة من البداية ولكنها مفيدة لو أنك قمت بحفظ الملف وتحميله نقوم هذه الأداة بتنسيق الكود بشكل احترافي ولكن تعلم عن طريق هذه الأداة طريقة تنسيق الأكواد بشكل عام بعد أن تستخدمها احفظ الطلايقة المتبعة فمن الممكن بالبداية التعلم أن تكتب أكواد بأخطاء مشهورة مثل المسافات بين الكلمات فأنت بمجرد تنزيل هذه الأداة ممكن تعرف أين كان خطأك وتتجنبه بالمستقبل
هناك إضافات كثيرة ممكن إضافتها ولكن هذه أهم الإضافات التي سوف تحتاجها بشكل عام للغة الجافا سكريبت أو أي لغة أخرى
السلسلة الثانية تعلم البرمجة بلغة HTML
معلومة لكل من يريد تعلم أي لغة برمجة يمكنك تعلم شيء موسع عن أي كود أو شيء جديد تتعلمه عندما تكتب أمر جديد أو كود جديد بالقارئ يمكنك الإشارة عليه بالماوس وسيظهر لك وضيفه هذا الكزود ومرجع على موقع NDN REFRACE هذه الخطوة يجب عملها من أجل معرفة معلومات إضافية لكل كود جديد تقوم بتعلمه في الكورس شكرا لك على المتابعة لنهاية المقال لا تنسى الاشتراك والتعليق لدعمنا بنشر كل شيء جديد ومفيد بعالم البرمجة