إذا مات ابنُ آدمَ انقطع عملُه إلا من ثلاثٍ : صدقةٍ جاريةٍ ، وعلمٍ ينتفعُ به ، وولدٍ صالحٍ يدعو له

كنت دايمًا بكتب المقالات علي canva علي شكل pdf وأنشرها علي linkedin ورغم إن الحوار مُتعب إلا إن له عيوبه ، إنه مش indexing وعشان تدور ع titleمعين أو topic بتعاني ، لذلك قررت إني أعمل Refrence لكل الـweb developers بحيث أفيد بأكبر شكل ممكن ، وأسيب علم يُنتفع بيه بعد موتي ، الحمد لله بتوفيق وفضل وكرم ربنا عليا ، قدرت أبني ال blog الخاص بيا ، وليها مميزات كتير بفضل الله ، منها إنك تقدر تسيرش عن مقالة بكلمة بس من المقالة ، وإفتحها من علي لابتوب وإستمتع بيها علي قد م تقدر ، طبعًا بقالي فترة موقف مقالات ، بس عشان بحط المقالات القديمة علي الموقع وبإذن الله يوميًا هينزل إتنين ع الأقل من مقالاتي اللي كتبتها بتوفيق ربنا .. علي الموقع ، وبعد م القديم كله يبقي موجود ع الموقع هنزل الجديد بإذن الله ، طبعا الموضوع دا محتاج جهد كبير ، لو حد محتاج يتطوع ويساعد ويسيب صدقة جارية له .. هكون شاكر ليه جدًا ، ربنا ينفع بينا جميعًا ودعواتكم ، وأوعدكم إن الموقع دا هيبقي من أحسن ال Refrences في مجالنا ونقلة كبيرة للمحتوي العربي ، دا لينك الموقع ، الموقع صدقة جارية ع روح والدي ❤️

https://agcoding-blog.vercel.app

مقالة بتتكلم عن الـMemory Management بشكل عام بعدين بتكلمك عن إزاي تتجنب الـmemory leaks والسيناريوهات الشائعة اللي بتسببه

قراءة مُمتعة 🙌
https://agcoding-blog.vercel.app/posts/memory-management/

إزاي تعمل detection لل adblocker ،
قراءة مُمتعة 🙌
https://agcoding-blog.vercel.app/posts/detect-adblocker-in-js/

إيه هو اللmutationObserver وليه تستخدمه بأمثلة عملية ..
قراءة مُمتعة 🙌
https://agcoding-blog.vercel.app/posts/mutation-observer-in-js/

المقالة دي مش مُجرد بتقولك يعني إيه proxy وخلاص ، المقالة دي بتوريك إزاي vue بتطبق الproxy عشان تعملك reactive system ، قراءة مُمتعة
https://agcoding-blog.vercel.app/posts/proxies-in-js/

مقالتين جُداد إتضافوا ،
https://agcoding-blog.vercel.app/posts/darkside-react-usestate/


عاوز أقولك حاجة ، المقالة بتاعة ال workers دي فيها معلومات مش هتلاقي حد يقولهالك في مكان واحد متجمعة بالشكل وأكاد أجزم إن يمكن مسمعتش عنها قبل كدا ، ولو قرأتها كاملة هتعرف ليه ، وأنا مش مستفيد حاجة لا مفعل إعلانات ولا غيره ..
متنساش تدعيلي

https://agcoding-blog.vercel.app/posts/web-workers-in-js/

مُتأسفين ع التأخير ، بفضل الله 4 مقالات جُداد إتضافوا ، مش محتاج أقولك فيهم كلام مش هتلاقي حد يقولهولك والكلام دا بفضل ربنا مش شطارة مني
أول مقالة نبذة عن ال virtual dom واللي بيحصل فعليا إزاي بيتعمله create وال diffing
https://agcoding-blog.vercel.app/posts/virtual-dom-in-react/
تاني مقالة عن ال error boundaries واللي ف الغالب كل اللي تعرفه عنها إنها بتستخدم ال class component ،
https://agcoding-blog.vercel.app/posts/error-boundaries-in-react/

