Vibe Coding

Com utilitze el codi per potenciar la meua tasca docent

Samuel Soriano

@sasogu

Què és el Vibe Coding?

  • Estil de programació centrat en la rapidesa, creativitat i adaptabilitat.
  • Crear eines útils sense buscar la perfecció, sinó el flux i la intuïció.
  • Prioritza l'energia del procés i la resposta immediata a l'aula.

Vibe Coding i la IA

  • Col·laboració constant amb la intel·ligència artificial.
  • Iteració ràpida, proves d'idees i prototips útils.
  • Creativitat i flux de treball conversacional amb l'IA.

Eines creades amb Vibe Coding

  • EduKanban: Organització de tasques.
  • EduMúsic: Activitats musicals interactives.
  • EduWebQuest: Creació de WebQuest senzilles.
  • EduGincana: Recerca del tresor.

EduKanban

sasogu.github.io/EduKanban
  • Organitza l'aula, tasques i recursos de manera visual.
  • Amb funcionalitats específiques per a l'aula de música.

EduMúsic

sasogu.github.io/EduMusic
  • Activitats musicals interactives per a l'aprenentatge actiu.
  • Treballa ritme, melodia, llenguatge musical i conceptes musicals.
  • Disponible com a PWA per instal·lar i usar directament en dispositius.

Per què una PWA per a EduMúsic?

  • Instal·lació ràpida amb icona en mòbils, tauletes i ordinadors sense passar per botigues.
  • Cache de les activitats després de la primera visita.
  • Actualitzacions automàtiques sense reinstal·lar ni configurar res.

EduWebQuest

sasogu.github.io/EduWebQuest
  • Generador senzill de WebQuest per a projectes guiats.
  • Fomenta pensament crític i recerca guiada.

EduGincana

sasogu.github.io/EduGincana
  • (En desenvolupament)
  • Crea gimcanes i activitats de recerca de pistes.
  • Promou l'aprenentatge actiu, el joc i l'exploració.

Eines de Desenvolupament

  • Visual Studio Code per a l'edició i desenvolupament.
  • GitHub per al control de versions i publicació.
  • Assistents d'IA com CODEX per accelerar el procés creatiu.

Filosofia de Desenvolupament

  • Totes les aplicacions tenen o tindran llicències lliures.
  • El codi font està disponible al meu repositori de GitHub.

github.com/sasogu

Per què Vibe Coding?

  • ⚡ Adaptació immediata a les necessitats reals.
  • 🎨 Creativitat en el disseny i la pedagogia.
  • 🧩 Solucions simples que evolucionen amb el temps.

Conclusions

  • He creat eines per enriquir l'aprenentatge i millorar el flux de treball a l'aula.
  • El camí segueix obert per continuar creant, compartint i aprenent.

Gràcies

@sasogu

edutictac.es