Live-Coding 24/11/2023 10h: Eine Sonos-Integration an einem Tag?

Aktuelles
1

Hallo zusammen!

Ich habe mir eine kleine Herausforderung für morgen vorgenommen: Ich möchte euch ein Live-Coding auf YouTube zeigen – und zwar die Integration von Sonos! :partying_face: :musical_score:

Ich habe mir eine Sonos-Box (One Gen 2) gekauft, und morgen um 10 Uhr werde ich live auf YouTube gehen, um diese Integration zu codieren.

Das Ziel ist es, an einem Tag ein erstes funktionierendes MVP zu erstellen:

  • Netzwerk scannen, um eine Box zu finden
  • Diese Box zu Gladys hinzufügen
  • Einfache Musiksteuerung auf dem Dashboard (play, pause, next, previous und Lautstärke)

Das Ziel ist es, am Ende des Tages ein funktionierendes MVP zu haben.

Das Live-Event findet hier statt, denkt daran, die Glocke zu aktivieren, um eine Benachrichtigung zu erhalten:

Die Idee hinter diesem Live-Stream ist es, potenziellen Entwicklern, die sich für Gladys interessieren, zu zeigen, dass es einfach ist, einzusteigen und dass die Codebase relativ klassisch ist :smile:

Ich hoffe, es gefällt euch und inspiriert andere, uns beizutreten!

2

Das schaue ich mir später an

3

Super, ich würde dein Zeug in meinen Kram packen :slight_smile:

4

Das ist eine gute Idee.

@Sylvain69 das ist für Sie!

5

Ich bin absolut kein Programmierer, aber die Idee finde ich genial! :+1:

6

Super!
Ich habe eine SONOS Beam2, zwei One und eine Roam.
Ich werde testen können…

7

Der Streaming-Post ist bereit :white_check_mark:

RNI-Films-IMG-D4B08BCE-2153-4528-9198-8D20C4E92F49
RNI-Films-IMG-D4B08BCE-2153-4528-9198-8D20C4E92F494032×3024 1.63 MB

In 30 Minuten geht’s los!

8

Zurück nach der Mittagspause, das Live-Streaming geht weiter :slight_smile:

9

Ich liebe das Konzept :slight_smile:
Und ich schaue mir sogar einen Teil davon zwischen zwei Aufgaben bei der Arbeit an.

10

Du wirst einen zweiten Bildschirm für deinen Arbeitsplatz benötigen.

11

Danke an alle, dass ihr gekommen seid :slight_smile:

Das Replay ist auf YouTube verfügbar, ich habe gerade die Timings eingestellt, damit ihr die Mittagspause und die kleine Pause von 10 Minuten am Nachmittag überspringen könnt.

Insgesamt sind es 7 Stunden und 10 Minuten Live-Content, ich kenne wenige Streamer, die so lange Inhalte produzieren !!!

Zur Sonos-Integration schreibe ich euch eine kleine Nachricht im Thema „Sonos-Integration“, sobald der Docker-Build fertig ist.

Ich denke, die Herausforderung „Sonos-Integration an einem Tag“ ist erfüllt !! :white_check_mark:

12

Bravo auf jeden Fall!
Ich konnte nicht alles verfolgen, aber es hat mir Lust gemacht, damit anzufangen (mit dem Programmieren).
Vielen Dank!

13

Ich habe mir das nur kurz angesehen, werde mir aber die Aufzeichnung anschauen. Auf jeden Fall: Glückwunsch an dich!

14

Bild Docker verfügbar:

15

ein Live-Dev-Anthologie-Event! Ein Referenzpunkt für Live-Devs…

16

@pierre-gilles

