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

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

هتفهم يعني إيه 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/

رمضان مُبارك، وكل عامٍ وأنتم بخير ، واسأل الله سبحانه وتعالي أن يعيننا وإياكم علي صيامه وقيامه وأن يجعلنا فيه وإياكم من المقبولين ومن عُتقائه من النار ❤️

كل سنة وإنتوا طيبين وعيد فطر مُبارك عليكم وع أهل بيتكم جميعًا ، أعاده الله علينا وعليكم بالخير واليُمن والبركات ♥️

https://www.linkedin.com/posts/activity-7326267626412818432-rd-1?utm_source=share&utm_medium=member_ios&rcm=ACoAAC5FoGcB_ZF-qqZyWU1avd4ojJ8sF-2l7Ss
كلمتين مُهمين ليك ..

إعتبره update لكورس االـtailwind اللي عملته ، دي مقالة فيها كل الـupdates اللي حصلت ف Tailwind v4 وشارح فيها كل حاجة بالتفصيل

https://agcoding-blog.vercel.app/posts/tailwind-v4/


ودا لينك الكورس لو لسه مشوفتوش


https://www.youtube.com/watch?v=dr2GVki4HAs&list=PLnD96kXp-_pMR9cBUmvsz_kIIt9bv2UIP

مطلوب Frontend Developer – Next.js

بدوّر على حد تقيل فاهم Next.js كويس جدًا، خبرة لا تقل عن سنة، يشتغل بكود نضيف ومنظم، وعنده عين بتشوف المشروع كله مش مجرد كومبوننت وخلاص.


✅ المطلوب:
🔹 تقنيًا:
فاهم يعني إيه SSR / CSR / SSG وامتى تستخدم كل واحدة.

بيعرف يتعامل مع Sessions و Cookies بأمان.

فاهم كويس التعامل مع API و backend integrations.

🔹 في الكود:
بيكتب كود نظيف، منظم، قابل لإعادة الاستخدام.

بيرتب البروجيكت كويس (components – pages – utils).

بيهتم بـ structure، naming، separation of concerns.

🔹 في الـ UI:
بيعرف يقلد Figma Design بدقة ويطلع الناتج Pixel-perfect.

فاهم Flexbox, CSS Grid، وبيظبط Responsive Design.

يهتم إن الـ UI يكون متناسق وسلس على كل الشاشات.


يفرق معانا لو عندك:
خبرة بـ Tailwind CSS أو CSS-in-JS.

استخدمت Next.js middleware.

فاهم في State Management (Context API, Zustand).

مهتم بتحسين الأداء (LCP, lazy loading, إلخ).

يهمنا تكون:
بتفهم المطلوب وبتشتغل من غير ما نراجع وراك.

بتسمي الحاجات صح وبتحافظ على الكود نظيف.

بتفكر في المشروع ككل، مش مجرد صفحة أو كومبوننت.

📨 لو مهتم:
ابعت:

لينك GitHub أو أي مشروع ليك.

CV محدث.

🏢 الشغل Full-Time – شركة WzGate
https://www.linkedin.com/company/trywzgate/

info@wzgate.com
ممكن تقدم هنا