ده الناتج الي طلع من تنفيذ الكود..
اي ده بقي ؟؟
مش مفروض كلمه time out ده تتطبع تالت سطر لي بقت اخر سطر ؟؟
ومش مفروض كلمه end تبقي اخر سطر تتطبع؟؟

تعالوا نشوف كدا مع بعض اي الي حصل...

اولا كدا ده نفس الكود بتاع المره الي فاتت بس فيه زياده الي هيا فانكشن ال setTimeout
نبدا نشوف بقي اي الي حصل دلوقتي...

اول حاجه ال call stack هتبقي بالمنظر ده فاضيه عادي جداا...

بعدها هيبدا ينفذ اول حاجه الي هو طباعه كلمه start كما موضح فالصورة وبعد تنفيذها بيطلع برا ال call stack عشان يرجع فاضي زي الصور الي قبلها

بعدها يبدأ ينفذ الfunction اللي بعدها واللي هيا setTimeOut وتدخل

الstack بالمنظر ده

تمام وبعدين؟؟

بعدين هيبدأ بقى يحصل حاجه جديدة عن المرة اللي فاتت خالص ال function دي javascript عارفها وحافظها لانها built in وعارف ان بالها طويل وبتغيب على ما تتنفذ ومش غريبة عليها ولا أول مرة تنفذها
وخليك فاكر كلمة انها مش غريبه عليها دي ف الحاجه js قالتلك بدل ما الكود يقف مستني على ما الثواني بتاعت الsetTimeOut دي تخلص عد والengine مش بيعمل اي حاجه وقاعد فاضي كده لحد ما البيه يخلص عد قالك بص انا هطلعه من الstack خالص

ايه ده يعني خلاص كدا مش هنفذه؟؟

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

يعني هتعمل ايه؟ قالك انا هوديه للWebApi's دي تتعامل معاها هيا بمعرفتها وانا اكمل اللي كنت بعمله ولما ربنا يسهل واخلص اللي ورايا ابقى اشوف بقى ال function اللي بتغيب دي وارجعلها بعدين طيب مش فاهم برضو ايه الWebApi's دي اللي ظهرت فاجئة لا دي ما ظهرتش فاجئة ولا حاجه دي موجوده في الdiagram فوق بس احنا الي كنا ليه متكلمناش عنها

بص احنا هنتكلم عنها دلوقتي ال black box لحد ما نبدأ نفهم الدنيا كلها ماشيه ازاي وبعدها نفتح ال box ده ونشوف اي الدنيا فيه وبيشتغل ازاي .. تمام؟؟
- تمام
يبقي دلوقتي لما ال stack يلاقي حاجه هو عارف انها هتغيب بيروح يرميها لل web api's دي صح
- اه صح
طيب اي الي بيحصل بعد كده؟؟
الي بيحصل هو نفس الي حصل المره الي فاتت بدون اي تغيير ولا كأننا شوفنا أصلا ال function اسمها setTimeoit انا خلاص طالما رميتها لل web api's انا هكمل شغل عادي خالص ده بالنسبه طبعا لل stack ماناش دعوة لسه بالباقي

- يعني تعالوا نشوف الكود دلوقتي هيمشي ازاي

تابع..

بعد ما بيرمي ال function دي لل web api's
ال stack بيرجع فاضي بعدها كما موضح فالصورة

السلام عليكم  جميعا :
في هذا الفيديو سوف تعلم معه بعض   كيفية إنشاء مشروع  header باستخدام html & css فقط

تطبيق عملي على header او navigation يعتبر اهم شئ في صفحة الموقع و شئ اساسي في جميع مواقع الويب بيقدر من خلالة يصل الى جميع المحتوئ الموجود في الصفحة و التنقل احيانا بين الصفحات

اذا كنت مهتم في هذا اكتب تعليق عن الفيديو الذي تريد ان يتم شرحة في الفيديوهات القادمة

رابط الفيديو من هنا
https://youtu.be/lEdCo6oHj1A


channel telegram: @codedevelopment

نكمل ...

بعدها يبدأ يشوف ال call الي بعدها واليي هيبقي فالسطر قبل الاخير الي فيه sayHelloWORLD ويبدأ يجيبها عنده في ال stack زي كده وينفذها عادي

بعدها يبدأ تنفيذ ال function دي وبتتفاجئ ان فيها call ل function تانيه الي هيا console.log فيبدأ يجبها تاني في ال stack وينفذها ويبقي المنظر زي كدا

