Coding Bible-Arabic

13/06/2026

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

ليه لازم الـ Static Route ييجي قبل الـ Dynamic Route؟ 💡

هتفهم إزاي Angular بيقرأ الـ Routes بالترتيب،
وليه وضع الـ Dynamic Route قبل الـ Static Route ممكن يخلي Angular يختار المسار الغلط 🔥

تفصيلة بسيطة… لكنها من أكتر أسباب مشاكل الـ Routing شيوعًا في المشاريع الحقيقية 👌

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

06/06/2026

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

ليه لازم الـ Wildcard Route (**) يكون آخر Route في القائمة؟ 💡

هتفهم إزاي Angular بيعمل Route Matching بالترتيب،
وليه وضع الـ Wildcard في مكان غلط ممكن يمنع باقي الـ Routes من العمل تمامًا 🔥

معلومة مهمة جدًا هتوفر عليك ساعات من الـ Debugging 👌

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

02/06/2026

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

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

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

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

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

24/05/2026

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

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

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

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

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

19/05/2026

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

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

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

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

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

17/05/2026

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

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

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

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

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

14/05/2026

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

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

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

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

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

11/05/2026

[ #2] Form Model Design في — مش كل Signal ينفع ومش كل تايب صح

في الفيديو ده هنفهم حاجتين:

الأولى — إزاي بتبني الـ FieldTree من الـ Signal بتاعتك في ال

التانية — ٧ Best Practices لازم تعرفها وإنت بتصمم الـ Form Model، من إنك تدي قيمة أوليه لكل field، لحد ليه الـ Discriminated Union جوه الـ Signal بيعمل مشاكل.

🔔 اشترك في القناة وفعّل الجرس عشان ما تفوتكش أي حلقة من السلسلة!
📢 روابط مهمة:
📺 شاهد قوائم التشغيل: 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 #انجولار

في الفيديو ده هنفهم حاجتين:الأولى — إزاي بتبني الـ FieldTree من الـ Signal بتاعتك في ال التانية — ٧ Best Practices لازم تعرفها وإنت بت...

08/05/2026

[ #1] طريقة التفكير الجديدة في ال Signal forms في | من الصفر

في الفيديو ده هنفهم ليه Angular 21 غيّر تماماً طريقة التفكير في النماذج،
وإيه الفرق بين الطريقة القديمة (Template-Driven / Reactive Forms) والطريقة
الجديدة اللي بتتعمد على الـ Model مباشرةً من خلال Signal Forms.

📌 اللي هتعرفه بعد الفيديو ده:
✅ إيه المشاكل اللي كانت موجودة في الـ Forms القديمة
✅ إيه مبدأ الـ Model-Driven في Signal Forms
✅ إزاي تربط الـ Signal بالـ HTML بدون FormGroup
✅ إزاي الـ Form بتتحدث أوتوماتيك من الـ Model

🔔 اشترك في القناة وفعّل الجرس عشان ما تفوتكش أي حلقة من السلسلة!
📢 روابط مهمة:
📺 شاهد قوائم التشغيل: 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

في الفيديو ده هنفهم ليه Angular 21 غيّر تماماً طريقة التفكير في النماذج، وإيه الفرق بين الطريقة القديمة (Template-Driven / Reactive Forms) والطريقة الجديدة ا...

02/05/2026

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