افضل 3 Frame-works لتطوير ال ForntEnd فى 2021
الفرونت اند اطور جدا فى الفترة الى فاتت و بدا يخرج ليها frame-works وعلى مدار ال 10 سنين الى فاتت اتطور ليها frame-works قد تغنيك عن ال Back-end بشكل كامل فى بعض المشاريع و ال frame-works دىكلها بتسمى ب JavaScript frameworksنظرا لاعتمادها فى الاساس على لغة javascript فى الcore بتاعها و الى منهم بعد كده اعتمد على typescript الى بتتحول فى الاخر ل JavaScript .
اتبنت ال JavaScript frameworksعلشان تسهل شغل ال front-end Developerبشكل اساسى و كمان بتسهل عمليه تطوير الموقع بالكامل و عن تجربة شخصية صدقنىهتستغرب من سهولة التعامل معاها فى عملية التطوير...
فى البوست ده هنتكلم عن اشهر تلاتة frame-works فىالوقت الحالى:
1- React :
تعتبر أحد أبسط الأطارت للتعلم – تم انشاءهافي Facebook لإصلاحمشكلات صيانة الكود بسبب الإضافة المستمرة للميزات في التطبيق.
يُعد React إطار عمل مفتوح المصدر فى الوقت الحالى و إطارعمل مثالي لمن يتوقعون trafficعالى ويحتاجون إلى منصة مستقرة للتعامل معها.
الايجابيات:
· إمكانيةاستخدام componentsوإعادة استخدامها في أجزاء أخرى من التطبيق
مع اداء متسق وسلس.
· سهلة فىالتعلم و بسيطة.
· أدوات React devالمتطورة مفيدة للغاية
السلبيات:
· بسب التحديثاتالكثيرة و المستمرة يصعب عمل documentation متزامن معها و ده بياثر على منحنى التعلمللمبتدئين.
· رياكت تعتبربتقدم حلول للFront end فقط.
2- Angular
لايمكن وجود اى قائمة لأفضل أطارات تطوير الFrontend بدون Angular فيها.
Angularهو الإطار الوحيد الى بيعتمد على TypeScriptبدلا من JavaScript في القائمة دى.
تمإطلاق Angular رسميًا فيعام 2016 ، وتم تطويره بواسطة شركة Google.
على عكس React ، فإن Angularتتميز بميزة two-way data binding.
يعنى انها عندها تزامن بين الداتا الموجودةفى ال model و ال View و بالتالى اى تغير فى اى جزء منهم هياثر علىالتانى.
شركات مثل BMW و Xbox و Forbes و Blender وغيرها لهاتطبيقات باستخدام Angular .
مقارنةً بـ React، ليس من السهل تعلم Angularبرغم وجدود Documentation لها الا انها تكون محيرة بالنسبة للمبتدئين.
ولكن Angular برضو مليانة ايجابيات يكفى انى اقولك انها ممكنتتعامل مع جزء كبير من الBack-End زى ال Routingبل و احيانا ممكن تبنى تطبيق كامل بس ب Angular .
3- Vue js
يعد Vueأحد أكثر أطارات عمل Front end شيوعًا في الوقت الحاضر ، وهوإطار بسيط ومباشر.
هو كويس جدا فى ازالة التعقيدات الى بيواجها مطورى Angular و ليه ميزتين مهمين و هما visual DOM وكونه component-based وكمان فىخاصية ال 2-way bindingالى اتكلمنا عنها فى Angular .
Vueكمان متعدد الاستخدامات ،وبيساعدك في مهام متعددة. زى إنشاء تطبيقات الويب وتطبيقات الأجهزة المحمولة.
شركات زى Alibaba,9gag, Reuters, Xiaomi بيستخدموا Vue.
ودى كانت تغطية سريعة لاهم 3 Frame works ممكنتشتغل بيهم فى ال Front-End...
اختار واحد بس منهم وابدا فى انك تتعلمه صدقنى هيساعدكجدا فى شغلك و هيطلع من جودة عالية و اداء مميز جدا عن العادى.
لا توجد تعليقات