وبعد ما ينفذها يبدأ يشيل ال function دي من ال stack عشان يرجع بالشكل ده

وبعدها يلاقي ان ال function الي اسمها sayHelloWorld دي خلصت تنفيذ فيبدأ يشيلها ويرجع بالشكل ده

نيجي بقي لل Event loop الي رحلتها ال setTimeout

فل كدا خلاص كدا الcall stack خلص شغله ويقدر يروح بيته؟؟ لا طبعا لأن أول ما الcall stack بيفضي بالمنظر ده مش هوا اللي يقدر يقول البرنامج انتهى أو لا طيب مين اللي يقول انتهى أو لا؟؟
-الكبير
احمد مكي؟

-لا ياعم الكبير عندنا هنا واللي هيطلع ليه دور كبيييير جدا في أي الطريقة اللي الكود بيشتغل بيها هوا ال event loop

طب وده بيعمل ايه ده؟؟

- ده ببساطة كدا بيقولك اوعى تنام یا یحیی

ازاي

-بص هوا ال event loop ده هوا حامي حق الناس اللي الcall stack بيرميها من عنده ومش بينفذها . يعني اي function عندي الcall stack بيغضب عليها ومش بينفذها ويرميها للwebApi's عمو event loop بيجيبلها حقها ويرجع يفكر الcall stack بيها تاني
بجد؟؟
طيب ما تيجي نسأل على الfunction اللي رميناها دي طالما فيه حد بيسأل عنها وبياخد حقها وطلعت جامده كدا هيا حصلها ايه صحيح من ساعة ما رميناها؟

- راحت شقت طريقها واتنفذت بعيد عننا واحنا لما جينا نكتبها اصلا كانت بتطلب مننا حاجه اسمها call back function وده بقى اللي بيوصلنا منها يعني لما احنا روحنا رميناها ال webApi's اخدتها واحتنضنتها ونفذتها بعيد عن الكود الأساسي وبدون ما تشوش عليه خالص وبعد ما خلصت رجعتلنا ال call back function اللي احنا كنا قايلين عليها واللي هيا انها تطبع لنا كلمة time out

طيب بترجعلنا ال function دي فين هل بترجعه في الcall stack على طول كدا؟؟

- لا طبعا متبقاش غشيم انت مش شايف ان فيه حاجه في
الdiagram لسه ما اتكلمناش عنها فأكيد ليها علاقة بالموضوع ده واللي هيا ال callback queue وده أي function بنرميها لل web api's بترجعلنا فيه الcall back function بتاعتها فيه

طيب وبعدين؟؟
-بعدين بقى زي ما قولنا ان بعد ما ال call stack يخلص شغل ال event loop بتقوله اوعى تنام إلا لما ال web api's و ال callback queue يكونوا فاضيين ومش بيعملوا حاجه يعني ايه؟؟ يعني طول ماعندي ال web api's شغاله على حاجه الcall stack ما يقدرش يقول كدا خلاص يا جماعة انا خلصت شغلي انا هقفل البرنامج ده ولما ال web api's بتخلص بتبعت نتيجة الكلام اللي خلصته ده لل callback queue ما فيه حاجة في ال callback queue الcall stack يبدأ ينفذهم واحده واحده لحد ما يخلصوا
تمام
طيب الكلام ده ممكن يفيدني ب ايه وانا شغال بالnode اصلا وایه لازمته وهل هيأثر على شغلي إذا كنت مش عارفه
- احنا هنهزر؟؟
أكيد مش بنكتب كل الكلام ده على الفاضي المفاهيم دي ليها تأثير كبيير جدا على الكود اللي هنكتبه بعد كدا وهيساعدنا جدا اننا نحسن الperformance بتاعنا جدا وده اللي هنبدأ نشوفه ان شاء الله من المرة الجايه

ياريت الي مفهمش يقول 😒

السلام عليكم جميعا : Hello everyone


تم شرح في هذا الفيديو سوف ننشئ خط سفلي متحرك بتأثير جميل في حالة ال hover يحدث و بشكل سهل و بسيط جرب طبق الشرح في الكود الخاص بك لتعلم كيف يتم برمجته  بطريقة سهلة و بسيطة


رابط الفيديو
https://youtu.be/SGmnr6PnsiQ

