قبل أن نخوض في المقالة،
اوجنسي ممتنة لخالق قناة يوتيوب ريدستابلر على جميع الفيديوز التي يقوم بإنتاجها والمعرفة التي يحاول أن ينشرها بحب مع الجميع. وبالتأكيد قبول استخدام الفيديو الاصلي كمصدر لهذه المقالة.

شكراً TK

في هذه المقال سوف تتماشى مع بعض مكتبات الجافا سكريبت الأكثر استخداماً في العام ٢٠٢٠. إذا كنت لا تعرف ما هي المكتبة اقرأ هذا المقال قبل أن تبدأ

مكتبات الجافاسكريبت العشر الأكثر استخداما لتستخدمها في مشروعك القادم في ٢٠٢٠

لطالما كانت الجافا سكريبت منطقا للوائح مستخدم المواقع الالكترونية. فهي اعطت تلك المواقع الروح لتصبح حيّة بعد ان تبدو جميلة (بإستخدام css). ومن بعد تقديم nodejs و npm. اصبحت الجافاسكربت بمثابة الاداة الاكثر استخداما من قبل المصممين و مختصي تجربة المستخدم ولوائح المستخدم ومبرمجين الطرف الأمامي كما هو حال مطوري الطرف الخلفي والسيرفر.

التالية هي قائمة تحتوي على مكتبات الجافا سكريبت العشرة الاكثر استخداما اعتمادا على انها كانت الاكثر تحميلا ومشاركتها ومشاهدةً على github. وهي بالتأكيد ستقوم بتحويل تصميم وشكل وشعور وتجربة موقعك الإلكتروني إلى موقع حديث ساحر.

اترك ببالك ان جميع هذه المكتبات تعتبر مجانية الاستخدام وذات مصدر مفتوح.

#١٠ جيه كويري

Jquery.js 
هي الأكثر شهرة بين صفوف جميع مبرمجي ومطوري المواقع الالكترونية. وبالخصوص أولئك الذين يبرمجون اللوائح بلغة الجافا سكريبت. اسلوبها بسيط الاستخدام جعلها سهلة للتعلم. حيث انها ايضا تتميز بمجموعة من الاقترانات التي تعالج عناصر الويب والأحداث كما تعالج الاجاكس ajax

في هذه الأيام. تعتبر جيه كويري معتمد عليها من قبل المكتبات الأخرى التي تستخدم الجافا سكريبت وال css مثل الاشهر في مجال المواقع المتجاوبة بووتستراب.

#٩ فونت اوسم

Fontawesome.js
من بعد استخدامها من قبل شريحة واسعة كمكتبة CSS تحتوى الاف الايقونات. قامت فونت اوسم بالتحول إلى استخدام الجافاسكريبت وعناصر SVG. هذا التطوير تم تقديمه مع فونت اوسم ٥ والذي يعتبر مجانياً (بعض الشيء). ولكن للاسف لقد قاموا بتحديد عدد الاستخدام ليقومو بعملية ملاحقة النسخ و إجبار المستخدمين على شراء النسخة البريميوم. ولكنك بالطبع ستتمتع باستخدام اكثر من ٥٠٠٠ ايقونة بأكثر من شكل (مملوءة او مخطوطة)

#٨ فيثر

Feather.js 
هي مكتبة بسيطة وجميلة وسهلة الاستخدام . تحتوي على ٢٨٢  ايقونة خطية تم تصميمها بجمال. تقوم المكتبة باستبدال العناصر بمثيلاتها من صيغة svg داخل صفحتك الالكترونية. هي بالطبع رائعة ومجانية ١٠٠% الى حد الان. اذا انك تريد البحث عن مساوي لفونت اوسم وخصيصا اذا انك كنت تبحث عن الايقونات المخططة ولكنك لا تستطيع ايجادها. كل ما عليك فعله هو تجربة هذه المكتبة

#٧ انيم

Anime.js