تالت مقالة بخصوص ال behavior الخاص بال scroll في react router
https://agcoding-blog.vercel.app/posts/scroll-problem-in-react-router/
الرابعة عن ال key property ف الريأكت وليه مهمة ؟
وإزاي ت generate unique id تستخدمه ك key
https://agcoding-blog.vercel.app/posts/key-prop-in-react/

شايف الـtopics اللي ع اليمين دي؟

دي مقالة مش بس بتشرح الـuseTransition بأمثلة عملية ، دي بتديك Performance و Debug Patterns وبتديك advanced use cases ،

المقالة كنز وهتفرق معاك ثق فيا شوية

https://agcoding-blog.vercel.app/posts/use-transition-hook/

ودي مقالة خاصة بالـSafe Assignment Operator

مع العلم الفيتشر ده لسه proposal ومش موجود في JavaScript دلوقتي

https://agcoding-blog.vercel.app/posts/safe-assignment-operator/

بفضل الله دي أكبر مقالة ممكن تقابلها ، بتتكلم في الــjs optimization بكل الـtopics دي بالتفصيل والمعلومات دي وأمثلة advanced بالكود كامل ، المقالة دي محتاجة تركيزك بالكامل وهتحتاج وقت كبير عشان تخلصها ، حبيت إنها تكون reference كامل مُجمع لكل حاجة لأي حد حب يرجع ليها ، ربنا ينفع بينا جميعا ويرزقنا الإخلاص :"
كوباية القهوة أو الشاي وخش ي بطل وصدقني والله ثق فيا ، المقالة قيِّمة ودسمة فوق م تتخيل
https://agcoding-blog.vercel.app/posts/javascript-optimization/

في المقالة دي مش بس بقولك إيه هو الـpromise ومجرد شرح له وخلاص ؟
لا أنا جايبلك من الأول خالص ليه أصلا ظهر وإيه مشكلته ولو فكرنا نعمله implementation from scratch هيبقي إزاي ؟
لحد م أوصل للفرق بين الـPromise.all والـPromise.race والـPromise.allSettled وامثلة واقعية أو إمتي وليه بستخدم كل واحد فيهم وبرضه لو عاوز تفهم فكرتهم وتبنيهم from scratch
الـمقالة تقيلة ودسمة ، قهوتك أو كوباية الشاي ومتنساش تدعي لوالدي :"((

https://agcoding-blog.vercel.app/posts/javascript-promises

بعد الغيبة دي كان لازم أرجع بــtopic كله بيسأل عليه ، وطبعا زي م وعدتك دي هتكون أكبر reference ليك كـweb developer ، عشان كده المقالة دي مش بس بتفهمك إيه هو الـclosure ،هتلاقيني وضحتلك تماما إبه هو وعلاقته بالـ Lexical Scoping وإزاي إزاي الـ Closure بيشتغل في الميموري وفي الـ JavaScript Engine وإيه المراحل اللي بتتم وكل دا ع مثال واقعي
auth system :"))
بعد دا كله وريتك أمثلة بالكود إزاي تستخدم الـ Closure في تطبيقات زي
Data Encapsulation
Information Hiding
State Management
Smart Caching
Advanced Event System
https://agcoding-blog.vercel.app/posts/closure-js/

الـcss والفرونت نقاشة ؟ إنت صح خليني أقولك كل سطر css إنت بتكتبه دلوقتي بقي مهم جدا إزاي و أوريك حاجات أنا متأكد إنك مكنتش تعرفها وإن محدش قالهالك قبل كده

https://agcoding-blog.vercel.app/posts/css-features/

عمرك فكرت إنك ممكن تعمل إضافة لمتصفح كروم بنفسك؟ حاجة تخلي استخدامك للمتصفح أسهل أو تحل مشكلة بتواجهك؟

في المقالة دي، هتتعرف خطوة بخطوة على كل حاجة محتاجها عشان تبدأ:

هتفهم يعني إيه manifest.json وإزاي تحدد الأذونات اللي الإضافة بتحتاجها.
هتتعلم إزاي تستخدم Content Scripts عشان تضيف وظائف للإضافة جوه صفحات الويب.
وكمان إزاي تشتغل بـ Background Scripts عشان تضيف مهام شغّالة في الخلفية.
مش بس كده، هتعرف إزاي تصمم واجهة مستخدم للإضافة وتعمل صفحة إعدادات تخصها.
والأهم، هتتعلم إزاي تخزّن البيانات باستخدام Storage API وتضمن إن كل حاجة شغالة كويس قبل ما ترفعها على Chrome Web Store
لو عندك فكرة عايز تنفذها أو بتحب تجرب حاجة جديدة، المقالة دي هتكون مناسبة ليك ، متفكرش كتير، خش على المقالة وابدأ!
https://agcoding-blog.vercel.app/posts/chrome-extension/

ليه React Server Components ظهرت؟
قبل السؤال دا لازم الأول نفهم الـClient-Side Rendering (CSR) والـServer-Side Rendering (SSR) وال ـStatic Site Generation (SSG)
إيه هي عملية الـ hydration وإيه مراحلها ؟
ليه React Server Components ظهرت؟
المشاكل اللي كانت موجودة قبل RSC
إيه هو React Server Component بالظبط؟
الفرق بين Server Components و Client Components
ليه مينفعش تشغل Server Components لواحدها ولازم تتعامل جوا framework زي next.js أو remix أو غيرهم؟
إزاي أستخدم RSC في React؟
إيه هي الـRsc Payload
ومثال تفصيلي للـ RSC Payload

كل الأسئلة دي مظنش إن هتلاقي حد مجاوبك عليها كلها في مكان واحد ، بفضل الله هتلاقيها كلها هنا وأكتر
متنسانيش بدعوة حلوة منك والشير الجميل عشان غيرك يستفيد ":(
برحب بالنقد جدًا لو في حاجة عاوز تصححهالي أو شايف إني غلطت هرحب بدا جدًا ":((
https://agcoding-blog.vercel.app/posts/react-server-components/

مصطفي بيقدم الشرح الجميل دا كعادته من الblog الخاص بيا ، ودا شرف كبير ليا ، البوست دا فضلًا منكم عشان تدعموا المحتوي الجميل اللي مصطفي بيقدمه عامة في react لإنه يستاهل والمحتوي أنصح بيه جدًا ❤️
https://youtu.be/q4tYa-RblOg?si=tDkxPRb_b_DYlQLC

هتكلم عن الـ keyboard events وإيه المشاكل اللي ممكن تقابلك مع كيبورد الموبايل وهنتعلم التعامل مع الـ modifier keys و وشرحت فيها بالتفصيل Event Bubbling والـ Capturing
وإزاي تهندل الـKey Sequences والـ Concurrent Events وإيه هو IME؟ أو Composition واللي بإختصار هقولك فيها إزاي تهندل أحرف معقدة (كالصينية/اليابانية) بلوحة مفاتيح عربية/لاتينية وإزاي تـcustomize الـVirtual Keyboard Handler

https://www.linkedin.com/posts/activity-7288554531817156608-9Yz8?utm_source=share&utm_medium=member_android

لينك البوست
https://www.linkedin.com/posts/activity-7290295133789384704-YSGl?utm_source=share&utm_medium=member_android


لينك الفيديو
https://youtu.be/ZIThcWlTPbY?si=oVgFErH20Gpce2sd


لينك المقالة
https://agcoding-blog.vercel.app/posts/javascript-promises/

فضلًا وليس أمرًا..

كل ما بنفتح موقع على النت، بنستنى ثواني معدودة عشان نشوف المحتوى. لو الموقع اتأخر، بنقفل ونروح لموقع تاني. ودي مشكلة كبيرة لأصحاب المواقع. جوجل فاهمة ده كويس، وعشان كده عملت مقاييس الـ Core Web Vitals، واللي من أهمها الـ Largest Contentful Paint (LCP)

تحسين LCP مش رفاهية، ده بقى عامل أساسي في Rank موقعك على جوجل، ولو موقعك بطيء، فرصك في التصدر بتقل. في المقال ده، هنتكلم عن LCP، ليه ممكن يكون بطئ عندك، وإزاي تحسنه بخطوات عملية وأمثلة حقيقية.

https://www.linkedin.com/posts/activity-7293727078569381888-Sjp3?utm_source=share&utm_medium=member_android&rcm=ACoAAC5FoGcB_ZF-qqZyWU1avd4ojJ8sF-2l7Ss




لينك المقالة
https://agcoding-blog.vercel.app/posts/lcp/