Live coding 24/11/2023 10:00:

News
1

Hello everyone!

I’m setting myself a little challenge for tomorrow: to offer you a live coding session on YouTube of an integration, and not just any integration: the Sonos integration! :partying_face: :musical_score:

I bought a Sonos speaker (One gen 2), and tomorrow at 10:00 I’ll be live on YouTube to code this integration.

The goal is to produce a first functional MVP in one day:

  • Scan the network to find a speaker
  • Add that speaker to Gladys
  • Simple music controls on the dashboard (play, pause, next, previous and volume)

The aim is to reach a functional MVP by the end of the day.

The live will take place here, remember to activate the bell to receive a notification:

https://youtube.com/live/M4vOjQXMiZI?feature=share

The idea of this live is to show a potential developer who wants to get started with Gladys that it’s easy to get into and that the codebase is relatively straightforward to approach :smile:

I hope you’ll enjoy it and that it will inspire others to join us!

11 Likes
2

I’ll watch it on replay.

1 Like
3

Great, I’ll put yours in // with my work then :slight_smile:

2 Likes
4

That’s a good idea.

@Sylvain69 this is for you!

1 Like
5

I’m not a coder at all, but I think the idea is brilliant! :+1:

1 Like
6

Great!
I have a SONOS Beam2, two Ones and a Roam.
I will be able to test…

1 Like
7

The streaming setup is ready :white_check_mark:

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

See you in 30 minutes!

4 Likes
8

Back after the lunch break, the livestream continues :slight_smile:

https://youtube.com/live/M4vOjQXMiZI?feature=share

1 Like
9

I love the idea :slight_smile:
And I even watch a bit of it between two tasks at work.

2 Likes
10

You’ll need a second monitor to complete your workstation.

2 Likes
11

Thanks everyone for coming :slight_smile:

The replay is available on YouTube, I just added timestamps so you can skip the lunch break and the short 10-minute break in the afternoon.

In total it’s 7 hours 10 minutes of live stream; I know few streamers who make content this long!!!

For the Sonos integration, I’ll post a short message in the « Sonos Integration » thread as soon as the Docker build is ready.

I think the « Sonos Integration in One Day » challenge is completed!! :white_check_mark:

7 Likes
12

Well done anyway!
I couldn’t follow everything, but it made me want to get into it (coding).
Thank you very much!

1 Like
13

I skimmed it quickly; I’ll watch the replay, but in any case, well done.

1 Like
14

Docker image available:

15

a

2 Likes
16

@pierre-gilles

Absolutely, it was really a challenge and above all a necessity because in one video we could see the entire process of creating the integration, from design to deployment on GitHub, the methods for debugging under VS and Firefox which could have been blocking elements and which here make it possible. Whereas before I didn’t really know where to start even after having read the docs and watched the other videos (for me it was vbdos to vb6, mainly windev but also C, c+ vb#), now there are enough elements to be able to get started without thinking « it’s going to take me yeeeeeeeears! » I really think this will bring a huge benefit to the community and attract people — I think engineering schools… Well now I’ll have to rewatch the video to digest it better but what a feast!

4 Likes
17

Hello @pierre-gilles,

Question that wasn’t addressed during the video: what are the different languages used in Gladys that you should at least know to develop an integration? HTML, CSS, React, JS (JavaScript), Node.js?

18

Indeed all the basics of web development (HTML/CSS/JS), then the React framework for the front-end, Node.js Express for the backend and SQLite for the DB.

That said, the bar I set is pretty high (unit tests required, etc.), so it still requires a solid background and experience.

What I’d like to attract are professional web developers who would like to contribute to open-source alongside their job :slight_smile:

19

Hello @Pierre-Gilles

Indeed, all the basics of web development (HTML/CSS/JS), then the React framework for the front end, Node.js Express for the backend and SQLite for the DB.

Perfect, it would be good to specify these required skills in the docs for devs Contribuer sur Gladys Assistant | Gladys Assistant (this page by the way is in English on the French page but at the same time when you develop it’s also a language to know! :blush: Now that I know how to make the PR (pull request) for that… :roll_eyes:)

After that the bar I set is quite high (unit tests mandatory, etc…), so it still requires a solid background and experience.

The live coding session last week was perfect for that! The only thing that might be missing, I think, is a slide of the Gladys directory with a highlight of the directories that were touched by the “Sonos” live coding to put the complexity into perspective because when you look at the whole codebase you say « wow too big for me » whereas actually for a junior pro developer or engineering students it becomes feasible to come and help with the dev! And at the same time, we can see if we’ve forgotten anything in the dev, which avoids questions afterwards! :wink:

What I’d like to attract are professional web developers who would like to contribute to open-source alongside their job

Eeeh but there are also older developers (not dinosaurs… so-called ‘seniors’ :roll_eyes:… ZX81… dinosaur might be appropriate :cry:) who might want to help but need to know which direction to go! (the kilos of old-school docs never again :exploding_head:)

I understand your conductor point of view :slight_smile:, if pro devs come to bring their know-how it would be really great to speed up Gladys development (thanks to those who do it currently and to those who will join the staff :clap:!)

Otherwise, for those who want to (re)get back into it, there’s this YouTube channel “Simon Dieny - Code Senior” :blush:, even if it’s not aimed at developing an integration, it helps to understand Gladys code more easily (searching you can also find stuff on SQLite… damn, it has evolved since DBase III! :rofl: )

the channel

Node JS Tutorial in French for Beginners - Complete Course 8h [2022]

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

React Tutorial in French for Beginners - Complete Course 7h [2022]

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

Learn and Master SQL: Getting Started with SQLite on VSCode

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

2 Likes
20

It’s done, I updated the tutorial :slight_smile:

  • Translated into French :white_check_mark:
  • List of technologies used :white_check_mark:
  • Server and frontend folder architecture diagram :white_check_mark:
  • Live coding video added to the tutorial :white_check_mark:
5 Likes