ازاي كود الجافاسكريبت بيشتغل وأولوية التنفيذ (سؤال انترفيو) | Node.js Runtime Complete Guide 💚

[@HalaTAssi]

مهندس يحيى ناطرين منك بودكاست مع الدكتور محمد ابو هدهود

[@AhmedElmanakhly-j6c]

شكرا على الموضوع الرائع اضافه بسيطه أن فى النود إلى بيهندل الasysnc task ال libuv مش ال web API وده الفرق بين JS على الbrowser و على الserver

[@yehiatech]

صحيح .. شكرا على الاضافة والتوضيح 👌🏻

[@hakoom_2000]

للتوضيح بس : الي يقصدة البش مهندس يحيى ان الCallbacks ممكن تتنفذ synchronously الا في حال كان ال callback خاصة بااحد الweb API resources فالتنفيذ الخاصة بها يكون asynchronously

[@amrmohamed2608]

شكرا علي الفيديو الجميل بس شويه نقط: أنت بردو مشرحتش يعني إيه interpreted و compiled لما أتكلمت عن الruntime و الcompilers 😅. هدف الruntime مش عشان تعمل backend، في الواقع نسبه ضخمه من الnodejs applications بتخليك تعمل server side actions، يعني تتعامل مع الserver بتاعك زي انك تقرا files أو تتعامل مع الos. عشان كده react و express مثلا بيشتغلوا علي node عشان محتاج server actions زي قراءه الfiles. NodeJS can run multithreaded tasks using its internal libuv JS is single threaded, node is multithreaded or can be multithreaded. عشان كده تقدر تعمل server بيه يستقبل ملاين الrequests مش عشان الevent loops. Event loop in a server is a total different beast than in the browsers, there is no usage of WebAPIs.

[@wekaand2468]

عايزين كده برودكاست مع حد باك إند تقيل زيك كده يا هندسة ❤

[@qudoreng8461]

بودكاست

[@AhMeD_M_SaLaH_M]

برودكاست ايضا صحيحة في اللهجة البريطانية ​@@qudoreng8461

[@linuxlover3035]

تقيل في الوزن

[@Mohamed.Allam9]

@@linuxlover3035 وانت تقيل في الدم

[@M7MD_id]

kali linux ​@@linuxlover3035

[@Mohamed.Allam9]

ربنا يجازيك كل خير يا هندسة على إثراء المحتوى العربي بالعلم 🤍

[@Ahmed-qt3kn]

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

[@aprahim9294]

شكر علا شرح رجاء تفسير مصتلحات في قيديو عشان مش كل عارفين مصتلحات بي لغة الانجلزية

[@mohamedhedaya-1639]

تسلم يا هندسة استفدت الحقيقة من الفيديو جزاك الله خير ❤

[@moatazmohammady6668]

مفيش أجمل من كدا فتح الله عليك ..

[@ahmedabdelmeguid1131]

انت هايل و احسن محتوى عربى فى المجال

[@moha_kunX]

بارك الله فيك اخي متابعك من المغرب لك كل الحب❤

[@AliAliAli9Ali]

للتوضيح، Node js ليس مجرد محرك V8 خارج الBrowser، بل هو محرك V8 زائد Library مهمة مكتتوبة أساساً بلغة C++، وهذا لأن محرك V8 محدود لدواعي الsecurity، فلا يجب مثلا أن تعطي صفحة الويب القدرة على التحكم في موارد نظامك بينما هي مجرد صفحة ويب ... بينما الLibrary لديها هذه الصلاحيات لأن الهدف هو جعل JavaScript يشتغل في الBackend (ومجالات أخرى خارج الويب) نفس الشيئ بالنسبة لِDeno لديه Library مكتتوبة أساساً بلغة Rust، وBun لديه Library مكتتوبة أساساً بلغة Zig

[@GreatTaiwan]

معليش بس شايف موقع NodeJS رسمي لو فتحت عليه و مشيت شرح كيف بتشغل حا تلاقي في الاثنين Compiled and Interpreted اولا: - Node. js will compile the main script to generate the V8 code cache. دة اقتباس من موقع فكأحد الخطوات في عملية Compilation نقطة ثانية: - compilation through a process known as Just-In-Time (JIT) compilation ممكن واحد يستخدم ال JIT مستغرب كيف ما مرت عليك نقطتين او جربت تقرأ كون شي Compiled or interpreted ما هو شيي تسمية ب Runtime و بالتحديد لو قلت اسم كامل بيئة تشغيل Runtime environment يعني مكونة من اكثر من عنصر JS نفسها Single threaded لكن ال Runtime Multi-threaded ايضا معلومة غلط كثير ما بنتبه عليها

[@yehiatech]

اشكرك على الاضافة .. استخدام compiled في هذا الموضع مع لغة interpreted وdynamic غير دقيق من وجهة نظري كعلوم حاسب .. فما تذكره هو مرحلة الAST وهي الAbstract Syntax Tree وهي التي تسمى مرحلة الcompilation وهي في الحقيقة تحاكي فكرة لغات اخرى مثل الJava .. فهو هنا مش صحيح انه هيطلع bytecode حصري لجميع الكود .. هو يقوم بهذه العملية كما ذكرت لعمل Cache Code .. فيصنف الكود ما بين HOT وWARM .. فيحاول عمل Optimize للكود بحيث يعمل بشكل اسرع .. فهذه عملية الinterpreted نظريا بعد تحول الكود .. فمجازا يمكن القول ان هذه العملية Compilation وinterpretation .. لكن اظل ارى ان الجافاسكريبت فقط لغة interpreted واي عملية اخرى هي محاكاة فقط. وانتبه هذا لا يجعل node.js في التنفيذ Multi-Threaded وتحقيق هذا في الNode.js ممكن ولكن بمشاكله في الMemory Buffer .. وهو ينفذ الcode على single thread للexecution stack والخدمات الخارجية تذهب على الthread الخاصة به فلا ينفذها هو. فهو JavaScript غير مهيئ للIntensive Processing بل يخدم الI/O. وهذه تفاصيل فنية عميقة .. اشكرك على الاضافة وطرح المناقشة .. وفقتم 🌹

[@AliAliAli9Ali]

كلمة Compilation فقدت معناها منذ سنين وأصبحت تعني تحويل من كود إلى كود آخر. ستجد مثلاً TypeScript يقول لك أنا أقوم بCompilation إلى javaScript، نفس الشيئ بالنسبة لِSvelte رغم أنا جافا سكريبت هو نفسه interpreted. عندما أقرأ Node. js will compile the main script to generate the V8 code cache. أفهم أن Node js سيفصل بين السكريبت الذي سينفده محرك V8 وباقي الكود الذي ستنفده الLibrary التابعة لNode js. لأن Node js ليس مجرد محرك V8.

[@amrmohamed2608]

الevent loop لوحدها مش كافيه عشان تخلي الNodeJS يقدر يعمل serve based applications. NodeJS is multithreaded و بيقدر يعمل threads لو مكنش multithreaded مكنش هيبقي في حاجه اسمها NodeJS في الاساس ولا كنت هتلاقي backend systems بتستقبل millions of requests قايمه علي node

[@GreatTaiwan]

​@@yehiatech شكرا على رجوعك لكن اظل اختلف معك حبيب قلبي في نقطتين مهمتين 1. Technically, JavaScript engines parse the source code, generate an AST, and then compile parts of the code into machine code. This process involves both interpretation (parsing and execution without prior compilation) and compilation (JIT compiling hot code). صدقا لا اقصد الجدال لاحبذه (احيانا الكتابة تبين الاسلوب فظ اكثر من واقع انا اسف لو خرج تعليقي بهذا الشكل ) لكن بكل بساطة The fact that not all code is compiled doesn't negate the presence of compilation in the execution process. ممكن نستخدم ال --print_code و بورينا الجزئية ال كومبايلد انا صدقا ما فاهم لماذا لا تعتبر خلط الاثنين كأمر وارد Ignition: interpreter to execute JavaScript code via bytecode interpretation (parse AST). TurboFan: hot code is compiled into machine code فخطوة ال Interpretation حاجة و بعدين compiling hot code for optimization حاجة فعليا الاثنين مع بعض و هي نقطة انت كمان ذكرتها 2. JavaScript being single-threaded and its suitability for I/O-bound operations is valid but separate from the discussion about compilation. لو بتقصد رد على يوم اتكلمت عنها فنقطتي هي ان ما كل الامر Single-threaded or multithreaded Call Stack + Event Loop indeed single threaded لكن ال 1.in browser env -> Web APIs 2.in node.js env -> Node.js APIs (LibUV Library + C++ Bindings and Native Modules) 3.Worker Threads كلها multithreaded فمثلا ال libUV (UV_THREADPOOL_SIZE) بتعطيك ثريد بول (ديفولت ٤) و كمان ما ننسى cluster, child_process, worker_threads كلها true / real threads فدي نقطة ذكرتها بحكم انو بنسمع ان Node single threaded و سلام و ما ممكن نعمل حاجة مثل باثون عندك ال GIL فلو حابي true threads then use none python code (ex. numpy being a C lib)

