Eine gute Möglichkeit, AngularJs zu lernen, besteht darin, diese Tutorial Schritt für Schritt zu durchlaufen, die Sie durch den Bau einer vollständigen AngularJS -Webanwendung führen. Die Web -App ist eine Verzeichnisauflistung von Android -Geräten. Sie können die Liste filtern, um das Gerät anzuzeigen, an dem Sie interessiert sind, und dann die Gerätedetails anzeigen.
In diesem Tutorial zeigt Ihnen, wie AngularJS Webanwendungen intelligenter und flexibler macht, ohne verschiedene Erweiterungen oder Plug-Ins zu erfordern. Durch dieses Tutorial werden Sie:
1. Lesen Sie das Beispiel, um zu erfahren, wie Sie die Funktionen der Client -Datenbindungen und Abhängigkeitsinjektion von AngularJS verwenden, um eine dynamische Datenansicht zu erstellen, die sofort auf Benutzeraktionen reagieren kann.
2. Erfahren Sie, wie Sie Datenhörer mit AngularJS ohne DOM -Operationen erstellen.
3. Erfahren Sie eine bessere und einfachere Möglichkeit, Ihre Webanwendung zu testen.
4. Erfahren Sie, wie Sie AngularJs verwenden, um gemeinsame Webaufgaben zu erstellen, wie z. B. bequemer die Einführung von Daten in Anwendungen.
Und all dies kann in jedem Browser implementiert werden, ohne den Browser zu konfigurieren!
Wenn Sie dieses Tutorial abschließen, lernen Sie:
1. Erstellen Sie eine dynamische App, die in jedem Browser funktioniert.
2. Verstehen Sie den Unterschied zwischen AngularJS und anderen JavaScript -Frameworks.
3. Verstehen Sie, wie AngularJs die Datenbindung implementiert.
V.
5. Tests erstellen und ausführen.
6. Weitere AngularJS -Identifikationsressourcen (API) erfahren.
In diesem Tutorial führt Sie einen einfachen Prozess zur Erstellung von Anwendungen, einschließlich des Schreibens und Ausführens von Unit -Tests und kontinuierlich testen Anwendungen. Jeder Schritt des Tutorials bietet Ihnen Vorschläge, um mehr über AngularJs und die von Ihnen erstellten Webanwendungen zu erfahren. Sie können dieses Tutorial in kurzer Zeit schnell lesen, oder Sie müssen möglicherweise viel Zeit damit verbringen, sich damit zu befassen. Wenn Sie ein kurzes AngularJS -Einführungsdokument sehen möchten, überprüfen Sie bitte das Dokument [Schnellstart] [Erste Schritte].
Bauen Sie eine Lernumgebung auf
Ob in einem Mac-, Linux- oder Windows -Umfeld, Sie können dieses Tutorial befolgen, um die Programmierung zu erlernen. Sie können das Quellcode -Management -Versionskontrollsystem Git verwenden, um die Quellcode -Dateien dieses Tutorial -Projekts zu erhalten oder das Spiegel -Archiv -Komprimierungspaket der Quellcode -Dateien dieses Tutorial -Projekts direkt aus dem Internet herunterzuladen.
1. Sie müssen Node.js und Testacular installieren, um dieses Projekt auszuführen. Bitte laden Sie die neueste Version auf der offiziellen Node.js -Website herunter und installieren Sie sie und fügen Sie dann den ausführbaren Programmpfad des Knotens zum Variablen Pfad der Systemumgebung hinzu. Führen Sie nach Abschluss den Befehl in der Befehlszeile aus, um festzustellen, ob die Installation erfolgreich ist:
Die Codekopie lautet wie folgt:
Knotenversion
Installieren Sie dann das Testacular Unit -Testprogramm. Führen Sie bitte den folgenden Befehl aus:
Die Codekopie lautet wie folgt:
NPM install -g Testacular
2. Installieren Sie das Git -Tool und verwenden Sie den folgenden Befehl, um die Quellcodedatei dieses Tutorial -Projekts von GitHub zu kopieren:
Die Codekopie lautet wie folgt:
Git Clone Git: //github.com/angular/angular-phonecat.git
Sie können auch das Spiegelarchivkompressionspaket des Quellcode dieses Tutorial -Projekts direkt aus dem Internet herunterladen. Dieser Befehl erstellt in Ihrem aktuellen Ordner einen neuen Ordner Angular-Phonecat.
3. Das Letzte, was zu tun ist, ist sicherzustellen, dass Ihr Computer über einen Webbrowser und einen Texteditor installiert ist.
V.
Die Codekopie lautet wie folgt:
CD Angular-Phonecat
Knotenskripte/webserver.js