Une bonne façon d'apprendre AngularJs est de passer par étape par étape par le tutoriel, qui vous guidera à travers la création d'une application Web AngularJS complète. L'application Web est une liste de répertoires des appareils Android, vous pouvez filtrer la liste pour afficher l'appareil qui vous intéresse, puis afficher les détails de l'appareil.
Ce tutoriel vous montrera comment AngularJS rend les applications Web plus intelligentes et plus flexibles, sans nécessiter diverses extensions ou plug-ins. Grâce à ce tutoriel, vous le ferez:
1. Lisez l'exemple pour apprendre à utiliser les capacités de liaison et d'injection de dépendance aux données du client d'AngularJS pour créer une vue de données dynamique qui peut immédiatement répondre aux actions de l'utilisateur.
2. Apprenez à créer des auditeurs de données à l'aide d'AngularJS sans opérations DOM.
3. Apprenez un moyen meilleur et plus facile de tester votre application Web.
4. Apprenez à utiliser AngularJS pour créer des tâches Web courantes, telles que l'introduction plus pratique de données dans les applications.
Et tout cela peut être implémenté dans n'importe quel navigateur sans configurer le navigateur!
Lorsque vous terminez ce tutoriel, vous apprendrez:
1. Créez une application dynamique qui fonctionne dans n'importe quel navigateur.
2. Comprendre la différence entre AngularJS et d'autres cadres JavaScript.
3. Comprendre comment AngularJS met en œuvre la liaison des données.
4. Utilisez le projet de semences d'AngularJS pour créer rapidement votre propre projet.
5. Créer et exécuter des tests.
6. Apprenez plus de ressources d'identification AngularJS (API).
Ce tutoriel vous guidera à travers un processus de création d'applications simples, notamment l'écriture et l'exécution de tests unitaires et tester en continu des applications. Chaque étape du tutoriel vous fournit des suggestions pour en savoir plus sur AngularJS et les applications Web que vous créez. Vous pouvez lire ce tutoriel rapidement en peu de temps, ou vous devrez peut-être passer beaucoup de temps à y plonger. Si vous souhaitez voir un bref document d'introduction AngularJS, veuillez consulter le document [Quick Started] [Getting Starting].
Construisez un environnement d'apprentissage
Que ce soit 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 la version de gestion du code source GIT pour obtenir les fichiers de code source de ce projet de didacticiel, ou télécharger le package de compression d'archives Mirror des fichiers de code source de ce projet de didacticiel directement à partir d'Internet.
1. Vous devez installer Node.js et testaculaire pour exécuter ce projet. Veuillez télécharger et installer la dernière version sur le site Web officiel Node.js, puis ajouter le chemin de programme exécutable du nœud vers le chemin de variable de l'environnement système. Une fois terminé, exécutez la commande sur la ligne de commande pour voir si l'installation est réussie:
La copie de code est la suivante:
Version de nœud
Installez ensuite le programme de test unitaire testaculaire, veuillez exécuter la commande suivante:
La copie de code est la suivante:
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:
La copie de code est la suivante:
git clone git: //github.com/angular/angular-phonecat.git
Vous pouvez également télécharger le package de compression d'archives Mirror du code source de ce projet de didacticiel directement depuis Internet. Cette commande crée un nouveau dossier angulaire-phonécat dans votre dossier actuel.
3. La dernière chose à faire est de vous assurer que votre ordinateur a un navigateur Web et un éditeur de texte installé.
4. Entrez le package de fichiers de code source du didacticiel Angular-PhonECAT, exécutez le programme d'arrière-plan du serveur et commencez à apprendre AngularJS!
La copie de code est la suivante:
cd angulaire-phonécate
Node scripts / web-server.js