vue.js و مقارنة بين ال Angular , React




حبيت اتكلم شوية عن ال Vue.js 

ال framework دا نط و انتشر بسرعه رهيبة جدا فى 
و صل على Github 
69 الف Star
اكتر من كل ال frameworks التانية اللى بتنافس 
طبعا ال stars مش كل حاجة بس دا رقم كويس جدا فى فترة قصيرة

طب هو ايه ال Vue اصلا ؟

Vue بيساعدك انك تعمل Single Page App
و بأداء و سرعه عالية جدا
طيب اشمعنى دا مش React او Angular
مميزات دى ان اكتر ال backend بيستخدموا Laravel
و طبعا ال لارفيل بي support ال Vue
تانى ميزة انها سهلة جدا جدا جدا انت بس عارف اساسيات الجافاسكريبت حتتعلم ال Vue فى وقت قليل جدا
كمان ال Documentation بتعها حاليا احسن و اقوى من React او Angular بيشرح بالتفاصيل الممل و امثلة و اسلوب سهل جدا

فريم وورك خفيف جدا لو هتستخدم النسخه الcdn من الفريموورك ف حجمه هيبقي 58kb بس .. يعني فيه jquery plugins أكبر منه ف الحجم تقريبا 😂
فا هو اخف فريم ورك و هنا هتلاقى المقارنة بين اللغات من حيث الحجم
https://gist.github.com/Restuta/cda69e50a853aa64912d
و كمان ممكن متستخدمش ال ES6 لو لسه متعرفش عنه حاجة بس يستحسن تعرفه حيسهل الدنيا اكتر

كمان كتابة الكود بتعها بسيط جدا و مش معقد زى ال React مثلا
بتكتب ال template , HTML code لوحده
بتكتب ال script لوحده و ال style لوحده
يعنى مش html على javascript فى بعض زى ال react دى بالنسبالى اهم ميزة

كان من عيوب ال Vue انها جديدة طبعا ف الcommunity بتاعتها مش كبير أوي زي أنجيولار مثلا بس حاليا عمالة تزيد بشكل رهيب جدا

كمان ال Error مش بيطلعلك موضح فى السطر الكام او فين بالظبط فا لو عندك كذا components حتوه شويه بس سهل تعمل Debug يعنى

طبعا احسن كورس ممكن تذاكر منه ال Vue من وجهه نظرى

- Udemy: Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)
https://www.udemy.com/vuejs-2-the-complete-guide/
دا مع لارافيل
https://laracasts.com/series/learn-vue-2-step-by-step
دا عشان تتعلم ال ES6
https://www.udemy.com/essentials-in-javascript-es6/learn/v4/overview

تعليقات

إرسال تعليق

المشاركات الشائعة من هذه المدونة

Singleton Desgin pattern

صورة
تانى ديزاين باتنر هنتكلم عنه انهارده هو Singleton Design Pattern هو عباره عن كلاس بيتاخد منه Only one instance request lifecycle in a web application يعنى مش بقدر اخد منه New Object (); ﻻ هو مرة باخد منه instance واحد بس يقدر اى component يستخدمها و فى نفس الوقت متبقاش متخزنة فى global varibale عشان avoid collision يعنى لو حطيت package فيها global varibale بنفس الاسم فا سعتها حيحصل مشاكل ايه دا ؟ طب ليه كدا يعنى ؟  :D تخيل معايا عندك مثلا كلاس بيـ connect مع داتا بيز كل مرة بتـ create منه object فى اكتر من مكان بقى تخيل كدا معايا عدد ال connection identical اللى حتتـ create فى ال داتا بيز سيرفير ؟؟  :D فا مشكة كبيرة كدا  🤔 🤔 طب مثلا عندك كلاس بيحتوى ع اعدادات مثلا كلاس settings انت مش محتاج كذا instance منه هو مرة واحده بس بتنادى عليه ف اى مكان يعنى هتستخدمه كا Database connector Logger lock file Settings Proritate Config او اى مثال بقى حسب ال Application بتاعك المهم تكون فهمت فكرته بس طيب و دا بيتعمل ازاى بقى ؟؟  🤨 🤨 بص يا سيدى دا كلاس عادى جدا زى اى كل...
قراءة المزيد

Chain of Responsibility Design pattern

صورة
انهارده حتكلم عن Design pattern شيق جدا و ممتع جدا جدا 🤗 🤗 و هو Chain of Responsibility 😍 😍 نـ صل ع النبى و نبدء بسم الله امتى بستخدم ال Chain of Responsibility بستخدمه لما احب اخلى اكتر من object يهندل request بمعنى عندى اكتر من اوبيجكت بتعامل معاهم لو فى واحد ما هندلش الريكوست بتاعى بخليه يدخل على الاوبجيكت اللى بعده لوحده Use when you want to give more than one object a chance to handle a request. من عيوبه انك مش بتعرف تعمله debug فى ال run time Hard to observe the run time characteristics and debug ممكن نقرا عن المميزات و العيوب اكتر هنا https://miafish.wordpress.com/2014/12/31/chain-of-responsibility-pros-and-cons/ طيب بيشتغل ازاى بقى الديزاين باترن دا هو بسيط بس محتاج شوية تركيز مش اكتر دا مثال بسيط جدا بيقولك لو انت خارج من البيت مثلا و فى شوية حاجات بتعملها زى مثلا انك تتاكد ان المعاد مظبوط انك قفلت النور و انك قفلت الباب دول 3 مهام اهم لازم تعملهم عشان تنزل فا انت بتعمل الديزان باترن دا عبارة عن abstract ...
قراءة المزيد

Factory Design Pattern

صورة
انهارده حنبدء ف اول ديزاين باترن و هو ال Factory و زى ما قولنا هنمسك ف كل ديزاين باترن انا حستخدمه ليه حينفعنى فى ايه و ازاى طيب هو مبدئياً كدا الاول عايز اوضح حاجة بس فى حاجة اسمها simple factory method و ال factory design pattern و طبعا فى اختلاف و اكتر ال Developers بيقعوا ف الحتة دى و فكرين ان ال simple factory هو دا الديزاين باترن لكن ﻻ دا يعتبر Programing idiom ونا كنت واحد من الناس دى لحد ما قريت و فهمت الفرق و ححاول اوضحه دلوقتى طيب ايه بقى هو ال factory دا يا عم مروان هو يا سيدى المفروض انه Interface بس مش بتاع ال oop ﻻ هو زى عقد كدا كلاس بيكون اب لكلاسات حوضح النقطة دى قدام المهم هو انك تعرف Interface تقدر عن طريقة تـ create objects بس تخلى ال SubClasses هى اللى تحدد انهى كلاس هيتعمل منه instantiations هو اكيد مش واضح طبعا طيب تعالى كدا نكمل الاول بس و هفهمك تانى فوايده انه بيكريت ال object من ال factory و دا بيكون اسهل من انك كل شوية تعمل new object فى اماكن كتير نفترض عايز تغير اسم الكلاس ؟ هتروح تغيره ف كل الاماكن اللى عامل منها new object ؟ انما كدا هتغي...
قراءة المزيد