[@GreatTaiwan]

@@amrmohamed2608 exactly that's my point I clarified it in my reply maybe my comment was not clear for yehia to understand I'm sure he knows that already

[@adamiyyin4412]

من فضلك نريد على نفس شكل هدا الفبديو ، فيديو اخر تقني حول طرق عمل محرك ال php ، لانو اغلب الشباب صارو يستعملو الفريمووركات دون التعمق في كيفية عمل ال php ، شكرا لك

[@mohammedaymenakchiche117]

استاذ اتمنى تضع فيديو او حتى ريلز عن ميزات react 19

[@7osohos]

جزيت عنا خير الخير يا اخي 🤍🤍

[@Ahmed-fq3kz]

ما شاء الله شرحك واضح ومبسط

[@salahalgarhy3334]

الكورس غالى جدا ياريت لو ينزله خصم كبير لفتره

[@amerhasan6703]

أعتقد أن توظيف الجافا سكريبت لتعمل على السيرفر هو مناسب لمبرمج فرونت كي يتحول الى مبرمج فول ستاك مثل توظيف الويب اسمبلي لتحويل مبرمج باك الى مبرمج فول ستاك

[@shadysamy-di8yf]

يا ريت بجد تعمل فيديوهات من النوعية دي يا هندسة علي اسئلة الانترفيو, انا فعلا اتسأت في الجزئية بتاعة ال EventLoop و ال call stack في انترفيو ومكنتش اعرف حاجة عن الموضوع دا خالص + شكرا من القلب علي جهدك و فيديوهاتك دي يا هندسة ❤

[@mohamedelgndy5355]

تسلم علي الشرح فوق العظمه بس في حاجه انا اتلغبطت فيها في الدقيقه ٨ لما قولت أن ال promise.resolve هتروح للweb api وهي مش web api ممكن توضيح

[@elsayed2240]

السلام عليكم ياريت لو يتم شرحة نقطة أن Exceution Context inside the call stack بيتكون من ايه . لأن كل function بيكون ليها Exceution Context سواء هى Regular funciton أو Arrow function شكرا على شرحك

[@AliBinShoaib]

كنت فاهم اني فاهم😅😅 شكرا يا مستر

[@Mahdy_Daoud]

شكرا ي باشمهندس علي محتواك الجميل ❤❤

[@AliAliAli9Ali]

ملاحظة، خاصية الAsynchronous Programming مرتبطة بجافا سكريبت ومحركه في الBrowser قبل ظهور Node js. فمثلاً AJAX (Asynchronous JavaScript and XML) ظهر سنة 1999 بينما Node js ظهر سنة 2009

[@firasnizam]

معلومات مفيدة ، شكراً للنشر

[@amradel1544]

في طريقة احسن بعرف منها ايه ال هيتنفذ ال settime ولا promise علي حسب ترتيبها في كتابة الكود لو ال settime هي الاول وال promise تحتها يبقي هيطبع ال promise الاول عشان مبدأ ال Lifo Last in first out اخر حاجه جت هي أول حاجه هتطلع صح كدا يا هندسه ؟ ❤

[@fares7714]

ماشاءالله يامهندس شرح جميل

[@yessadhatim3632]

You are a Master 🎉

[@ahmedosman3649]

شرح ممتاز شكرا ليك

[@e7bk]

Can you do a video on how to modify a Json file with ansible ?

[@zyadmohamed2224]

طب عايزين فيديو عن ازاي بيحصل run ل كود php في البروزر

[@sayedreda3694]

فينك من زمان ياهندسة الواحد اتعلمها بالطريقة الصعبة وكنت هنتحر فى فترة من الفترات 😂

[@khalifagad9091]

عالمي ❤

[@fathimohammed2562]

