Vue.js 2 Akademie: So lernst du Vue Schritt für Schritt | Chris Dixon | Skillshare
Kategorien
Lernpfade
BETA Sessions
Entdecke Live-Sessions
Drawer
Suchen
Anmelden
Startseite
Kategorien
Lernpfade
Mitgliederprojekte
Entdecke Live-Sessions BETA
Entdecke private Sessions BETA

Playback-Geschwindigkeit

  • 0.5x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 2x

Vue.js 2 Akademie: So lernst du Vue Schritt für Schritt

teacher avatar Chris Dixon, Web Developer & Online Teacher

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

    • 1.

      Willkommen!

      2:29

    • 2.

      Was ist Vue.js und warum sollte ich es verwenden?

      2:16

    • 3.

      Visuelle Studioinstallation

      1:51

    • 4.

      Abschnittseinführung: Vue Grundlagen

      0:30

    • 5.

      So kannst du den Projektstarter herunterladen

      2:32

    • 6.

      So installierst du Vue.js

      3:05

    • 7.

      Die Vue-Instanz und das Datenobjekt

      7:28

    • 8.

      Vorlagen und das virtuelle DOM

      3:31

    • 9.

      Zweiseitige Datenanbindung mit dem V-Modell

      3:08

    • 10.

      Event-Handhabung und Methoden

      5:46

    • 11.

      Listen-Rendering

      2:54

    • 12.

      Bedingtes Rendering in Vue

      5:19

    • 13.

      Anbindung von Elementen an Eigenschaften

      4:11

    • 14.

      Anbindungsstile

      4:48

    • 15.

      Vue Syntax-Kürzel

      2:42

    • 16.

      So exportierst du Text und HTML

      6:25

    • 17.

      V-if oder V-Show

      3:10

    • 18.

      Verwendung von Javascript-Ausdrücken

      4:22

    • 19.

      Abschnitts-Outtro: Vue Grundlagen

      0:32

    • 20.

      Abschnittseinführung: Tiefere Einsichten in Vue

      0:39

    • 21.

      So fügst du einen Fortschritts-Balken ein

      7:46

    • 22.

      Berechnete Eigenschaften

      8:57

    • 23.

      Watchers

      3:50

    • 24.

      Wichtige Events und Modifikationen

      3:21

    • 25.

      Filter

      6:08

    • 26.

      Mehr zu Schleifen: Schlüssel und Indexzahlen

      5:27

    • 27.

      So verwendest du mehrere Vue Instanzen

      6:25

    • 28.

      Looping mit Objekten

      6:56

    • 29.

      So fügst du deine Navigations-Links ein

      6:16

    • 30.

      So greifst du extern auf Vue Instanzen zu

      4:32

    • 31.

      Vue Instanz Eigenschaften und Methoden

      4:50

    • 32.

      Elementenreferenz mit Ref

      4:45

    • 33.

      So verwendest du String-Vorlagen

      7:06

    • 34.

      Der Vue Lifecycle

      5:40

    • 35.

      Vue Lifecycle Hooks in Aktion

      6:51

    • 36.

      Abschnitts-Outtro: Tiefere Einsichten in Vue

      0:39

    • 37.

      Abschnittseinführung: So erstellst du Tools und Workflow

      0:37

    • 38.

      So installierst du Nodes und NPM

      4:08

    • 39.

      So erstellst du Scaffolding mit dem Vue-Cli

      8:06

    • 40.

      So erkundest du dein Projekt-Layout und baust Tools

      9:26

    • 41.

      So verwendest du das Datenobjekt mit einzelnen Dateivorlagen

      7:49

    • 42.

      Abschnitts-Outro: So erstellst du Tools und Workflow

      0:19

    • 43.

      Abschnittseinführung: Einführung in Komponenten

      0:41

    • 44.

      Was sind Komponenten?

      5:07

    • 45.

      So registrierst du globale Komponenten

      10:57

    • 46.

      So registrierst du lokale Komponenten

      5:26

    • 47.

      So erstellst du Komponenten für einzelne Dateien

      8:37

    • 48.

      So fügst du die Kartenvorlagenkomponente hinzu

      9:07

    • 49.

      So überträgst du Daten an übergeordnete Komponenten

      9:21

    • 50.

      Dynamische Komponenten

      2:49

    • 51.

      So erstellst du zusätzliche Kartenkomponenten

      5:53

    • 52.

      So erstellst du Texteingabe-Komponenten

      9:40

    • 53.

      So erhältst du Daten aus der Texteingabe

      4:38

    • 54.

      So erstellst du Textübertragungskomponenten

      3:38

    • 55.

      So lieferst du Daten mit Props

      5:37

    • 56.

      So erhältst du Komponenten aufrecht

      2:26

    • 57.

      So sondierst du CSS-Stile

      7:40

    • 58.

      Prop-Validierung

      5:01

    • 59.

      So lieferst du Prop-Daten an ein Stil-Objekt

      3:19

    • 60.

      Einführung in Slots

      9:38

    • 61.

      Slot Scope und Fallback-Inhalte

      4:57

    • 62.

      Benannte Slots

      3:30

    • 63.

      Abschnittsoutro: Einführung in Komponenten

      0:42

    • 64.

      Abschnittseinführung: Mehr zu Komponenten und Firebase Storage

      0:37

    • 65.

      So richtest du Firebase ein

      6:55

    • 66.

      So erstellst du die ImageUpload-Komponente

      6:40

    • 67.

      So lädst du Bilder auf Firebase hoch

      9:44

    • 68.

      Bildvorschau

      4:11

    • 69.

      Lade FortschrittsBalken und $emit Dateidaten hoch

      8:54

    • 70.

      Image Output-Komponente

      9:09

    • 71.

      So lädst du Bilder von Firebase herunter

      6:15

    • 72.

      So richtest du den Image-Button ein

      7:20

    • 73.

      Textoptionen-Menü: Schriftgrößen

      8:00

    • 74.

      Textoptionen-Menü: Textausrichtung

      5:03

    • 75.

      Textoptionen-Menü: Schriftart und Gewicht

      9:56

    • 76.

      So entfernst du den Image-Button

      4:21

    • 77.

      So lieferst du Daten mit Callbacks

      6:40

    • 78.

      So machst du Bilder verschiebbar

      5:48

    • 79.

      So stellst du die CardInsideLeft-Komponente fertig

      4:50

    • 80.

      So stellst du die CardInsideRight-Komponente fertig

      2:48

    • 81.

      So stellst du die CardBack-Komponente fertig

      3:39

    • 82.

      Einführung in den Event-Bus

      7:26

    • 83.

      So fügst du Events zum Event-Bus hinzu

      6:51

    • 84.

      So erhältst du Events aus dem Event-Bus

      13:05

    • 85.

      So fügst du Mix-Ins hinzu

      6:51

    • 86.

      Abschnitts-Outro: Mehr zu Komponenten und Firebase Storage

      0:35

    • 87.

      Abschnittseinführung: Übergänge und Animationen

      0:31

    • 88.

      Kurseinheiten zu Übergängen

      2:58

    • 89.

      So fügst du CSS-Übergänge hinzu

      6:47

    • 90.

      So fügst du CSS-Animationen hinzu

      5:58