Iniciación ao desenvolvemento web con Vue 3 - Historial de revisiones

Joselv: /* Referencias */

2026-05-04T17:28:37Z

Referencias

Joselv: /* Referencias */

2026-05-04T17:25:54Z

Referencias

Joselv: /* Referencias */

2026-05-04T10:41:02Z

Referencias

Joselv: /* Referencias */

2026-04-29T10:33:52Z

Referencias

Joselv: /* Referencias */

2026-04-29T10:30:56Z

Referencias

Joselv: /* Referencias */

2026-04-20T10:58:13Z

Referencias

Joselv en 10:23 20 abr 2026

2026-04-20T10:23:51Z

Joselv: Página creada con « = Obxectivos = O principal obxectivo deste curso é iniciarnos no desenvolvemento web utilizando o framework Vue.js. * '''Construír interfaces reactivas con Vue''', util…»

2026-04-20T09:36:56Z

Página creada con « = Obxectivos = O principal obxectivo deste curso é iniciarnos no desenvolvemento web utilizando o framework Vue.js. * '''Construír interfaces reactivas con Vue''', util…»

Página nueva

= 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 =
*[[1. VUE. Conceptos Básicos e preparación do entorno de desenvolvemento]]
*[[2. VUE. Reactividade e Ciclo de Vida dos compoñentes. Directivas]]
*[[3. VUE. Navegación e Comunicación entre Compoñentes]]
*[[4. VUE. CRUD. Persistencia de datos e consumo de API REST en VUE]]

= 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

@@ Línea 39: / Línea 39: @@
 * [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://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}}

@@ Línea 39: / Línea 39: @@
 * [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]
 {{LicenciaCC|usuario=joselv|nomeeapelidos=José López Villar|modulo=Desenvolvemento web en contorno cliente |nivelgrao=superior|nomegrao=Desenvolvemento de aplicacións web}}

@@ Línea 36: / Línea 36: @@
 * 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]
+* [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]
 {{LicenciaCC|usuario=joselv|nomeeapelidos=José López Villar|modulo=Desenvolvemento web en contorno cliente |nivelgrao=superior|nomegrao=Desenvolvemento de aplicacións web}}

@@ Línea 38: / Línea 38: @@
 * [https://vuejs.org/tutorial/#step-1 Titorial]
 * [https://vuejs.org/examples/#hello-world Examples]
-* [https://dev.to/ngbeagloriajames/how-to-make-a-simple-incremental-decremental-and-reset-counter-app-with-vuejs-for-a-beginner-21kl Easy Example]
+* 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]
 {{LicenciaCC|usuario=joselv|nomeeapelidos=José López Villar|modulo=Desenvolvemento web en contorno cliente |nivelgrao=superior|nomegrao=Desenvolvemento de aplicacións web}}

@@ Línea 38: / Línea 38: @@
 * [https://vuejs.org/tutorial/#step-1 Titorial]
 * [https://vuejs.org/examples/#hello-world Examples]
 {{LicenciaCC|usuario=joselv|nomeeapelidos=José López Villar|modulo=Desenvolvemento web en contorno cliente |nivelgrao=superior|nomegrao=Desenvolvemento de aplicacións web}}

@@ Línea 1: / Línea 1: @@
 = Obxectivos =
@@ Línea 32: / Línea 35: @@
 = 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