Vue.js 2 - Der Praxiskurs (inkl. vue-router, vuex, uvm.)

Focused View

Ruven Martin

12:29:48

101 View

1 - Erste Schritte

1 - Einfuhrung.mp4

01:47

2 - Was ist Vuejs.mp4

05:20

3 - Die erste Anwendung.mp4

12:29

4 - Kursintention.mp4

03:01

5 - Kursaufbau.mp4

03:05

6 - Entwicklungsumgebung.mp4

01:57

7 - ES6 und Arrow Functions.mp4

06:56

8 - Abschluss und Personliches.mp4

03:18

2 - Projekt Voter

9 - Einleitung.mp4

01:34

10 - Das Grundgerust.mp4

04:16

11 - View vorbereiten.mp4

06:17

12 - VueRootInstanz erzeugen.mp4

02:59

12 - vuejs docs the vue instance.zip

13 - Daten binden mit vbind.mp4

08:46

13 - vuejs api vbind.zip

14 - Liste ausgeben mit vfor.mp4

05:00

14 - vuejs api vfor.zip

14 - vuejs docs list rendering.zip

15 - Liste sortieren mit computed properties.mp4

05:08

15 - vuejs docs computed properties.zip

16 - Interaktion mit von.mp4

06:58

16 - vuejs api von.zip

16 - vuejs listening to events.zip

17 - Theorie Components.mp4

04:10

18 - Eine erste Component.mp4

05:15

18 - vuejs docs components basics.zip

19 - Daten per props an die Component geben.mp4

05:39

20 - Abkurzungen fur vbind und von.mp4

01:24

20 - vuejs docs passing data to child components with props.zip

21 - Abschluss.mp4

05:05

21 - voter-final.zip

3 - Ubungen Voter

22 - Einfuhrung.mp4

01:00

23 - Aufgabe Gesamtanzahl der Stimmen.mp4

01:16

24 - Losung Gesamtanzahl der Stimmen.mp4

04:14

25 - Aufgabe Downvote.mp4

01:25

26 - Losung Downvote.mp4

06:02

4 - Projekt Terminkalender

27 - Einfuhrung.mp4

01:31

28 - Entwicklungsumgebung erweitern.mp4

04:49

29 - Projekt erstellen.mp4

03:16

30 - Projektstruktur erkunden.mp4

07:32

30 - babel.zip

30 - eslint.zip

30 - webpack.zip

31 - Projektplanung.mp4

01:56

32 - DatenManagement.mp4

07:25

33 - Anwendung vorbereiten.mp4

01:58

34 - Statische Wochenansicht.mp4

07:42

35 - Neuen Termin erstellen.mp4

03:41

36 - Terminfarbe implementieren.mp4

07:09

36 - vuejs api key.zip

37 - Statische Daten bereitstellen.mp4

04:52

38 - Store implementieren.mp4

02:14

39 - Erste Components.mp4

08:57

39 - vuejs docs data must be a function.zip

40 - Komponente CalendarDay.mp4

05:27

41 - Komponente CalendarEvent.mp4

06:15

42 - Komponente CalendarEntry.mp4

08:11

43 - Den aktiven Tag setzen.mp4

09:59

44 - Termin erstellen mit vmodel.mp4

06:49

45 - EinAusblendungen mit vif und vshow.mp4

06:47

46 - Termin bearbeiten.mp4

09:47

47 - Termin updaten.mp4

04:28

48 - Termin loschen.mp4

07:24

49 - Abschluss.mp4

06:10

49 - terminkalender-final.zip

5 - Ubungen Terminkalender

50 - Einfuhrung.mp4

01:06

51 - Hinweis zu den CodeAnhangen.html

52 - Aufgabe Termin loschen.mp4

00:45

53 - Losung Termin loschen.mp4

05:35

54 - Aufgabe Aktiver Tag hervorheben.mp4

01:07

55 - Losung Aktiver Tag hervorheben.mp4

06:28

6 - Projekt Notizblock

56 - Einfuhrung.mp4

01:18

57 - Anwendung vorbereiten.mp4

01:58

58 - Initiales Template.mp4

03:56

59 - Zerlegen in Components.mp4

06:54

60 - Custom Events.mp4

09:23

60 - vuejs docs key modifiers.zip

61 - Ausgabe der Notizen.mp4

03:19

62 - Zwischenfazit.mp4

02:42

