Diferencia entre revisiones de «Iniciación ao desenvolvemento web con Vue 3»

De MediaWiki
Ir a la navegación Ir a la búsqueda
 
(No se muestran 5 ediciones intermedias del mismo usuario)
Línea 35: Línea 35:
 
= Referencias =
 
= Referencias =
 
* Introdución ao desenvolvemento de aplicacións web con Vue.js impartido polo profesor Juan Carlos Pérez González baixo licenza Atribución-Non comercial-Compartir igual 4.0 Internacional
 
* Introdución ao desenvolvemento de aplicacións web con Vue.js impartido polo profesor Juan Carlos Pérez González baixo licenza Atribución-Non comercial-Compartir igual 4.0 Internacional
 +
* [https://vuejs.org/guide/introduction.html Guide]
 +
* [https://vuejs.org/tutorial/#step-1 Titorial oficial] e de [https://www.w3schools.com/vue/index.php w3schools]
 +
* [https://vuejs.org/examples/#hello-world Examples]
 +
* Exemplos sinxelos  [https://dev.to/ngbeagloriajames/how-to-make-a-simple-incremental-decremental-and-reset-counter-app-with-vuejs-for-a-beginner-21kl 1] e [https://leftstick.github.io/vue-count-button/ 2]
 +
* [https://play.vueuse.org/ Vue Playground], [https://studio.webcomponents.dev/edit/SDtSlxGGr9dFJYNkXVOw WebComponents.dev], [https://codepen.io/pen/editor/vue codepen.io] e [https://codesandbox.io/p/devbox/github/codesandbox/sandbox-templates/tree/main/vue-vite codesandbox]
  
 
{{LicenciaCC|usuario=joselv|nomeeapelidos=José López Villar|modulo=Desenvolvemento web en contorno cliente |nivelgrao=superior|nomegrao=Desenvolvemento de aplicacións web}}
 
{{LicenciaCC|usuario=joselv|nomeeapelidos=José López Villar|modulo=Desenvolvemento web en contorno cliente |nivelgrao=superior|nomegrao=Desenvolvemento de aplicacións web}}

Revisión actual del 17:28 4 may 2026


Obxectivos

O principal obxectivo deste curso é iniciarnos no desenvolvemento web utilizando o framework Vue.js.

  • Construír interfaces reactivas con Vue, utilizando composicións con ref, computed e ciclos de vida, principalmente con onMounted e watch.
  • Xestionar estado global dunha aplicación con Pinia, creando stores, estados, accións e consumindo datos desde calquera compoñente.
  • Navegar entre vistas empregando Vue Router, incluíndo rutas con parámetros e enlaces dinámicos (router-link).
  • Crear un backend simple e consumir mediante Axios, realizando operacións CRUD (crear, ler, actualizar e eliminar).
  • Deseñar unha aplicación completa de xestión de datos, neste caso, una base de datos de usuarios e tarefas asociadas, integrando front-end, navegación e comunicación con API.
  • Aplicar boas prácticas de organización de proxecto en Vue (estrutura de carpetas, separación de responsabilidades e uso de stores).

Ao longo do curso, traballaranse os conceptos clave de Vue.js, entre os que destacamos:

Estrutura dos compoñentes
Comprenderás como é a organización dos compoñentes en Vue.js.
Reactividade
Explorarás o sistema de reactividade de Vue.js, que permite que a túa aplicación se actualice de maneira automática cando cambian os datos.
Enrutamento
Veremos como Vue.js manexa o enrutamento entre as diferentes páxinas da aplicación.
Comunicación entre compoñentes
Aprenderás como os diferentes compoñentes de Vue.js interactúan entre si e como compartir datos entre eles de maneira eficiente.
Operacións CRUD (Crear, Ler, Actualizar, Eliminar)
Finalmente, veremos como xestionar datos na nosa aplicación a través das operacións CRUD, que son fundamentais para calquera aplicación web dinámica.

A duración estimada é de 20 h.

Contidos

Referencias


88x31.png


Estes apuntes foron creados para o módulo profesional Desenvolvemento web en contorno cliente do ciclo de grao superior Desenvolvemento de aplicacións web. Creados e editados por José López Villar baixo a licenza Creative Commons 3.0:

  • Copiar, distribuír e comunicar publicamente a obra, sempre mencionando ós autores.
  • Uso non comercial.
  • Compartir as modificacións baixo a mesma licenza.

Obtenido de «https://wiki.cifprodolfoucha.es/index.php?title=Iniciación_ao_desenvolvemento_web_con_Vue_3&oldid=24746»