في المقالة التالية سوف نلقي نظرة على Angular. بعد ذلك سنرى كيف يمكننا تثبيت هذا إطار عمل جافا سكريبت مفتوح المصدر مما سيساعدنا على تطوير تطبيقات ويب ذات صفحة واحدة مناسبة للويب / الجوال / سطح المكتب.
هذا هو الإطار الذي يجعل من السهل إنشاء تطبيقات الويب. يجمع Angular بين القوالب وحقن التبعية والأدوات الشاملة وأفضل الممارسات المضمنة لحل تحديات التطوير. تعتمد التطبيقات الزاويّة على نسخة مطبوعة على الآلة الكاتبة والذي بدوره يعتمد على جافا سكريبت.
الملامح العامة الزاويّة
- الزاوي هو أحد أكثر أطر عمل جافا سكريبت استخدامًا لإنشاء تطبيقات الويب.
- هذا الإطار يمكن أن تعمل مع نقية JavaScript، لكن استخدام Typescript يعزز ميزاته وهو الخيار الموصى به لمعظم المشاريع. خاصة التفكير في قابلية التوسع.
- زاوي يحول القوالب إلى تعليمات برمجية محسّنة للغاية لأجهزة JavaScript الافتراضية اليوم.
- سوف تسمح لنا تقديم العرض الأول للتطبيقات في Node.js و .NET و PHP ولغات أخرى للعرض بشكل فوري في HTML و CSS فقط.
- يتم تحميل تطبيقات Angular بسرعة باستخدام جهاز التوجيه المكون الجديد. يوفر هذا تقسيمًا تلقائيًا للكود للمستخدمين فقط قم بتحميل الكود المطلوب لتقديم العرض يطلبون.
- سنكون قادرين على إنشاء طرق عرض واجهة المستخدم بسرعة باستخدام بنية قالب بسيطة وفعالة.
- ال أدوات سطر أوامر Angular CLI سيسمحون لنا بالبدء بسرعة في البناء وإضافة المكونات والاختبار.
هذه ليست سوى عدد قليل من الميزات العامة. يمكن الحصول على المزيد من المعلومات عنهم في موقع المشروع.
قم بتثبيت Angular على Ubuntu 18.04 LTS
بادئ ذي بدء ، سيتعين علينا ذلك تأكد من أن جميع الحزم في نظامنا محدثة. للقيام بذلك ، كل ما عليك فعله هو فتح Terminal (Ctrl + Alt + T) وتشغيل البرنامج النصي التالي:
sudo apt update; sudo apt upgrade
تركيب NodeJs و NPM
قبل الشروع في تثبيت Angular في Ubuntu 18.04 ، سيتعين علينا القيام بذلك تثبيت NodeJs و Node Package Manager (NPM). للقيام بذلك في نفس المحطة سنقوم بتنفيذ الأسطر التالية:
curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash - sudo apt-get install -y nodejs
بعد الانتهاء من تثبيت NodeJs ، ننتقل إلى تثبيت NPM:
sudo npm install npm@latest -g
قم بتثبيت Angular CLI على Ubuntu
الآن سنقوم بتثبيت Angular CLI باستخدام NPM:
sudo npm install -g @angular/cli
بعد اكتمال التثبيت ، تأكد من تثبيته بشكل صحيح بالأمر:
ng --version
تكوين Git
يستخدم Angular CLI git لنشر الوحدات الضرورية ، لذلك نحن بحاجة تأكد من تكوين git لدينا. إذا لم تقم بإعداد اسم مستخدم git والبريد الإلكتروني ، فقم بتشغيل الأوامر التالية للقيام بذلك:
git config --global user.email "correo@electronico.com" git config --global user.name "usuario"
إنشاء تطبيق زاوي جديد
الآن بعد أن قمنا بتثبيت Angular ، يمكننا ذلك إنشاء "بنية أساسية" لإنشاء تطبيق جديد. سنتمكن من تحقيق ذلك باستخدام CLI الذي قمنا بتثبيته للتو:
ng new nombre-aplicacion
سيقوم الأمر أعلاه بإنشاء تطبيق جديد بالاسم الذي نمرره. سيطرح علينا هذا الأمر عدة أسئلة. الأول هو إذا كنت تريد استخدام التوجيه.
في هذا المثال سأختار لا. يسأل السؤال التالي عن تنسيق ورقة الأنماط الذي يجب أن تستخدمه. في هذا المثال سنختار CSS (الافتراضي) بالضغط على Enter.
ستبدأ عملية التثبيت في نشر الوحدات الضرورية وإنشاء بنية الدليل لتطبيقنا.
قم بتشغيل تطبيق Angular
في هذه المرحلة ، سنقوم بالتغيير إلى الدليل الذي تم إنشاؤه للتو لتطبيقنا:
cd nombre-aplicacion
هنا نستطيع قم بتشغيل تطبيقنا بسهولة باستخدام الأمر NPM:
npm start
الأمر السابق لنا سيضع على الشاشة رابطًا يخبرنا كيف يمكننا رؤية تطبيقنا.
هذه ليست سوى الخطوات الأولى الأساسية التي يمكنك اتخاذها مع Angular. يمكن الحصول على مزيد من المعلومات حول هذا الإطار في الوثائق الرسمية التي نشروها على موقع المشروع.
شكرا جزيلا على الدليل ... لقد ساعدني هذا ما احتاجه