السلام عليكم لو اي محتاج محتاج خدمات من الآتية يتواصل معانا فالمجموعه :

UI&UX Design By Figma,XD

Create Website:
Front By JS
BackEnd By Laravel OR Node.js OR Django
Database MongoDB OR Firebase OR MySQL

Create Apis By Node OR Laravel

Create IOS and Android Applications By Flutter

السلام عليكم
المره اللي فاتت كنا بنكمل كلامنا عن ازاي الjs عموما بتتنفذ في اغلب الbrowsers وعرفنا شوية أساسيات كدا عنها و………...

-استنى بس كدا أنا أصلا بدأت اقرا كلامك عشان الnode.js واللي انت لحد دلوقتي مجيبتش سيرتها أصلا

فعلا بس ممكن تصبر عليا شوية؟

-تمام هصبر بس مش كتير

خلاص طالما مش هتقدر تصبر اكتر من كدا ممكن نتبدأ نربط اللي اتكلمنا عنه المرة اللي فاتت ب الnode.js

-ايه بقى node.js أصلا وايه الاختلاف فيها عن اللي اتكلمنا عنه المرات اللي فاتت؟

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

- بجد؟

اه بجد ﻷن أصلا node.js مبنية في الأساس على الV8 engine وده اللي كنا بنشرحه المرات اللي فاتت بس الموضوع كله انه بيساعد الV8 engine دهlibrary اسمها libuv ودي مبنية أساسا كلها بc فمثلا انا لما اجي اكتب كود js عادي جدا وعاوز انفذه بالnode ف ساعتها الnode هيا اللي بتhandle الموضوع بمساعدة الV8 engine والlibuv يعني زي ما واضح في الصورة الي فوق الnode هيا layer بتاخد الكود بتاعي اللي بكتبه وتتعامل مع الV8 engine والlibuv عشان تنفذهولي وتطلعلي الناتج

- تمام بس ايه libuv دي واستخدمناها ليه اصلا دلوقتي ما الV8 شغالين بيه في google chrome ومفيش حد اشتكى منه ليه ندخل معاه الحاجة دي ولازمتها ايه

هجاوبك ع السؤال ده بس ممكن أسألك سؤال تاني قبله؟

- ماشي

هل استخدام الjs في الnode زي استخدام الjs في الbrowser؟

- مش فاهم سؤالك ممكن توضح؟

يعني هل كل العمليات اللي بعملها في الnode اقدر اخدها اطبقها في الbrowser ويشتغل عادي وبنفس الكفاءة؟

- أكيد طبعا هوا مش كلها js؟

ايوا طبعا هوا كلها js بس على سبيل المثال هل اقدر في الbrowser اتحكم في الfiles اللي ع الجهاز عندي او اقدر ابني server مثلا بكود انفذه في الbrowser يكون قادر انه يعمل الnetwork operations اللي الserver مسؤول عنها؟؟

- لا مفروض ان أي browser مش شغلته انه يعمل الحاجات دي أصلا وحتى لو هتتعمل فيه ممكن تبقى حاجه جانبية ﻷنها مش شغلته الأساسية

صح بالظبط كدا libuv دي نقدر نقول دلوقتي عليها انها بتكملنا شوية حاجات كانت ناقصه في الV8 engine لأنه في الأساس مش مبني عشان يتعامل مع OS والfiles ووجع الدماغ ده كله فهنلاقي الV8 engine لقى نصه التاني اللي هيكمله ويخليه يكون قادر انه يتعامل مع كل المشاكل اللي بتواجهه دي بسهولة جدا وعلى فكرة ملحوظة بس ال V8 في الأساس كان مشروع open source عملته google الغرض منه اننا نقدر ننفذ كود الjs خارج الbrowser ف الV8 في الأساس مهيء للموضوع ده جدا حيث انه engine كويس جدا وopen source ولكن مفيش حاجه في الدنيا كاملة لأسف والجماعه اللي عملوا node.js لقوا ان فيه مكتبة ب الc بتقدم اداء كويس جدا في انها تhandle الfiles وميزات تانيه كتيره غايبة عن الV8 والحاجات هنبدأ نعرفها ان شاء الله من المرة الجايه ونتكلم عن اللي بتقدمهولنا الlibrary دي ودورها السحري في الnode وحكاية الnon-blocking I/O operations دي اللي الlibrary بتقدمهولنا