مصطفي بيقدم الشرح الجميل دا كعادته من الblog الخاص بيا ، ودا شرف كبير ليا ، البوست دا فضلًا منكم عشان تدعموا المحتوي الجميل اللي مصطفي بيقدمه عامة في react لإنه يستاهل والمحتوي أنصح بيه جدًا ❤️
https://youtu.be/q4tYa-RblOg?si=tDkxPRb_b_DYlQLC
https://youtu.be/q4tYa-RblOg?si=tDkxPRb_b_DYlQLC
❤3
This media is not supported in your browser
VIEW IN TELEGRAM
هتكلم عن الـ 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
وإزاي تهندل الـ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
❤2
This media is not supported in your browser
VIEW IN TELEGRAM
كل ما بنفتح موقع على النت، بنستنى ثواني معدودة عشان نشوف المحتوى. لو الموقع اتأخر، بنقفل ونروح لموقع تاني. ودي مشكلة كبيرة لأصحاب المواقع. جوجل فاهمة ده كويس، وعشان كده عملت مقاييس الـ 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/
تحسين 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/
❤3
البوست دا مُهم بشكل نسبي ليا لإنه صدقة جارية عن والداي وأهلي جميعًا ، بإذن الله هحاول جاهدًا ع مدار الشهر إني أنزل مقالات بشكل أكتر من الأول وربنا يوفق ويعين ، دعواتكم، وإنت بتقرأ المقالة هتلاقي فوق لينك لموقع قرآن كنت شغال من حوالي 3 شهور ولسه "تحت التطوير" ، الموقع فيه features كتير هسيبك تكتشفها بنفسك وفيه أكتر من تفسير لكل الآيات ، وبصوت أكتر من 70 قارئ ، وميزة ال bookmarks والسيرش ومواعيد الصلاة لأي مكان باللوكيشن وأكتر من صوت مجمعهم للأذان ومخصص آذان للفجر ، القبلة مش شغالة صح لسه بضبطها ، وكل سنة وانتوا طيبين رمضان مُبارك عليكم جميعًا ربنا يجعلنا من عُتقائه في هذا الشهر ويسترنا ويديم فضله ونعمه علينا ♥️
لينك الموقع
https://quran-application.vercel.app/
لينك الموقع
https://quran-application.vercel.app/
❤1
بفضل الله ، المقالة دي هتعلمك إزاي تبني css framework خاص بيك من الأول خالص لحد م ترفعه وتشاركه مع الناس وتعمله documentation ، مش محتاج منك غير دعوة حلوة وإنت بتقرأ♥️
https://agcoding-blog.vercel.app/posts/how-to-build-your-own-css-framework
https://agcoding-blog.vercel.app/posts/how-to-build-your-own-css-framework
❤1
إعتبره update لكورس االـtailwind اللي عملته ، دي مقالة فيها كل الـupdates اللي حصلت ف Tailwind v4 وشارح فيها كل حاجة بالتفصيل
https://agcoding-blog.vercel.app/posts/tailwind-v4/
ودا لينك الكورس لو لسه مشوفتوش
https://www.youtube.com/watch?v=dr2GVki4HAs&list=PLnD96kXp-_pMR9cBUmvsz_kIIt9bv2UIP
https://agcoding-blog.vercel.app/posts/tailwind-v4/
ودا لينك الكورس لو لسه مشوفتوش
https://www.youtube.com/watch?v=dr2GVki4HAs&list=PLnD96kXp-_pMR9cBUmvsz_kIIt9bv2UIP
AG Coding
what is new in Tailwind CSS v4 - AG Coding
تعرف على أهم التحديثات والمميزات الجديدة في Tailwind CSS v4، من تحسين الأداء إلى نظام الألوان الجديد OKLCH
❤1
مطلوب 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/
بدوّر على حد تقيل فاهم 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/
Linkedin
WzGate | LinkedIn
WzGate | 511 followers on LinkedIn. WzGate | Your Partner in Digital Transformation: Web/App Software Development, Digital Marketing & Scalable Solutions. | WzGate is an expert in the field of web development and digital marketing in the Egyptian Market,…