ليھ اغلب المبرمجين بيستخدمو ال rest API اكتر من Graphql

[@rachidsaadi9802]

GraphQL works only with JSON, while REST works with everything (JSON, HTML ,...)

[@mohamedelshater9033]

ربنا يزيدك

[@AllahomAnsorGaza]

عندي سؤال محيرني لو انا عامل كونسول لوج لحاجات كتير في برودكشن بيتقل العمليات ؟ او يعمل لاج مثلا. ؟

[@LoLa-kw6wn]

السلام عليكم يحيى، هل في مجال تعمل مقطع تنصح فيه اخوتنا الفلسطينين خصوصا والمسلمين عموما، بالابتعاد عن منتجات وخدمات فيسبوك ومايكروسوفت جوجل؟ اخوتنا مستهدفون أولا ونحن من خلفهم، وأنا بشوف أنه لعل من الواجب علينا أن نرفع مستوى الثقافة والوعي والتحذير لأمتنا في هذا المجال، كوننا متعمقين أكثر من غيرنا فيه. يعني محزن حقيقة أن أخ فلسطيني أو عربي أو مسلم يسلم بياناته ونفسه وتجارته لهذه الشركات ثم يتضرر، ونحن قاعدين ساكتين نتفرج مع علمنا بشرِّ هذه الشركات من سنين. بنظري لازم نبدأ نرسخ الرغبة في السيادة التقنية لدى الأمة.

[@khilooo777]

هل النود جي اس افضل من go

[@s0505446461]

كيف تتنفذ بثريد ثاني والجافاسيكربت سينقل ثريد؟

[@salahehap9444]

اول تعليق❤🎉

[@yehiatech]

💚💚

[@mu.abdelhamid]

طيب لو عندك كود بيعمل شغل CPU intensive بس مش عاوز تعمل بلوك لل main thread. مفيش طريقة تشغل بيها الكود ده asynchronous?

[@yehiatech]

او الكود CPU Intensive فاختيارك للNode.js هيكون غير موفق .. لان تقدر تشغل اكتر من Process يعني تعمل Horizontal Scaling .. بس بيكون استهلاك الموارد عالي والتكلفة تكون عالية . مقارنة لو استخدمنا مقلا Go استهلاك الموارد اقل بكثير .. وايضا توظف كويس جدا استخدام الCPU بالgoroutines.

[@khalifagad9091]

​@@yehiatech طيب ايه رايك يا هندسه في ال Java virtual threads؟

[@nk4g26]

هو مفيش Runtime اسرع من Node.js؟ ولو في مين هو الأسرع؟

[@bloodmoon2819]

Bun اسرع من node js

[@abdullahcoder999]

bun

[@nk4g26]

مشكورين

[@abdullahcoder999]

ياه انا جيت بدري

[@Osra-p2b]

thnx

[@MohamedKamal-rq6hq]

❤❤

[@Arabiska]

👏👏

[@MohamedAhmed-ls4wq]

عااااش

[@sofianesofiane212]

سؤال خارج الموضوع، هل تستطيع تحويل ويب الى تطبيق موبايل ؟

[@mohamedhanfy7963]

اكيد React Native و ionic و Native script تقدر تعمل كل ده بيه

[@AmiNe-xi9yx]

أكيد تقدر تعملها بأي لغة برمجة تطبيقات الهاتف

[@AliAliAli9Ali]

أقصر حل هو معرفة الPWA، وهناك حل واعد جداً ظهر مؤخراً هو Tauri في نسخته الثانية. وطبعاً هناك React Native الذي يعتبر حل جيد لكن يتطلب معرفة أكبر، إضافة إلىionic وNative script

[@poularefaat7678]

هندسة معلش عندي سؤال هو دا برضو من مفهوم ال concurrency ولا ديه حاجة تانية ؟ ولو حاجة تانيه ممكن تعملنا فيديو عن ال concurrency لو تكرمك💚

[@mohammedchakri6203]

Runtime Environment

[@ahmadhazem1055]

udemy مقاطع

[@AhmedSumairi]

90 % من تنفيذ كود الاسكربت اليوم يتم عن طريق المترجم ، خلاص الكلام هذا قدييييييم جدا

[@hamodinho500]

ايش الفايدة من الشرح باللغة الانجليزية و عنوان الحلقة باللغة العربية .. شرح غير موفق

[@khalifagad9091]

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