AG Coding
1.31K subscribers
487 photos
51 videos
8 files
237 links
Some Challenges And Applications On Frontend Development
maded By @abdoelazizgamal
Don't Forget Follow And Subscribe My
Youtube channel
https://www.youtube.com/c/AbdoELAzizGamal?sub_confirmation=1
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
في المقالة دي مش بس بقولك إيه هو الـpromise ومجرد شرح له وخلاص ؟
لا أنا جايبلك من الأول خالص ليه أصلا ظهر وإيه مشكلته ولو فكرنا نعمله implementation from scratch هيبقي إزاي ؟
لحد م أوصل للفرق بين الـPromise.all والـPromise.race والـPromise.allSettled وامثلة واقعية أو إمتي وليه بستخدم كل واحد فيهم وبرضه لو عاوز تفهم فكرتهم وتبنيهم from scratch
الـمقالة تقيلة ودسمة ، قهوتك أو كوباية الشاي ومتنساش تدعي لوالدي :"((

https://agcoding-blog.vercel.app/posts/javascript-promises
This media is not supported in your browser
VIEW IN TELEGRAM
بعد الغيبة دي كان لازم أرجع بــ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/
This media is not supported in your browser
VIEW IN TELEGRAM
الـcss والفرونت نقاشة ؟ إنت صح خليني أقولك كل سطر css إنت بتكتبه دلوقتي بقي مهم جدا إزاي و أوريك حاجات أنا متأكد إنك مكنتش تعرفها وإن محدش قالهالك قبل كده

https://agcoding-blog.vercel.app/posts/css-features/
This media is not supported in your browser
VIEW IN TELEGRAM
عمرك فكرت إنك ممكن تعمل إضافة لمتصفح كروم بنفسك؟ حاجة تخلي استخدامك للمتصفح أسهل أو تحل مشكلة بتواجهك؟

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

هتفهم يعني إيه manifest.json وإزاي تحدد الأذونات اللي الإضافة بتحتاجها.
هتتعلم إزاي تستخدم Content Scripts عشان تضيف وظائف للإضافة جوه صفحات الويب.
وكمان إزاي تشتغل بـ Background Scripts عشان تضيف مهام شغّالة في الخلفية.
مش بس كده، هتعرف إزاي تصمم واجهة مستخدم للإضافة وتعمل صفحة إعدادات تخصها.
والأهم، هتتعلم إزاي تخزّن البيانات باستخدام Storage API وتضمن إن كل حاجة شغالة كويس قبل ما ترفعها على Chrome Web Store
لو عندك فكرة عايز تنفذها أو بتحب تجرب حاجة جديدة، المقالة دي هتكون مناسبة ليك ، متفكرش كتير، خش على المقالة وابدأ!
https://agcoding-blog.vercel.app/posts/chrome-extension/
This media is not supported in your browser
VIEW IN TELEGRAM
ليه 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
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
فضلًا وليس أمرًا..
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/
رمضان مُبارك، وكل عامٍ وأنتم بخير ، واسأل الله سبحانه وتعالي أن يعيننا وإياكم علي صيامه وقيامه وأن يجعلنا فيه وإياكم من المقبولين ومن عُتقائه من النار ❤️
البوست دا مُهم بشكل نسبي ليا لإنه صدقة جارية عن والداي وأهلي جميعًا ، بإذن الله هحاول جاهدًا ع مدار الشهر إني أنزل مقالات بشكل أكتر من الأول وربنا يوفق ويعين ، دعواتكم، وإنت بتقرأ المقالة هتلاقي فوق لينك لموقع قرآن كنت شغال من حوالي 3 شهور ولسه "تحت التطوير" ، الموقع فيه features كتير هسيبك تكتشفها بنفسك وفيه أكتر من تفسير لكل الآيات ، وبصوت أكتر من 70 قارئ ، وميزة ال bookmarks والسيرش ومواعيد الصلاة لأي مكان باللوكيشن وأكتر من صوت مجمعهم للأذان ومخصص آذان للفجر ، القبلة مش شغالة صح لسه بضبطها ، وكل سنة وانتوا طيبين رمضان مُبارك عليكم جميعًا ربنا يجعلنا من عُتقائه في هذا الشهر ويسترنا ويديم فضله ونعمه علينا ♥️
لينك الموقع
https://quran-application.vercel.app/
بفضل الله ، المقالة دي هتعلمك إزاي تبني css framework خاص بيك من الأول خالص لحد م ترفعه وتشاركه مع الناس وتعمله documentation ، مش محتاج منك غير دعوة حلوة وإنت بتقرأ♥️
https://agcoding-blog.vercel.app/posts/how-to-build-your-own-css-framework
كل سنة وإنتوا طيبين وعيد فطر مُبارك عليكم وع أهل بيتكم جميعًا ، أعاده الله علينا وعليكم بالخير واليُمن والبركات ♥️