Unsere Datenschutzrichtlinie wird in Kürze aktualisiert. Bitte sehen Sie sich die Vorschau an.

AngularJS Grundkurs

Projektsetup

Testen Sie unsere 2016 Kurse

10 Tage kostenlos!

Jetzt testen Alle Abonnements anzeigen
Dieses Video zeigt die Vorgehensweise beim Aufbau eines Projektsetups für ein AngularJS-Projekt sowie einen Überblick über die dabei einzubindenden Elemente.
02:52

Transkript

Ich würde sehr gerne mit Euch das erste Projektsetup für ein AngularJS Projekt aufbauen und habe dafür auch etwas vorbereitet für uns nämlich einen Project Workspace. Ist im weitesten Sinne nichts anderes als ein Ordner in meinem Dateisystem und in diesem Ordner befindet sich ein Unterordner bootstrap, wo das twitterbootstrap drinnen ist und ein Unterordner libs, in dem sich dann entsprechend das AngularJS Framework in der Version 1.0.5 entsprechend befindet. Was ich als nächstes machen muss, um ein Projektsetup zu machen, ist natürlich in dem Unterordner Kapitel01 dann eine HTML -Datei zu erstellen. Mein zukünftiges Ziel soll es sein, dass dann entsprechend weitere Kapitelordner hier hinzukommen und ich dann immer in den übergeordneten bootstrap und libs Ordner zugreifen kann, um die gleichbleibenden Bibliotheken dann entsprechend verwenden zu können. Ich beginne also damit, dass ich eine neue HTML -Seite mache mit dem Namen index und innerhalb der HTML-Seite gebe ich dem ganzen Kind auch noch einen title. Erzeuge jetzt die Verlinkung zu meiner bootstrap. Mache das Ganze noch einmal mit einer relativen Verlinkung und füge dann noch zusätzlich einen Scriptblock hinzu und in diesem Scriptblock sorgen ich dann dafür, dass dann entsprechend unter libs das angularjs in der Version 1.0.5 und das minified als Framework dann entsprechend eingebunden wird. Im weitesten Sinne habe ich jetzt wirklich 95% meines Projektsetups im Grund genommen schon fertig gemacht. Das heißt, ab jetzt kann ich schon mit aj arbeiten. Also wie Ihr alle seht kein Hexenwerk. Eine einzige Sache müsst Ihr bitte nur noch machen und zwar müsst Ihr Euch vorstellen, dass in dem Moment, wo das AngularJS sich initialisiert, sucht es, um sich selber zu initialisieren nach einem Applikationsparameter in den gesamten Dokument, um dann darauf basierend dann ein Modul zu initialisieren und das Modul dann entsprechend starten zu lassen. Wenn dieser Parameter fehlt, kommt es einfach zu Fehlermeldungen. Wir werden noch im Detail darüber sprechen, was es alles mit diesem Parameter auf sich hat. Aber werden jetzt an dieser Stelle bitte einfach nur ng-app hinzufügen und wenn wir das Ganze hinzugefügt haben, können wir das Ganze dann auch einmal testen und werden dann sehen, dass das Ganze hier an dieser Stelle ohne irgendwelche Fehlermeldungen dann entsprechend vonstattengegangen ist. Das heißt, ich habe hier ganz normal meine Applikation starten können und es gab keinerlei Fehlermeldungen in der Konsole. Das heißt, die Initialisierung der Anwendung bzw. der Indexseite ist erfolgreich vonstattengegangen. In diesem Video haben wir also gemeinsam gelernt, wie wir in der Lage sind, ein Setup für AngularJS zu erzeugen und welche Elemente ich entsprechend dafür einbinden muss.

AngularJS Grundkurs

Arbeiten Sie sich in AngularJS, einem JavaScript-Framework von Google, ein und sehen Sie, wie Sie mit MVC-Design-Pattern und Dependency Injection im HTML-Umfeld arbeiten können.

3 Std. 43 min (44 Videos)
Sehr GUT !!!
Zenti
Einfach und verständlich erklärt! AngularJs gefällt mir richtig gut.. :D
 

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!