Dieses Projekt richtet sich an Webentwickler, die ihre Fähigkeiten erweitern und in die Entwicklung dynamischer Webanwendungen mit AngularJS eintauchen möchten. Durch dieses Projekt werden Sie ein umfassendes Verständnis dafür erlangen, wie Sie eines der leistungsstärksten Merkmale von AngularJS nutzen können: Direktiven. Direktiven ermöglichen es Ihnen, HTML zu erweitern und eine benutzerdefinierte Syntax zu erstellen, die auf die Anforderungen Ihrer Anwendung zugeschnitten ist. Am Ende dieses Projekts werden Sie über praktische Erfahrungen bei der Erstellung einer Single-Page-Anwendung (SPA) mit AngularJS verfügen. Sie werden in die Rolle eines Webentwicklers in einem Team schlüpfen, das auf eine Angebotsanfrage (RFP) eines Unternehmens reagiert, das eine schnelle, einzigartige und reaktionsschnelle Website für seine neuesten NFT-Produkte sucht. Vorkenntnisse in HTML, CSS und JavaScript werden vorausgesetzt. Wenn Sie jedoch Ihr Grundverständnis für diese Technologien festigen möchten, sollten Sie die folgenden Bereiche von HTML beherrschen: Beherrschung der HTML-Syntax und -Struktur, Vertrautheit mit semantischem HTML und Kenntnis der grundlegenden Formularelemente. Für CSS wird empfohlen, die folgenden Bereiche zu beherrschen: CSS-Selektoren, das Box-Modell, Layout- und Positionierungstechniken, Responsive Design und CSS-Präprozessoren. Für JavaScript werden Kenntnisse in den folgenden Bereichen empfohlen: gute Kenntnisse der JavaScript-Grundlagen, DOM-Manipulation, asynchrone Programmierkonzepte und Vertrautheit mit JavaScript-Bibliotheken und -Frameworks.

Angular.js für Einsteiger: Direktiven

Empfohlene Erfahrung
Was Sie lernen werden
Fügen Sie AngularJS mit dem richtigen Script-Tag in eine Webseite ein.
Ändern Sie das DOM-Layout, indem Sie mit der ng-route-Direktive Elemente zum DOM hinzufügen und so Inhalte in Ihre Webseite einfügen.
Ändern Sie das DOM-Layout, indem Sie mit der ng-if-Direktive Elemente aus dem DOM entfernen.
Kompetenzen, die Sie festigen
- Kategorie: Web-Design und Entwicklung
- Kategorie: HTML und CSS
- Kategorie: Eckig
- Kategorie: Reaktionsfähiges Web-Design
Tools, die Sie verwenden werden
- Kategorie: Hypertext Markup Language (HTML)
- Kategorie: Web-Anwendungen
- Kategorie: JavaScript-Frameworks
Wichtige Details

Zu Ihrem LinkedIn-Profil hinzufügen
Nur als Desktop-Version verfügbar
Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.

Lernen, Üben und Anwenden von berufsrelevanten Fähigkeiten in weniger als 2 Stunden
- Nehmen Sie an Schulungen von Branchenexperten teil
- Sammeln Sie mit Aufgaben aus der realen Welt praktische Erfahrung
- Schaffen Sie Vertrauen durch neueste Tools und Technologien

Über dieses begleitete Projekt
Schritt für Schritt lernen
In einem Video, das auf einer Hälfte Ihres Arbeitsbereichs abgespielt wird, führt Sie Ihr Dozent durch diese Schritte:
Fügen Sie AngularJS mit dem richtigen Script-Tag in eine Webseite ein.
Ändern Sie das DOM-Layout, indem Sie mit der ng-route-Direktive Elemente zum DOM hinzufügen und so Inhalte in Ihre Webseite einfügen.
Ändern Sie das DOM-Layout, indem Sie mit der ng-if-Direktive Elemente aus dem DOM entfernen.
Den Wert eines Eingabefelds an eine in AngularJS erstellte Variable binden.
Ändern Sie das DOM-Layout, indem Sie mit einer benutzerdefinierten Direktive Elemente zum DOM hinzufügen.
Fügen Sie mithilfe integrierter Direktiven Elemente zum DOM hinzu und entfernen Sie sie daraus.
Durchlaufe eine Liste und füge mit „ng-repeat“ für jedes Element der Liste ein Listenelement zur Ansicht hinzu; entferne Elemente mit „ng-click“.
Empfohlene Erfahrung
HTML-Syntax, -Struktur und Formularelemente. CSS-Selektoren, Layout und Präprozessoren. JavaScript-Funktionen, Variablen und DOM-Manipulation
6 Projektbilder
Dozent

von
Was Sie beim Lernen erwartet
Auf Kompetenzen basierendes, praktisches Lernen
Üben Sie die Anwendung neuer Kompetenzen anhand von berufsbezogenen Aufgabenstellungen.
Anleitung durch Experten
Lernen Sie mit vorab von Experten aufgezeichneten Videos in einer einzigartigen aufgeteilten Oberfläche.
Keine Downloads oder Installation erforderlich
Greifen Sie in einem vordefinierten Cloud-Arbeitsbereich auf die Tools und Ressourcen zu.
Nur für Desktop verfügbar
Dieses begleitete Projekt ist für die Bearbeitung an einem Laptop oder Desktop-Computer mit stabiler Internetverbindung konzipiert und nicht für Mobilgeräte.
Warum entscheiden sich Menschen für Coursera für ihre Karriere?

Felipe M.

Jennifer J.

Larry W.

Chaitanya A.
Ihnen könnte auch Folgendes gefallen:
Status: VorschauJohns Hopkins University

Packt
Bringen Sie Ihre Karriere mit einem Online-Abschluss voran.
Erwerben Sie einen Abschluss von erstklassigen Universitäten – 100 % online




