-
-
1.
Willkommen beim Kurs!
2:32
-
2.
Was du für diesen Kurs brauchst
2:48
-
3.
Projektaufbau mit dem Vue-CLI
5:29
-
4.
Kopfzeilenkomponente
10:10
-
5.
Startseitenkomponente
9:23
-
6.
So erstellst du die Menükomponente
9:22
-
7.
Looping durch Menüpunkte
6:34
-
8.
So schiebst du Aufträge in ein Array
7:05
-
9.
So fügst du den Einkaufskorb hinzu
4:33
-
10.
So machst du den Einkaufskorb dynamisch
5:20
-
11.
Einkaufskorbmethoden
4:33
-
12.
So strukturierst du den Admin-Bereich
5:18
-
13.
So listest du aktuelle Bestellungen auf
6:16
-
14.
So fügst du eine neue Pizzakomponente hinzu
8:32
-
15.
So formst du die Input-Bindungen
5:38
-
16.
So erstellst du die Firebase-Datenbank
8:07
-
17.
So fügst du die Anmeldungskomponente hinzu
3:26
-
18.
So aktivierst du die Firebase-Authentifizierung
3:59
-
19.
An- und Abmeldung
7:30
-
20.
Abschließende Komponenten
5:51
-
21.
Routerinstallation und -einrichtung
3:25
-
22.
So erstellst du die Routen
5:52
-
23.
Mehr Details zum Router-Link
4:43
-
24.
Bindung und dynamische Routen
5:48
-
25.
History-Modus und Hash-Modus
3:15
-
26.
So findest du alle Routen und kannst sie umleiten
1:40
-
27.
Verschachtelte Routen
5:27
-
28.
Ansicht der verschachtelten Router
6:09
-
29.
So fügst du die Namen zu den Routen hinzu
4:25
-
30.
Router-Navigationsmethoden
4:40
-
31.
Schutz der globalen Navigation
7:03
-
32.
Komponentenschutz
4:27
-
33.
Schutz der individuellen Routen
2:12
-
34.
So definierst du Scrolling-Verhalten
6:46
-
35.
So überarbeitest du deine Routen
2:12
-
36.
Ansicht der benannten Router
9:08
-
37.
Was ist Vuex?
3:01
-
38.
Installation und Dateistruktur
4:12
-
39.
Anfänglicher Zustand und Zugriff auf den Speicher
4:40
-
40.
So verbesserst du deinen Zugriff mit Zugriffsmethoden
5:09
-
41.
So veränderst du den Zustand mit Mutationen
6:37
-
42.
Was sind Actions?
2:02
-
43.
So stellst du Benutzer mit Actions ein
5:51
-
44.
Aktionen versenden
6:54
-
45.
Zugriffsmethodenübersicht
3:34
-
46.
So trennst du unseren Speicher in separate Dateien
6:52
-
47.
So verwendest du Module
9:02
-
48.
Vuex mit Firebase-Bindung
8:35
-
49.
So synchronisierst du Aufträge mit Firebase
3:26
-
50.
So zeigst du Aufträge im Admin-Bereich an
8:51
-
51.
So fügst du eine neue Pizza zum zentralen Speicher hinzu
3:21
-
52.
So entfernst du Elemente aus der Datenbank
6:01
-
53.
So versteckst du den Admin-Bereich vor nicht-authorisierten Benutzern
3:01
-
54.
So berechnest du die Summe des Einkaufskorbs
2:51
-
55.
Filter für globale Währungen
4:58
-
56.
Letzter Schliff
5:28
-
57.
Was ist Code-Splitting und Lazy Loading?
4:47
-
58.
Lazy Loading mit dem Vue Router
4:20
-
59.
So gruppierst du Komponenten in denselben Bereich
2:14
-
60.
Lazy Loading mit bedingtem Rendering
7:35
-
61.
Firebase-Regeln
4:24
-
62.
So stellst du alles auf Netlify bereit
7:16
-
63.
Folge mir auf Skillshare!
0:23
-
Vue. js: Erstelle eine Full Stack App mit Firebase, Vuex & Vue Router
Chris Dixon, Web Developer & Online Teacher
Über diesen Kurs
*** Kurs vollständig aktualisiert für Januar 2020! ***
Wenn du ein wenig Erfahrung mit der Erstellung von Websites mit Javascript oder Frameworks wie Vue.js hast, ist dieser Kurs der nächste Schritt auf deiner Lernreise!
Während dieses Kurses wirst du ein komplettes stack erstellen, um deine Fähigkeiten noch weiter zu pushen und zu entdecken, wie du das Staatliches Management, das management, Datenbanken, die Authentifizierung und das Codeteilen integrieren kannst.
Ein fertiger Code ist für jede Lektion auf Github verfügbar, um zu vergleichen, wenn du stecken wirst:
https://github.com/chrisdixon161/Pizza-Planet-V2-Stadien
============================
Wenn du keine Erfahrung von Vue.js oder einem ähnlichen Framework hast, habe ich einen Anfängerfreundlichen Kurs verfügbar:
Vue.js 2 Akademie: So lernst du Vue Schritt für Schritt
============================
Du wirst ein pizza von Grund auf erstellen, das es Benutzern ermöglicht, eine Bestellung aus einem Menübereich zu platzieren. Diese Bestellungen werden dann zur dauerhaften Datenspeicherung an Firebase weitergeleitet.
Wir erstellen auch einen Administratorbereich, in dem autorisierte Benutzer Menüelemente hinzufügen oder entfernen und alle aufgegebenen Bestellungen verwalten können. Diese Bestellungen werden auch zu Firebase geschoben.
Alle unsere Seiten werden vom Vue Router verwaltet und du wirst alles über das Erstellen von Routen, Navigationsmethoden, Navigationsmethoden, routes, nav und verschiedenen router erfahren.
Dieses Projekt verwendet Vuex für das state Dadurch wird unsere App einen einzigen Speicher für unseren ganzen Staat geben, dieser wird auch mit Firebase synchronisiert und wir haben immer einen einfachen und lokalen Zugriff auf alle unsere Daten.
Wenn du also nach einem Kurs suchst, um dir beizubringen, wie du ein komplettes und funktionsreiches Projekt von Grund auf erstellen kannst, dann melde dich noch heute an!
Bitte beachte, dass dieser Kurs nur für persönliche Bildungs- und Informationszwecke zur Verfügung gestellt wird, allgemeiner Natur ist und nicht als Ersatz für professionelle, rechtliche oder medizinische Beratung gedacht ist. Lies mehr darüber in unseren Nutzungsbedingungen.