تعلم Angular: دورة برمجة — اكتب مكوّنًا وشاهده يُعرض مباشرةً على هاتفك

ثلاث لوحات قابلة للتحرير — component.ts لفئة TypeScript، وtemplate.html للترميز، وstyles.css للتنسيق — وبجوارها معاينة تعرض المكوّن أثناء تحرير أي لوحة من اللوحات الثلاث. إن تغيير قيمة signal في الفئة ومشاهدة القالب يتحدث فورًا هو تحديدًا ما لا يستطيع نموذج شفرة ثابت في كتاب عرضه، ولذلك صُممت الدورة حول هذه التجربة بدلًا من أمثلة القراءة فقط.

ستساعدك بعض المعرفة بـ JavaScript، لكنها ليست متطلبًا يجب إتمامه أولًا. كُتبت Angular باستخدام TypeScript، وهي JavaScript مضافًا إليها نظام للأنواع، وتقدّم الدورة التعليقات التوضيحية للأنواع والواجهات عند الحاجة إليها بدلًا من افتراض معرفتك بها مسبقًا. تبدأ تعلم Angular: دورة برمجة من أول مكوّن مستقل، وتشرح TypeScript بالتوازي معه.

signal هي قيمة تفاعلية تُنشأ باستخدام signal() ويقرأها القالب مباشرةً؛ بينما تستخلص computed() إشارة جديدة من الإشارات الموجودة، وتُشغّل effect() الشفرة تلقائيًا عند تغيّر signal تعتمد عليها. تُعد signals الطريقة الحالية التي توصي بها Angular للاحتفاظ بحالة المكوّن، إذ تستبدل قدرًا كبيرًا من العمل اليدوي لاكتشاف التغييرات في الإصدارات الأقدم، ولهذا تأتي دورة Signals Fundamentals في مرحلة مبكرة من المسار بدلًا من طرحها كموضوع متقدم.

React مكتبة للعرض؛ وعليك اختيار جهاز التوجيه ومعالجة النماذج وعميل HTTP وإدارة الحالة بنفسك من حولها. أما Angular فهي إطار عمل متكامل، وتأتي هذه الخيارات فيها محددة مسبقًا — من المكوّنات وحقن الاعتماديات إلى جهاز التوجيه وRxJS، والآن signals المضمّنة أيضًا. تبدو React عادةً أخف عند البدء، بينما تبدو Angular أثقل، لكن قاعدة شفرة Angular في فريق كبير تكون أكثر تشابهًا من شركة إلى أخرى، وهذا أحد أسباب استمرار المؤسسات الكبيرة في استخدامها.

نعم، لا سيما إذا كان الهدف هو التوظيف لا مشروعًا جانبيًا. تُستخدم Angular على نطاق واسع داخل الشركات الكبيرة وأدوات المؤسسات، حيث تكون بنيتها المحددة مسبقًا ودعم الاختبار المدمج وجدول الدعم طويل الأمد أهم من الحداثة، ولذلك تميل إعلانات الوظائف الخاصة بها إلى الاستقرار. وتعكس مادة signals وSignalStore في هذه الدورة أيضًا الاتجاه الفعلي الذي انتقل إليه الإطار، لا لقطة قديمة منه.

الانتظام أهم من إجمالي عدد الساعات. عند متابعة دروس يومية قصيرة في بيئة التطوير، يستطيع معظم المبتدئين بناء بضعة مكوّنات وربطها وتمرير البيانات بينها باستخدام signals واستدعاء API خلال بضعة أسابيع. أما حقن الاعتماديات ومشغّلات RxJS وإدارة الحالة باستخدام NgRx، فهي الأجزاء التي تحتاج عادةً إلى مراجعة ثانية، ولذلك ترتبها الدورة بعد الأساسيات بدلًا من تقديمها في البداية.

تتوفر تعلم Angular: دورة برمجة على iPhone وiPad في App Store، وعلى Android في Google Play، بواجهة متاحة بـ 22 لغة وتصنيف عمري 4+. وهي مناسبة للمبتدئين تمامًا والطلاب ومن يغيرون مسارهم المهني والمطوّرين الذين يعرفون بعض JavaScript ويريدون تعلّم Angular كأول إطار عمل لهم أو الانتقال إليها من React أو Vue.

التطبيق مجاني للتنزيل من App Store وGoogle Play. الدورة الأولى وبيئة التطوير المباشرة مجانيتان. أما Pro فهو الترقية المدفوعة؛ إذ يفتح جميع الدورات، وكل مهام البرمجة البالغ عددها 60، ومدرّس الذكاء الاصطناعي ومولّد الدروس وبيئة التجارب، ويزيل الإعلانات.

لا، ليس بالنسبة إلى المعاينة تحديدًا — فعرض المكوّن مباشرةً يحتاج إلى اتصال، ويذكر التطبيق ذلك بوضوح بدلًا من تقليل الوظائف بصمت. تظل الدروس والمواد القرائية تُحمّل وتعمل مع اتصال ضعيف، لكن إذا كنت تحتاج إلى بيئة تطوير تعمل دون اتصال بالكامل، فلن توفر لك المعاينة المباشرة في هذا التطبيق ذلك.

لا. تعلم Angular: دورة برمجة دورة تعليمية مستقلة من CoddyKit، وليست تابعة لـ Google أو لفريق Angular، كما أنها لا تحظى بتأييد أيٍّ منهما. يعلّم التطبيق الإطار بالطريقة التي تطوّره وتنشره بها Google، لكنه يظل دورة من جهة خارجية وليس منتجًا رسميًا.