Tutoriel d'introduction à AngularJS, environnement d'apprentissage construction_AngularJS

Une excellente façon d'apprendre AngularJS est de suivre ce didacticiel, qui vous guidera dans la création d'une application Web AngularJS complète. L'application Web est une liste d'annuaires d'inventaires d'appareils Android. Vous pouvez filtrer la liste pour voir les appareils qui vous intéressent, puis afficher les détails de l'appareil.

Ce tutoriel vous montrera comment AngularJS peut rendre les applications Web plus intelligentes et plus flexibles sans avoir besoin de diverses extensions ou plug-ins. En suivant ce tutoriel, vous allez :

1. Lisez l'exemple pour apprendre à utiliser les fonctions de liaison de données et d'injection de dépendances côté client d'AngularJS pour créer des vues de données dynamiques qui peuvent répondre immédiatement aux opérations de l'utilisateur.
2. Apprenez à utiliser AngularJS pour créer des écouteurs de données sans manipulation du DOM.
3. Découvrez une manière plus efficace et plus simple de tester vos applications Web.
4. Apprenez à utiliser AngularJS pour créer des tâches Web courantes, telles que l'importation plus facile de données dans votre application.

Et tout cela peut être réalisé dans n'importe quel navigateur, aucune configuration de navigateur n'est requise !

Lorsque vous aurez terminé ce tutoriel, vous apprendrez :

1. Créez une application dynamique qui fonctionne dans n'importe quel navigateur.
2. Comprenez les différences entre AngularJS et les autres frameworks JavaScript.
3. Comprenez comment AngularJS implémente la liaison de données.
4. Utilisez les projets de départ d'AngularJS pour créer rapidement vos propres projets.
5. Créez et exécutez des tests.
6. En savoir plus sur les ressources d'identité (API) AngularJS.

Ce didacticiel vous guidera à travers un processus simple de création d'application, comprenant l'écriture et l'exécution de tests unitaires, ainsi que le test continu de l'application. Chaque étape du didacticiel vous propose des suggestions pour en savoir plus sur AngularJS et les applications Web que vous créez. Vous pouvez parcourir ce didacticiel rapidement en peu de temps, ou vous pouvez y consacrer beaucoup de temps. Pour une brève introduction à AngularJS, consultez la documentation Mise en route.

Créer un environnement d'apprentissage

Que vous soyez dans un environnement Mac, Linux ou Windows, vous pouvez suivre ce tutoriel pour apprendre la programmation. Vous pouvez utiliser le système de contrôle de version de gestion du code source Git pour obtenir les fichiers de code source de ce projet de didacticiel, ou télécharger directement le package compressé d'archive d'images des fichiers de code source de ce projet de didacticiel depuis Internet.

1. Vous devez installer Node.js et Testacular pour exécuter ce projet. Veuillez vous rendre sur le site officiel de Node.js pour télécharger et installer la dernière version. Ajoutez ensuite le chemin du programme exécutable du nœud à la variable d'environnement système PATH. Une fois terminé, exécutez la commande Exécutez la commande dans la ligne pour vérifier si l'installation a réussi :

Copier le code Le code est le suivant :

nœud -version

Ensuite, installez le programme de test unitaire Testacular, veuillez exécuter la commande suivante :

Copier le code Le code est le suivant :

npm install -g testaculaire

2. Installez l'outil Git, puis utilisez la commande suivante pour copier le fichier de code source de ce projet de didacticiel depuis Github :

Copier le code Le code est le suivant :

git clone git://github.com/angular/angular-phonecat.git

Vous pouvez également télécharger directement le package compressé d'archive d'images du code source de ce projet tutoriel depuis Internet . Cette commande créera un nouveau dossier angulaire-phonecat dans votre dossier actuel.

3. La dernière chose à faire est de vous assurer que votre ordinateur dispose d'un navigateur Web et d'un éditeur de texte installés.

4. Entrez dans le package de fichiers de code source du didacticiel angulaire-phonecat, exécutez le programme en arrière-plan du serveur et commencez à apprendre AngularJS !

Copier le code Le code est le suivant :

cd angulaire-phonecat
scripts de nœud/web-server.js