Coding Bible-Arabic

مكملين في سلسلة Angular Routing 🎓
النهارده هنتكلم عن قاعدة مهمة جدًا في ترتيب الـ Routes 👀

هل فعلًا الـ Empty Path لازم يكون أول Route؟ 💡

هتفهم إمتى ترتيب المسارات بيكون سبب في مشاكل الـ Routing،
وإزاي Angular بيختار الـ Route المناسب أثناء عملية الـ Matching 🔥

معلومة بسيطة لكنها هتغيّر طريقة فهمك لترتيب الـ Routes داخل التطبيق 👌

🎥 الفيديو الكامل على اليوتيوب – الرابط في البايو أو في أول كومنت 👇

مكملين في سلسلة Angular Routing 🎓
النهارده هنتكلم عن الأساس اللي Angular بيعتمد عليه 👀

إيه هي القاعدة المستخدمة في Router Matching في Angular؟ 💡

هتفهم إزاي Angular بيقارن الـ URL بالـ Routes،
وإزاي ترتيب وتعريف المسارات بيأثر على اختيار الـ Route الصحيح 🔥

فهم القاعدة دي هيخلّي التعامل مع الـ Routing أوضح وأسهل بكتير 👌

🎥 الفيديو الكامل على اليوتيوب – الرابط في البايو أو في أول كومنت 👇
https://youtu.be/dfs6X2zXqsw?si=tbWbEanA8AlKIv_y

مكملين في سلسلة Angular Routing 🎓
النهارده سؤال مهم 👀

هل ينفع نستخدم الـ Wildcard Route على مستوى الـ Child Routes؟ 💡

هتفهم إزاي Angular بيتعامل مع الـ Wildcard داخل الـ Nested Routes،
وإزاي تستخدمه صح علشان تتحكم في المسارات غير المتاحة داخل كل Module 🔥

تفصيلة مهمة جدًا لو بتبني Routing معقد أو Modular Architecture 👌

🎥 الفيديو الكامل على اليوتيوب – الرابط في البايو أو في أول كومنت 👇
https://www.youtube.com/watch?v=smYk_0dk2as

مكملين في سلسلة Angular Routing 🎓
النهارده هنتكلم عن مشكلة شائعة 👀

إزاي نحل مشكلة المسارات غير المتاحة (Not Found Routes)؟ 💡

هتفهم إزاي تتعامل مع الـ Routes اللي المستخدم يدخلها بالغلط،
وإزاي تعمل صفحة 404 أو Redirect بشكل صحيح 🔥

خطوة مهمة علشان تقدم تجربة استخدام أفضل داخل التطبيق 👌

🎥 الفيديو الكامل على اليوتيوب – الرابط في البايو أو في أول كومنت 👇
https://youtu.be/dfs6X2zXqsw?si=tbWbEanA8AlKIv_y

مكملين في سلسلة Angular Routing 🎓
النهارده هنتكلم عن نقطة مهمة في الأداء 👀

ليه استخدام Component وسيط للتحويل بين الصفحات يعتبر حل سيئ؟
وليه Async redirectTo أفضل؟ 💡

هتفهم إزاي الـ Component الوسيط ممكن يسبب تحميل وتنفيذ غير ضروري،
وإزاي Async redirectTo بيوفر طريقة أنظف وأخف لعمل الـ Redirect 🔥

تفصيلة مهمة لو مهتم بأداء وتنظيم تطبيق Angular بشكل احترافي 👌

🎥 الفيديو الكامل على اليوتيوب – الرابط في البايو أو في أول كومنت 👇
https://youtu.be/dfs6X2zXqsw?si=tbWbEanA8AlKIv_y

مكملين في سلسلة Angular Routing 🎓
النهارده سؤال عملي مهم 👀
إمتى تستخدم Async redirectTo بدل استخدام Guard؟ 💡
هتفهم في أي سيناريوهات ممكن تعتمد على Async Redirect لعمل تحويل بين المسارات،
وإمتى يفضل استخدام الـ Guards للتحكم في الوصول للصفحات 🔥
فهم الفرق ده هيساعدك تختار الحل الأنسب لتنظيم الـ Routing في التطبيق 👌
🎥 الفيديو الكامل على اليوتيوب – الرابط في البايو أو في أول كومنت 👇
https://youtu.be/dfs6X2zXqsw?si=tbWbEanA8AlKIv_y

مكملين في سلسلة Angular Routing 🎓
النهارده هنتكلم عن تحديث جديد 👀
الميزة الجديدة: Async redirectTo في Angular 20 💡
دلوقتي بقى ممكن تعمل Redirect بشكل غير متزامن،
وده بيديك مرونة أكبر في تحديد المسار بناءً على بيانات أو شروط معينة 🔥
تحديث مهم بيوسّع قدرات الـ Routing في Angular 👌
🎥 الفيديو الكامل على اليوتيوب – الرابط في البايو أو في أول كومنت 👇
https://youtu.be/dfs6X2zXqsw?si=tbWbEanA8AlKIv_y

اذاي تحول الاختبارات القديمة المكتوبة بJasmine الى Vitest في #انجولار ؟

شاهد الفيديو كامل : https://youtu.be/V9i8yTn0r0I

الريل ده مخصص لأي حد عنده بيعمل في #انجولار ومكتوبة بـ Karma و وعايز ينقلها لـ هتعرف فين الاختلافات الأساسية وإزاي تبدأ التحويل بشكل أذكى وأسرع.

📢 روابط مهمة:
🔗 السورس كود: https://github.com/kyroluskamal/library-ar.git
📺 شاهد قوائم التشغيل: https://bit.ly/3GXgMdY

📢 تابعنا على السوشيال ميديا:
🔴 قناة اليوتيوب: https://bit.ly/codbib-ar-youtube
📘 صفحة الفيسبوك: https://bit.ly/codbib-ar-facebook
👨‍💻 جروب الفيسبوك: https://bit.ly/codbib-ar-facebook-group
🎵 تيك توك: https://bit.ly/codbib-ar-tiktok

#انجولار21 #انجولار