Javascript est un langage de script populaire utilisé pour développer des applications frontend et backend. Pour faciliter le travail de développement d'applications, des frameworks Javascript ont été développés. Les frameworks sont des collections de bibliothèques Javascript qui fournissent aux programmeurs un code pré-écrit pour les tâches de programmation de routine. Les frameworks sont particulièrement bénéfiques pour les développeurs moins expérimentés qui sont encore en train d'apprendre les ficelles du développement. Cela leur permet de développer un code propre et efficace. En termes simples, cela permet d'économiser du temps et des efforts lors du développement d'applications.
L'un des frameworks Javascript les plus populaires est Angular JS. Il s'agit d'un framework Javascript moderne initialement développé par Misko Hevery et Adam Abrons, puis acquis et maintenu par Google. C'est un cadre stable et superbe pour développer des applications dynamiques et de haute qualité. Dans ce guide, nous explorons l'installation d'Angular JS sur Ubuntu Focal Fossa (Ubuntu 20.04)
Étape 1 :Mettre à jour Ubuntu
Dès le départ, connectez-vous à votre instance et mettez à jour l'index du package comme suit.
$ sudo apt update
Une fois l'index du package mis à jour, passez à l'étape suivante.
Étape 2 :Installez NodeJS sur Ubuntu
Angular est un framework JavaScript. Nous devons donc installer l'environnement d'exécution Javascript sur Ubuntu 20.04. Assurez-vous que l'utilitaire curl est installé comme suit. Si curl est déjà installé, vous pouvez ignorer cette étape.
$ sudo apt install -y curl
Après cela, téléchargez la configuration du nœud à partir de la source à l'aide du script suivant. Exécutez la commande :
$ curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash -
Après cela, installez nodeJS comme indiqué :
$ sudo apt install -y nodejs
Ensuite, exécutez la commande indiquée pour installer la dernière version de npm.
$ sudo npm install [email protected] -g
Confirmez que le npm et le nœud sont installés avec la commande :
$ npm -v
$ node -v
Étape 3 :Installer AngularJS
Une fois npm installé, nous pouvons procéder à l'installation d'AngularJS sur Ubuntu à l'aide de la commande npm :
$ sudo npm install -g @angular/cli
L'installation prendra quelques minutes. Une fois cela fait, vérifiez la version d'AngularJS comme suit :
$ ng version
La CLI angulaire ci-dessus s'affichera.
Étape 4 :Créer une application angulaire
Maintenant qu'Angular est installé avec succès sur le système, nous pouvons continuer et créer notre première application angulaire. Commencez par créer une application avec la commande :
$ ng new hello-world
La commande ci-dessus crée un répertoire avec le nom hello-world qui contient les fichiers nécessaires pour une application angulaire.
Ensuite, accédez à l'application que vous venez de créer ci-dessus :
$ cd hello-world
Ensuite, exécutez la commande suivante pour compiler votre application.
$ ng serve
Par défaut, la commande ng serve exécute l'application sur le port 4200 . Pour accéder à votre application visitez l'url http://localhost:4200.
Vous avez compilé et exécuté avec succès une application angulaire.
Il existe une option pour spécifier l'hôte et le port sur lesquels exécuter votre application. Dans ce cas, je souhaite exécuter mon application sur l'hôte 0.0.0 et le port 8000. Utilisez la commande ci-dessous :
$ ng serve --host 0.0.0.0 --port 8000
Conclusion
Vous pouvez désormais développer des applications Web à l'aide d'Angular sur Ubuntu 22.04.