ابدأ مع Angular

المقدمة

في السنوات الأخيرة، تم بناء معظم تطبيقات الويب الحديثة على شكل تطبيقات الصفحة الواحدة (Single Page Applications – SPAs). توفر تطبيقات الصفحة الواحدة تجربة استخدام أسرع وأكثر سلاسة من خلال تقليل الحمل على الخادم وتجنب إعادة تحميل الصفحة بالكامل. كما أن هذا الأسلوب يسهّل عملية التطوير ويحسّن قابلية الاستخدام، ولهذا السبب اعتمدت العديد من الشركات أطر العمل والمكتبات المصممة خصيصًا لبناء تطبيقات SPAs بكفاءة.

يركّز الهدف الرئيسي من هذه الصفحة على شرح كيفية تعلّم أحد أكثر أطر العمل شيوعًا المستخدمة في بناء التطبيقات المعتمدة على أسلوب الصفحة الواحدة (SPA).

ما هو مفهوم إطار العمل

ما هي فوائد تطبيقات الصفحة الواحدة (SPA)

ماذا يجب أن أتعلم للبدء

كيف يمكنني البدء في Angular

المفاهيم الرئيسية في Angular

1- ما هو إطار العمل (Framework)؟

عند البدء في كتابة أي تطبيق، يجب عليك اختيار الخيار الأفضل من بين عدة نقاط لجعل الشيفرة البرمجية أكثر فاعلية. من أهم الأمور التي يجب اختيارها هو إطار العمل.
إطار العمل هو بنية معمارية تعتمد على قواعد وطبقات. يمكننا توضيح ذلك بمثال، فهو يشبه الكعكة؛ حيث تتكون من طبقات، يجب أن نضع طبقة من الكعك، ثم طبقة من الكريمة، ثم طبقة من الكعك، ثم طبقة من الفواكه. وبالتأكيد فإن الأمر يشبه ذلك تمامًا.

يفرض إطار العمل بنية محددة (أو “طبقات”) للشيفرة البرمجية الخاصة بك. يجب عليك اتباع قواعده، تمامًا كما يجب أن تضع طبقة الكعك قبل الكريمة في مثالنا. يقوم إطار العمل بإجبارك على وضع الشيفرة في أماكن متعددة، وكل مكان يؤدي وظيفة مختلفة.

2- ما هي فوائد تطبيقات الصفحة الواحدة (SPA)؟

الفوائد الرئيسية لتطبيقات الصفحة الواحدة:

تجربة مستخدم محسّنة: تبدو تطبيقات الصفحة الواحدة (SPAs) مثل تطبيقات سطح المكتب أو الهاتف المحمول الأصلية، حيث لا يتم إعادة تحميل الصفحة بالكامل. يكون التنقل بين الواجهات فوريًا، مما يوفر انتقالات سلسة وتجربة استخدام مريحة.

تقليل الحمل على الخادم: بعد تحميل الصفحة لأول مرة، يتواصل التطبيق من جهة العميل مع الخادم بشكل أساسي عبر استدعاءات واجهات برمجة التطبيقات (API) باستخدام ‎JSON‎ أو ‎XML‎، حيث يتم نقل البيانات فقط بدلًا من صفحات HTML كاملة. يؤدي ذلك إلى تقليل استهلاك عرض النطاق الترددي وتقليل عمليات المعالجة على الخادم.

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

كفاءة التخزين المؤقت: يمكن لتطبيقات الصفحة الواحدة تخزين استجابات واجهات برمجة التطبيقات محليًا. ويمكن تلبية الطلبات اللاحقة من التخزين المؤقت، مما يقلل من عدد الاتصالات بالخادم ويحسّن الأداء للمستخدمين المتكررين.

ميزات تفاعلية غنية: تدعم تطبيقات الصفحة الواحدة الحديثة بسهولة مميزات معقدة مثل السحب والإفلات، والتحديثات في الوقت الحقيقي، وإمكانية العمل دون اتصال بالإنترنت باستخدام JavaScript على جهة العميل.