لغات البرمجة - أُطُر عمل JAVASCRIPT ومكتباتها
المعلوماتية >>>> ألـــبـــومـــات
وبعد حديثنا عن لغة JAVASCRIPT، لا بُدّ لنا من التطرُّق إلى أهم المكتبات المتنوعة لهذه اللغة وأين تُستخدَم كلٌّ منها نظرًا لتنوعها وتخصصها.
قد تكون عملية تطوير واجهات المُستخدم (UI) التفاعلية والجذابة من العمليات الطويلة والمملة في JAVASCRIPT، لذلك؛ طوّر أحد مهندسي البرمجيات في Facebook مكتبةَ React.Js لتُستخدَم في تطوير الواجهات.
Image: https://codeburst.io/why-is-reactjs-so-popular-c4ae7c385239?gi=8572f07ab622
تتيح تصميمَ واجهات معقدة اعتمادًا على مفهوم المُكوّنات (Component)، وهي مجموعةٌ من الشيفرات البرمجية على شكل عناصر متفرقة وصغيرة.
وبفضل ميزة تغليف هذه المكوّنات وتركيبها معًا، يُمكن إعادة استخدامها بسهولة دون كتابة شيفرة جديدة.
Image: https://www.redbubble.com/people/hipstuff/works/26499613-react-js-logo?p=photographic-print
يمكن إعادة استخدام المكونات (Components) بسهولة بفضل ميزة تغليف هذه المكونات وتركيبها معًَا.
Image: https://www.redbubble.com/people/hipstuff/works/26499613-react-js-logo?p=photographic-print
برز دورها لصعوبة إعادة استخدام بعض أجزاء واجهة المستخدم في تطوير واجهة أخرى؛ إذ تسرّع عملية التطوير عن طريق السماح بالتغير التلقائي مع تغير البيانات الممررة إليها دون كتابة أي سطر برمجي إضافي.
Image: https://www.redbubble.com/people/hipstuff/works/26499613-react-js-logo?p=photographic-print
لغةُ برمجة مفتوحة المصدر طوّرتها Microsoft لدعم أدوات من شأنها جعل تطبيقات JAVASCRIPT أوسع نطاقًا؛ إذ تضيف أنماطًا (types) جديدة إلى الأنماط الموجودة مسبقًا في JavaScript.
Image: https://www.typescriptlang.org/
إطار عمل لبناء التطبيقات المكتوبة بـHTML وTypeScript، كُتِب أساسًا بلغة TypeScript، وهو ينفّذ الوظائف الأساسية (core) والاختيارية (optional) في شكل مجموعة من مكتبات TypeScript التي قد تُضمّنها في تطبيقاتك.
Image: https://en.wikipedia.org/wiki/Angular_(web_framework)
يُستخدَم لإنشاء تطبيقات الويب والهواتف الذكية وسطح المكتب بالاعتماد على مفهوم البرمجة الغرضية التوجه (OOP)، ومن أهم ميزاته دعم تطبيقات الويب الوحيدة الصفحة (SAP) والبسيطة.
Image: https://dwglogo.com/angularjs/
تتيح استخدام لغة JAVASCRIPT في كتابة تعليمات للخادم؛ إذ تنفّذ على الخادم وتعمل على محركات JAVASCRIPT في المتصفحات؛ مما يسمح بإنشاء صفحات تفاعلية المحتوى قبل عرضها للمُستخدِم على المتصفح.
Image: https://nodejs.org/de/about/resources/
غيرت مكتبة jQuery الطريقة التي نكتب بها JAVASCRIPT؛ إذ قلّصت عدد الأسطر البرمجية المطلوب كتابتها.
Image: http://designbeep.com/2011/06/02/17-fresh-and-functional-jquery-plugins-you-will-love/
سهّلت التعامل مع مستندات HTML والتعديل عليها، وإنشاء الرسوم المتحركة (animation)، والتعامل مع الأحداث (event handling)، وتطوير التطبيقات التي تستخدم تقنية Ajax.
Image: https://pngimage.net/logo-jquery-png-3/
تُعدّ AJAX اختصارًا لـ (Asynchronous JavaScript And XML)، وهي تقنية للوصول إلى خوادم الويب.
Image: https://ar.wikipedia.org/wiki/%D8%A3%D8%AC%D8%A7%D9%83%D8%B3
تتيح تحديث أي جزء من صفحة الويب دون الحاجة إلى إعادة تحميل الصفحة بأكملها، وذلك على نحو غير متزامن (Asynchronous) عن طريق تبادل البيانات مع خادم الويب باتصال جانبي.
Image: https://ar.wikipedia.org/wiki/%D8%A3%D8%AC%D8%A7%D9%83%D8%B3
المصادر:
1- هنا
2- هنا;
3- هنا
4- هنا
5- هنا
6- هنا