Folge mir auf https://www.twitch.tv/gregorbiswanger
Komm zur Community auf https://discord.gg/rV67m6s
Die Community hat sich gewünscht das wir gemeinsam coden. Die Idee dazu ist eine Umfrage Web-App. Dazu setzen wir auf den MEAN-Stack (MongoDB-Expressjs-Angular-Nodejs). In der ersten Folge haben wir die Architektur von Angular (Client) und Express.js (Server) aufgesetzt. Dazu haben wir bereits das anlegen von Umfragen implementiert. Beim zweiten Teil haben wir eine Web-Sockets Verbindung im Backend und Frontend eingerichtet und konnten schon mal eine Umfrage starten. In dieser Folge erweitern wir nach unseren Planungen die Web-App.
Trello-Board mit Backlogs:
https://trello.com/b/15LQ5smt
Discord-Gruppe:
https://discord.com/channels/724358635593138177/947580454226247780
Der Source-Code dazu auf:
https://github.com/GregorBiswanger/Survey-App
Die letzte Folge:
https://www.youtube.com/watch?v=9Q4mhPkq5Rg&list=PLbWYOayzrhS8kXfXsySw23Z3iqWNStV62&index=2
▼ ▼ ▼ Timestamps ▼ ▼ ▼
[0:00:00] Countdown
[0:02:05] Willkommen
[0:04:36] Was wurde bisher schon umgesetzt und was ist noch geplant
[0:42:27] aus der DB aggregierte Vote-Daten im Frontend visualisieren
[0:53:15] Survey ID im Link einbauen/übergeben
[1:02:19] Backend: Add activeSurvey Handler
[1:37:35] Frontend: Design activeSurvey anpassen
[2:04:51] Backend: ConnectID in URL einbauen
[2:13:18] Frontend: Input Textbox für manuelle Eingabe mit ConnectID einbauen
[2:54:42] Backend: Auswertung/Stand der Umfrage erst nach dem Voting sichtbar
[3:29:52] Backend: Dafür sorgen dass nur 1 Vote per Umfrage/User möglich ist
[4:02:54] LiveTest Umfragen initiieren (Live Share)
[4:26:24] Backend: Live-Aktualisierung und Statistik einer Umfrage implementieren
[5:01:30] Frontend: QR Code und Umfrage URL einbauen
[5:29:37] Planung Doings für Teil 4
[5:33:54] Session-Resümee
[5:35:05] Scribble zum Ausklang (leider nein)
[5:41:49] Verabschiedung
✅ Mein Equipment: https://kit.co/GregorBiswanger/gregorsequip
Folge mir auf https://www.twitch.tv/gregorbiswanger
Komm zur Community auf https://discord.gg/rV67m6s
Komm zur Community auf https://discord.gg/rV67m6s
Die Community hat sich gewünscht das wir gemeinsam coden. Die Idee dazu ist eine Umfrage Web-App. Dazu setzen wir auf den MEAN-Stack (MongoDB-Expressjs-Angular-Nodejs). In der ersten Folge haben wir die Architektur von Angular (Client) und Express.js (Server) aufgesetzt. Dazu haben wir bereits das anlegen von Umfragen implementiert. Beim zweiten Teil haben wir eine Web-Sockets Verbindung im Backend und Frontend eingerichtet und konnten schon mal eine Umfrage starten. In dieser Folge erweitern wir nach unseren Planungen die Web-App.
Trello-Board mit Backlogs:
https://trello.com/b/15LQ5smt
Discord-Gruppe:
https://discord.com/channels/724358635593138177/947580454226247780
Der Source-Code dazu auf:
https://github.com/GregorBiswanger/Survey-App
Die letzte Folge:
https://www.youtube.com/watch?v=9Q4mhPkq5Rg&list=PLbWYOayzrhS8kXfXsySw23Z3iqWNStV62&index=2
▼ ▼ ▼ Timestamps ▼ ▼ ▼
[0:00:00] Countdown
[0:02:05] Willkommen
[0:04:36] Was wurde bisher schon umgesetzt und was ist noch geplant
[0:42:27] aus der DB aggregierte Vote-Daten im Frontend visualisieren
[0:53:15] Survey ID im Link einbauen/übergeben
[1:02:19] Backend: Add activeSurvey Handler
[1:37:35] Frontend: Design activeSurvey anpassen
[2:04:51] Backend: ConnectID in URL einbauen
[2:13:18] Frontend: Input Textbox für manuelle Eingabe mit ConnectID einbauen
[2:54:42] Backend: Auswertung/Stand der Umfrage erst nach dem Voting sichtbar
[3:29:52] Backend: Dafür sorgen dass nur 1 Vote per Umfrage/User möglich ist
[4:02:54] LiveTest Umfragen initiieren (Live Share)
[4:26:24] Backend: Live-Aktualisierung und Statistik einer Umfrage implementieren
[5:01:30] Frontend: QR Code und Umfrage URL einbauen
[5:29:37] Planung Doings für Teil 4
[5:33:54] Session-Resümee
[5:35:05] Scribble zum Ausklang (leider nein)
[5:41:49] Verabschiedung
✅ Mein Equipment: https://kit.co/GregorBiswanger/gregorsequip
Folge mir auf https://www.twitch.tv/gregorbiswanger
Komm zur Community auf https://discord.gg/rV67m6s
Commenting disabled.