62 - vuejs docs custom events.zip

63 - Einfuhrung Event Bus.mp4

04:29

63 - mediumcom event bus.zip

64 - Created Hook.mp4

06:08

65 - Lifecycle Hooks.mp4

04:04

65 - vuejs docs lifecycle diagram.zip

66 - Anzahl der Notizen.mp4

05:54

67 - Zwischenfazit.mp4

02:14

68 - Theorie Vuex.mp4

08:49

68 - vuex docs.zip

69 - Vuex einbinden.mp4

00:42

70 - State und Getters.mp4

03:46

71 - Mutations und Actions.mp4

03:51

72 - VuexStore initialisieren.mp4

02:01

73 - Components uberarbeiten.mp4

06:02

74 - Vuex History.mp4

04:02

75 - Abschluss.mp4

03:03

75 - notizblock-final.zip

7 - Ubungen Notizblock

76 - Einfuhrung.mp4

00:34

76 - notizblock-final.zip

77 - Aufgabe Notiz loschen.mp4

00:29

78 - Losung Notiz loschen.mp4

05:13

79 - Aufgabe Notiz bearbeiten.mp4

01:18

80 - Aufgabe Notiz bearbeiten.mp4

12:35

8 - Projekt Shop

81 - Einfuhrung.mp4

00:47

82 - Projektplanung.mp4

03:14

83 - Initiales Setup.mp4

03:07

84 - App.vue.zip

84 - Prototyp erkunden.mp4

04:02

85 - Zerlegen in Components.mp4

04:52

86 - Server einrichten.mp4

06:53

86 - server.zip

87 - VuexStore vorbereiten.mp4

05:49

88 - Axios installieren.mp4

06:30

88 - axios.zip

89 - Theorie REST API & Promises.mp4

05:01

90 - VuexStore verwenden.mp4

05:04

90 - vue cli plugin vuex.zip

91 - Komponente ProductListItem.mp4

06:15

92 - Warenkorb mit Vuex.mp4

06:55

93 - Bestellubersicht.mp4

07:40

94 - mapGetters von Vuex.mp4

04:59

95 - Interaktivitat im Warenkorb.mp4

07:50

96 - Warenkorb leeren.mp4

05:25

97 - Warenkorb abschlieben.mp4

02:14

98 - Produkte zum Warenkorb hinzufugen.mp4

02:42

99 - Mutation Types.mp4

02:56

100 - Vuex Module noch weiter aufteilen.mp4

02:21

101 - Abschluss.mp4

01:59

101 - shop-final.zip

9 - Ubungen Shop

102 - Einfuhrung.mp4

00:33

103 - Aufgabe Artikel loschen.mp4

01:18

103 - server-with-product-delete.zip

104 - Neuer APIEndpoint.html

105 - Losung Artikel loschen.mp4

02:40

106 - Aufgabe Merkzettel.mp4

01:38

107 - Losung Merkzettel.mp4

12:09

108 - Bonus Merkzettel.mp4

01:36

10 - Projekt Shop mit Routing

109 - Einfuhrung.mp4

01:17

110 - SPA vs MPA.mp4

04:57

111 - Navbar erstellen.mp4

06:46

112 - vuerouter installieren und einsetzen.mp4

07:26

113 - Optisches & weitere Routes.mp4

03:01

114 - RouterLink Tag.mp4

03:19

115 - Daten fur die Navbar.mp4

04:00

116 - Initiale Dispatchers verschieben.mp4

02:04

117 - Ansicht eines einzelnen Produkts.mp4

04:53

118 - Dynamisches Routing.mp4

07:43

119 - Zur Einzelansicht navigieren.mp4

05:42

120 - Einen Promise zuruckgeben.mp4

04:09

121 - Asynchronitat berucksichtigen.mp4

03:44

122 - CatchAll Route.mp4

04:41

123 - Zwischenfazit.mp4

01:51

124 - Neuer Server.mp4

01:00

124 - server-with-auth.zip

125 - Theorie Authentifizierung mit Tokens.mp4

03:50

126 - Vuex Auth Module.mp4

06:06

127 - Komponente Signin.mp4

07:29

128 - Token als Query Parameter.mp4

03:47

129 - Logout implementieren.mp4

04:57

130 - Navbar Sichtbarkeit andern.mp4

02:54

131 - Watchers.mp4

03:55

132 - Ladeanzeige beim Einloggen.mp4

05:24

133 - Navigation Guards.mp4

09:42

134 - Abschluss.mp4

02:04

134 - shop-mit-routing-final.zip

11 - Ubungen Shop mit Routing

135 - Einfuhrung.mp4

00:36

136 - Aufgabe Zur Kasse gehen.mp4

00:52

137 - Losung Zur Kasse gehen.mp4

05:00

12 - Veroffentlichung

138 - Einfuhrung.mp4

01:30

139 - Webserver suchen und erstellen.mp4

01:47

140 - Den Build erstellen und veroffentlichen.mp4

05:52

141 - Anwendung in einem Unterordner veroffentlichen.mp4

04:26

141 - vue cli docs config.zip

142 - Fallstrick vuerouter.mp4

04:26

142 - amazon web services.zip

142 - heroku.zip

143 - Abschluss.mp4

03:36

13 - Bonus Skalierbarkeit Wartbarkeit und Wiederverwendbarkeit

144 - Einfuhrung.mp4

00:48

145 - Projekt erstellen.mp4

01:41

146 - Layouts Pages und Components.mp4

07:19

147 - Routing.mp4

02:36

148 - Lazy Loading.mp4

09:10

148 - vuejs docs async components.zip

148 - webpack code splitting.zip

149 - Routes modularisieren.mp4

06:46

150 - env Datei.mp4

03:48

150 - vuejs docs mode und env.zip

151 - Relative Pfade mit webpacks alias.mp4

05:32

151 - webpack konfiguration.zip

152 - App umstylen.mp4

01:58

153 - Plugins Ordner Installation von Axios.mp4

10:32

153 - loripsumnet.zip

154 - Vuex einbinden.mp4

02:32

155 - Eigene Dialog Component.mp4

06:03

156 - Slots.mp4

04:13

156 - vuejs docs slots.zip

157 - Interaktivitat der Dialog Component.mp4

01:45

158 - Erweiterte Props Definiton.mp4

04:38

158 - vuejs docs props.zip

159 - Props Validierung.mp4

04:19

159 - vuejs docs props validierung.zip

160 - Timer mit dem watchAttribut.mp4

06:26

160 - vuejs api watch.zip

161 - Named Chunks.mp4

05:36

161 - -8-Skalierbarkeit-Finaler-Code.zip

162 - Abschluss.mp4

03:57

14 - Migration auf Vuejs 3

163 - Einfuhrung.mp4

02:14

164 - Was hat sich geandert.mp4

03:36

164 - vuejs 3 docs migration.zip

165 - Projekt Voter auf Vuejs 3 aktualisieren.mp4

10:01

165 - voter-vue2.zip

165 - voter-vue3.zip

166 - Projekt Shop mit Routing auf Vuejs 3 aktualisieren und Abschluss.mp4

14:38

166 - shop-routing-vue2.zip

166 - shop-routing-vue3.zip

166 - vuejs 3 docs migration von vuejs 2 auf vuejs 3.zip

166 - vuerouter 4 docs neuen features.zip

166 - vuex 4 docs anderungen.zip

Description

Entwickle moderne, interaktive und reaktive Frontends mit Vue.js 2, Vue-Router, Vuex, Bootstrap 4 und Font Awesome.

What You'll Learn?

Entwickle moderne und ansprechende Single-Page-Applications mit VueJs
Erlerne den sicheren Umgang mit dem JavaScript Framework VueJs
Gestalte ansprechende Frontends mit Bootstrap 4 und Font Awesome
Setze ein skalierbares State-Managment mit „vuex“ um
Erweitere das Framework mit dem Node-Package-Manager und der Vue-Cli

Who is this for?

Sowohl angehende als auch fortgeschrittene Entwickler, die moderne, interaktive und reaktive Frontends basierend auf VueJs umsetzen möchten.

Dieser Kurs ist für alle interessant, welche sich als "Frontend Web Developer" weiterbilden möchten.

Insbesondere profitiert jeder, der über die Grundlagen von VueJs hinausgehen möchte von diesem Kurs.

More details

Description
Hallo! Und herzlich Willkommen in der Welt von Vue.js. Hier in diesem praxisorientierten Kurs, wirst du alles lernen, um moderne, interaktive und reaktive Frontends mit dem populÃ¤ren JavaScript Framework Vue.js umsetzen zu kÃ¶nnen.
Einige Kursziele, die du nach dem Kurs erreicht haben wirst:
Selbstsicherer Einsatz des Vue.jS Frameworks.

Profitiere von jahrelanger Erfahrung und nimm programmiersprachen-unabhÃ¤ngige Entwicklungskonzepte in andere Anwendungsgebiete mit.

Du wirst nicht nur alle Kernthemen von Vue.js kennenlernen, sondern wirst zusÃ¤tzlich auch Routing mit dem vue-router Paket und ein skalierbares State Management mit dem vuex Paket umsetzen.

Du solltest nach Abschluss in der Lage sein, modernste Frontends im Bereich der Webentwicklung schreiben zu kÃ¶nnen.

Du kannst Anwendungen von der Planung bis zum â€žonline stellenâ€œ realisieren.

Ein paar weitere GrÃ¼nde, warum du den Kurs wÃ¤hlen solltest:
Bei Vue.js handelt es sich absolut um ein populÃ¤res JavaScript Framework, welches aus der Webentwicklung (neben Angular und React) nicht mehr wegzudenken ist. Das Zeitalter der sog. â€žSingle-Page-Applicationsâ€œ hat lÃ¤ngst begonnen und wird in den kommenden Jahren noch weiter in den Vordergrund rÃ¼cken.

Falls du dir nicht sicher bist, mit welchem JavaScript Framework du anfangen sollst, dann empfehle ich dir auf jeden Fall Vue.js. Von den â€ždrei groÃŸenâ€œ JS-Frameworks ist Vue.js am leichtesten zu erlernen und liefert dir bereits wichtige Konzepte, welches dir beim VerstÃ¤ndnis den anderen Frameworks extrem hilft. (Auch ich habe mit Vue.js begonnen und konnte dadurch Angular und React deutlich schneller erlernen. Ich bereue mein Vorgehen bis heute in keiner Weise.

Mir ist es besonders wichtig, ein nachhaltiges VerstÃ¤ndnis von Vue.js und allgemeinen Entwicklungstechniken zu erzeugen. Daher werden alle Inhalte praxisnah unterrichtet und mit zahlreichen Ãœbungen untermauert.

In den Videos rede ich nicht lange um den heiÃŸen Brei herum, sondern komme zÃ¼gig zum wesentlichen Inhalt. Das kann dazu fÃ¼hren, dass du einige Stellen dir mehrmals anhÃ¶ren musst, aber dafÃ¼r bekommst du in wenig Zeit viel Inhalt!

Grober Kursaufbau
Im ersten Modul klÃ¤ren wir den â€žÃ¤uÃŸeren Rahmenâ€œ des Kurses und schauen uns bereits eine erste Anwendung mit Vue.js an.

In den nachfolgenden Modulen werden wir anhand von Projekten und Ãœbungsmodulen die Kernthemen von Vue.js erarbeiten, vertiefen und Ã¼ben, Ã¼ben, Ã¼ben.

Zum Schluss verÃ¶ffentlichen wir einige Projekte im Internet und schauen uns die dazugehÃ¶rigen Voraussetzungen an.
Also! Worauf noch warten? Lass uns gemeinsam tolle Frontends mit dem JavaScript Framework Vue.js realisieren!

Who this course is for:
Sowohl angehende als auch fortgeschrittene Entwickler, die moderne, interaktive und reaktive Frontends basierend auf VueJs umsetzen mÃ¶chten.
Dieser Kurs ist fÃ¼r alle interessant, welche sich als "Frontend Web Developer" weiterbilden mÃ¶chten.
Insbesondere profitiert jeder, der Ã¼ber die Grundlagen von VueJs hinausgehen mÃ¶chte von diesem Kurs.

User Reviews

Rating

average 0

Total votes0

Focused display

Hallo, mein Name ist Ruven Martin! Ich arbeite hauptberuflich als Lehrer an einem Gymnasium und unterrichte die Fächer Mathematik und Informatik.Bereits in der Schulzeit hat sich meine Leidenschaft für die Entwicklung von Webanwendungen herausgestellt. Im Studium der Informatik habe ich meinen Schwerpunkt auf client- und serverseitige Webanwendungen gelegt und damit mein Wissen vertieft.So kam es also, dass ich seit über 15 Jahren in meiner freien Zeit Webanwendungen vor allem für Universitäten und Schulen entwickle. Gerne möchte ich mein Wissen und meine Erfahrungen hier auf Udemy teilen.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.