Recursos útiles

[ferferga]

Visual Studio Code

Para tener todos el mismo entorno de desarrollo y evitar problemas de dependencias que faltan, incompatibilidades y demás, vamos a usar devcontainers, que son contenedores (mini sistemas operativos) a los que se puede conectar Visual Studio Code y en los que estarán instaladas todas las dependencias y la configuración necesaria para trabajar mejor entre todos.

• En local: https://code.visualstudio.com/docs/devcontainers/containers
• Online: Se podrá trabajar Online en el proyecto pulsando sobre "Code" > "Create Codespace" en la pantalla de inicio del repositorio

Hay un límite de horas en los que se podrá programar online. En esta página se puede comprobar el uso que cada uno ha consumido. Por ser estudiantes, somos eligibles a GitHub Pro, por lo que podremos conseguir muchos minutos para desarrollar online gratis.

Frontend (Vue)

https://vuejs.org/guide/introduction.html#what-is-vue
https://vuejs.org/guide/introduction.html#single-file-components
https://vuejs.org/guide/introduction.html#composition-api
https://vuejs.org/guide/essentials/reactivity-fundamentals.html
https://vuejs.org/guide/essentials/computed.html
https://vuejs.org/guide/essentials/class-and-style.html
https://vuejs.org/guide/essentials/conditional.html
https://vuejs.org/guide/essentials/list.html
https://vuejs.org/guide/essentials/event-handling.html
https://vuejs.org/guide/essentials/forms.html
https://vuejs.org/guide/essentials/lifecycle.html
https://vuejs.org/guide/essentials/watchers.html
https://vuejs.org/guide/essentials/template-refs.html

https://vuejs.org/guide/essentials/component-basics.html
https://vuejs.org/guide/components/events.html
https://vuejs.org/guide/components/slots.html
https://vuejs.org/guide/reusability/composables.html
https://vuejs.org/guide/built-ins/transition.html
https://vuejs.org/guide/typescript/composition-api.html

• Algunas bibliotecas de componentes de donde podemos cogerlos:

https://quasar.dev/components
https://unocss.dev/interactive/ (la librería CSS que vamos a usar. Permite probar las clases de forma interactiva)
https://unocss.dev/presets/uno#usage

Cómo nombrar los componentes de las páginas: https://github.com/posva/unplugin-vue-router?tab=readme-ov-file#routes-folder-structure