Absolut, das war wirklich eine Herausforderung und vor allem eine Notwendigkeit, denn in einem Video konnte man den gesamten Prozess der Integration von der Konzeption bis zum GitHub-Deployment sehen, die Methoden zum Debuggen unter VS und Firefox, die sonst blockierend hätten sein können und die es hier möglich machen. Bisher sah ich nicht, wie ich anfangen sollte, selbst nachdem ich die Dokumentation gelesen und andere Videos gesehen hatte (bei mir war es vbdos zu vb6, WinDev hauptsächlich, aber auch C, C+, vb#). Aber jetzt gibt es genug Elemente, um loszulegen, ohne zu denken, dass es Jahre dauern wird! Das wird der Community meiner Meinung nach enorm helfen und ich denke, es wird auch Leute anziehen, z. B. Ingenieurschulen… Gut, jetzt muss man das Video nochmal anschauen, um es besser zu verdauen, aber was für ein Festmahl!

17

Hallo @pierre-gilles,

Eine Frage, die im Video nicht behandelt wurde: Welche verschiedenen Sprachen werden in Gladys verwendet, die man zumindest kennen sollte, um eine Integrationsentwicklung durchzuführen? HTML, CSS, React, JS, Node.js?

18

Tatsächlich alle Grundlagen der Webentwicklung (HTML/CSS/JS), dann das React-Framework für die Frontend-Entwicklung, Node.js Express für den Backend und SQLite für die Datenbank.

Danach ist die Messlatte, die ich ansetze, recht hoch (Pflicht zur Durchführung von Unit-Tests usw.), daher ist doch ein solides Wissen und Erfahrung erforderlich.

Was ich gerne anziehen möchte, sind Webentwickler:innen, die neben ihrem Job gerne Open-Source-Projekte unterstützen möchten :slight_smile:

19

Hallo @Pierre-Gilles

Tatsächlich alle Grundlagen der Webentwicklung (HTML/CSS/JS), dann das React-Framework für die Frontend-Entwicklung, Node.js Express für den Backend und SQLite für die Datenbank.

Perfekt, es wäre gut, diese erforderlichen Kenntnisse in der Dokumentation für die Entwickler zu spezifizieren: Contribuer sur Gladys Assistant | Gladys Assistant (diese Seite ist übrigens auf der französischen Seite auf Englisch, aber andererseits ist Programmierung auch eine Sprache, die man beherrschen sollte! :blush: Jetzt, wo ich weiß, wie man einen PR dafür macht… :roll_eyes:)

Danach ist die Latte, die ich ansetze, ziemlich hoch (Pflicht-Unit-Tests usw.), also erfordert das schon einiges an Wissen und Erfahrung.

Das Live-Coding von letzter Woche war perfekt dafür! Das Einzige, was meiner Meinung nach fehlt, ist eine Folie des Gladys-Verzeichnisses mit einer Hervorhebung der Verzeichnisse, die vom Live-Coding „Sonos“ betroffen sind, um die Komplexität zu relativieren, denn wenn man den gesamten Code betrachtet, denkt man « Wow, das ist zu groß für mich », aber eigentlich ist es für einen angehenden Profi-Entwickler oder für Ingenieurstudierende durchaus machbar, bei der Entwicklung zu helfen! Und gleichzeitig sieht man, ob man bei der Entwicklung etwas vergessen hat, das vermeidet später Fragen! :wink:

Was ich anziehen möchte, sind Webentwickler, die neben ihrem Job an Open-Source-Projekten mitwirken möchten

Eeeh, aber es gibt auch ehemalige Entwickler (keine Dinosaurier… sogenannte „Senior“-Entwickler :roll_eyes:… ZX81… Dinosaurier ist vielleicht angemessen :cry:) die helfen möchten, aber wissen müssen, in welche Richtung sie gehen sollen! (keine Kilos an alten Dokumenten mehr :exploding_head:)

Ich verstehe deinen Standpunkt als Dirigent :slight_smile:, wenn Profi-Entwickler ihr Fachwissen einbringen, wäre das super, um die Entwicklung von Gladys zu beschleunigen (Danke an diejenigen, die das derzeit tun, und an diejenigen, die dem Team beitreten werden :clap: !)

Ansonsten für diejenigen, die wieder einsteigen möchten, gibt es diesen YouTube-Kanal « Simon Dieny - Code Senior » :blush:, auch wenn es nicht darum geht, eine Integration zu entwickeln, hilft es, den Code von Gladys besser zu verstehen (man findet auch etwas zu SQLite… verdammt, das hat sich seit DBase III weiterentwickelt! :rofl: )

der Kanal

Node JS Tutorial Französisch für Anfänger - Komplettkurs 8h [2022]

https://www.youtube.com/watch?v=NRxzvpdduvQ

React Tutorial Französisch für Anfänger - Komplettkurs 7h [2022]

https://www.youtube.com/watch?v=oCINeytlyRA

SQL lernen und beherrschen: Loslegen mit SQLite in VSCode

https://www.youtube.com/watch?v=HM8ihP0MzE8

20

Erledigt, ich habe das Tutorial aktualisiert :slight_smile:

  • Übersetzt ins Französische :white_check_mark:
  • Liste der verwendeten Technologien :white_check_mark:
  • Schema der Server- und Frontend-Ordnerarchitektur :white_check_mark:
  • Video des Live-Codings zum Tutorial hinzugefügt :white_check_mark: