https://www.linkedin.com/posts/activity-7246177153996754944-phXV?utm_source=share&utm_medium=member_android


Server actions in next js

Javascript: Event loop visualizer for learners

https://vault-developer.github.io/event-loop-explorer/

كده قدمنا 3 ميزات جديدة في CSS
استغلال قوة الـ native CSS nesting و @layer هيساعدك في إنتاج clean style sheets
لكن الميزة اللي فعلاً بتخلي الأمور أسهل؟ هي CSS Container Queries. دي بتعيد كتابة قواعد الـresponsive design، مفيش داعي لـ media queries لكل تعديل صغير بس حدد حجم الـcontainer وشوف الـcomponents بيحصلها adaption حسب حجم الـcontainer
الأمر مش بس عن كتابة كود أقل؛ لكن كمان عن كتابة كود أذكى و efficient أكثر ومتنظم صح وكل حاجة تكون reusable و encapsulated

https://www.linkedin.com/posts/activity-7248653409128501248-EhOp?utm_source=share&utm_medium=member_android

https://player.style/


لو بتدور على customizable audio and video player themes لأي web playerأو framework دلوقتي فيه تشكيلة متنوعة من الـthemes اللي تقدر تعدل عليها باستخدام HTML و CSS وتعمل embed بأي فريم ورك عادي ، الثيمات دي inspired من منصات زي YouTube، Vimeo، و تطبيقات السوشيال ميديا

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


لينك المقالة
https://eqraatech.com/how-browser-renders-web-pages-dom-cssom/

في البوست دا هتكلم عن الـ ٣ أنواع الرئيسية للـ Design Patterns بشكل عام وهتكلم بشكل تفصيلي عن الـCreational Design Patterns بأمثلة
ودا بوست في سلسلة الـDesign Patterns في الـ JS
https://www.linkedin.com/posts/activity-7252743921426939904-dXQk?utm_source=share&utm_medium=member_android

الـ series دي هتكون عن بناء framework بسيط للـ frontend، شبه React، عشان نشرح إزاي React بيشتغل من جواه..الهدف هو إننا نفهم الـ core concepts


https://www.linkedin.com/posts/activity-7254103401976778754-p-mF?utm_source=share&utm_medium=member_android

بارت 2 من الـ series اللي هتكون عن بناء حاجة شبيهة بالـReact، عشان نشرح إزاي React بيشتغل من جواه..الهدف هو إننا نفهم الـ core concepts

في الـpart دا هنفهم إزاي نستخدم الـvirtual Dom عشان نعمل reRender علي أساسه وإزاي نحدد الجزء اللي حصل فيه تغيير ، وكمان إزاي تـmanage أكتر من state هخليك تعمل useState خاصة بيك وبعدها هتفهم ليه فيه Rules of Hooks


https://www.linkedin.com/posts/activity-7254966116781817856-OKgN?utm_source=share&utm_medium=member_android

تاني مقالة ع Eqraatech - اقرأ-تِك ، الحمد لله ❤️

Journey from DOM & CSSOM Building Render Tree
لو سألت نفسك إزاي المتصفح بيقدر يعرض صفحة ويب كاملة قدامك بعد ما تضغط على لينك؟ الموضوع دا بيعدي بكذا خطوة مهمة، وكل خطوة ليها شغل مختلف وبتأثر بشكل مباشر على سرعة تحميل الصفحة
لينك المقالة ، قراءة ممتعة ودسمة 😲
https://eqraatech.com/browser-journey-dom-cssom-building-render-tree/


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

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

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

https://agcoding-blog.vercel.app