π 🇵🇸
π 🇵🇸

@Eyadhamza8

7 تغريدة 16 قراءة Jan 25, 2021
خلينا نحكي الموضوع من الأول عشان افهم..
أساس الويب لو اتكلمنا من وجهة نظر ال front end عبارة عن design و interactivity..
انت تقدر تحقق الاتنين دول عن طريق ال css و ال JavaScript
ولكن الموضوع بقي في الآخر ايه..
خلينا نتكلم علي الديزاين الأول، ال css مكنش flexible اوى و أحيانا
بيبقي الموضوع متعب جداً عشان كده طلع حلين، الحل الأول إنك تستخدم preprocessor زي ال sass او ال scss وده تقدر تستخدم فيه شوية حاجات بتسهل عليك أكتر زي ال inheritance وال variables وكده، الحل التاني إنك تستخدم framework، ولاحظ معايا حاجة مهمة جداً، ان في النهاية كل حاجة بتترجم لcss
في الآخر، يعني ال css هيا الأساس، واحنا اصلاً عملنا ال framework من ال css، بمعنى ان البوستراب او التايلويند عبارة عن css classes بس
بس مكتوبين بطريقة أسهل
بمعني برضه إنك ممكن انت نفسك تعملك فريموورك باستخدام تجميعة من ال css classes، بس إحنا بتستخدم فريموورك عشان ناس خبرة عملوها
الجافاسكريبت نفس الكلام بس في زياده بقي، خليني أشرح الموضوع من بدايته، صفحة الويب الي انت شايفها قدامك عبارة عن عناصر من حاجة اسمها dom تمام ؟
عشان تعمل interactivity في الصفحه يبقي انت بتغير عناصر في الصفحة يعني في الدوم يعني من غير ما تعمل ريفريش للصفحة، زي مثلا لو جربت تعمل
لايك أو ريتويت من الويب، هل الصفحة بيتعملها refresh؟
لا طبعاً، ده ساعتها الموضوع هيبقي وحش جداً بالنسبة لتجربة اليوزر، فالي انت بتعمله إنك بتغير جزء صغير بس من الصفحة من غير ماتعملها ريفريش، طيب حلو..
التغيير ده بقي بيتم ازااي؟
عن طريق الجافاسكريبت، هيا الي بتعمل manipulate للدوم
بتغير العناصر من غير ما الصفحة تعمل ريفريش، يبقي أنا دلوقتي اقدر اعمل interactivity بالجافاسكريبت بس صح؟
ليه بقي ال فريموورك؟
عشان تسهل عليك برضه في ال syntaxمش بس كده وده الأهم، بيبقي فيه
performance optimization
ازاي؟
عشان ال فريموورك الحديثة زي ال vue مبتعدلش علي الدوم نفسها!
ال vue بتحول ال dom ل حاجة اسمها virtual dom وبتحول ال dom ل مجموعة من ال JavaScript objects ، فده بيخلي بدل ما تغير الdom كلها انت بتعمل update لل objects بس وللحاجات الي اتغيرت بس،
ده كان بتفصيل شوية الرد علي السؤال..

جاري تحميل الاقتراحات...