وهي مكتبة خفيفة وسهلة الاستخدام تختص بالحركة والتحريك. مع ال API القوي الخاص بها يمكنك تحريك خصائي ال CSS وSVG وسمات الكينونات الموجودة في الصفحة كما هو حال كينونات الجافاسكريبت. فهي ستعطيك القدرة على التحكم لخلق الحركة بسطور بسيطة من الجافاسكريبت.

مع العديد من الامثلة واسلوب التوثيق القوي الخاص بهم ستتمكن من استخدام هذه المكتبة بسهولة في مشروعك الحالي والقادم.

#٦ هولر

Howler.js

ستجعل هذه المكتبة العمل مع ملفات الصوت سهلا للغاية وفعال على جميع المنصات. المكتبة ستعطيك القدرة على ان تقوم بعملية تدفق مباشرة لمحطات الراديو. خلق لاعب الموسيقى. وتشغيل الاصوات في مساحات معينة حين العمل على مشروع WebGL وتحديدا threejs

#٥ تشارت

Chart.js 

مكتبة سهلة ومرنة مبرمجة خصيصا للمصممين والمبرمجين والتي ستعطيك القدرة على انتاج جداول ورسومات بيانية متحركة ومفعمة بالحياة. بثمانية نوعيات للرسومات البيانية والتي يمكنك ان تدمجها سويا بسهولة لتلبي حاجتك. والاهم بالذكر ان هذه الخرائظ والرسومات البيانية تعتبر متجاوبة مع حجم الجهاز الذي يعرضها.

#٤ ريفيل

Reveal.js 

وهي مكتبة ستساعدك على انتاج ملفات تقديم بصيغة الHTML. صفحة واحدة متفاعلة تعمل وكأنها ملف باوربوينت او عرض تقديمي. من خلالها تستطيع ان تقوم بانتاج هذه الشرائح وتوزيعها افقيا وعاموديا بحسب الرغبة او الحاجة. وبالنسبة لي ! فمن اهم المزايا التي تختص بها هذه المكتبة هي القدرة على تحميل الملف النهائي بصيغة الملف المحمول PDF 

#٣ ثري 

THREE.js

وهي متكبة تعمل على جميع متصفحات الويب والتي تسمح لك بإظهار وتحريك رسومات الحاسوب الثلاثية الابعاد كصفحة منفصلة او كعنصر من عناصر صفحتك. هذه المكتبة تستخدم الWebGL ولكنها ايضا تعطيك المجال على تحريك خصائص الCSS الثلاثية الابعاد ورسم الSVG دون استخدام تقنية الcanvas.
لقد اصبحت هذه المكتبة مشهورة منذ ان تم اطلاقها حيث يمكنك زيارة موقعهم الالكتروني ومشاهدة العديد من الامثلة الرائعة التي تم استخدامها كمكتبة لانتاج تلك الاعمال. والان. اصبح بامكانك ان تقوم بخلق تلك المجسمات او الكينونات الثلاثية الابعاد بأستخدام المحرر الجديد. هذه المكتبة ينصح باستخدامها من قبل الاشخاص الذين يريدون وضع تأثيرات بصرية ثلاثية الابعاد كذلك حال مبرمجين العاب الويب

#٢ بيكسي

Pixi.js

وهي الاسرع والامرن والاسهل للاستخدام لتقوم بانتاج غرافيكس ثنائي الابعاد باستخدام webGL. كتغيير درجة اللون. الدمج. والفلاتر كأنك تستخدم الفوتوشوب على موقع الكتروني. هي بالتأكيد مذهلة ويمكنك ان تقوم بالتحقق من ذلك بنفسك وتنظر كيف تكون المواقع الحديثة

#١ فيديو

Video.js

هي لاعب فيديو تم بناءه من الاساس ليستخدم في عالم الHTML5 فهو يعمل على دعم ملفات الفيديو جميعها كذلك الحال لملفات الفيديو المتعلقة فيHTML5 وغيرها من التي يتم نشرها مسبقا على يوتيوب وفيميو وحتى فلاش. انها تدعم ايضا تشغيل الفيديو على سطح المكتب والهاتف الجوال

اذا اردت ان تشاهد الفيديو الاصلي من قبل TK فهو بالاسفل