Saltar a contenido

Propuesta did谩ctica UP 06: Reactividad

Introducci贸n

La Unidad de Programaci贸n "Reactividad" tiene como objetivo proporcionar al alumnado las competencias necesarias para construir aplicaciones web h铆bridas que integren el backend con Laravel y el frontend con Vue.js. A lo largo de esta unidad se trabajar谩 en la integraci贸n de interfaces reactivas que consumen APIs REST, implementando procesos como la autenticaci贸n de usuarios, el consumo seguro de recursos protegidos mediante tokens y el uso de cookies. El alumnado pondr谩 en pr谩ctica los conocimientos adquiridos en el m贸dulo profesional de "Desarrollo Web en entorno cliente" sobre Vue, adem谩s de gestionar rutas, manejar formularios, interactuar con Laravel Breeze para la autenticaci贸n, y trabajar con herramientas modernas como Axios y Vite. Esta unidad pone especial 茅nfasis en la separaci贸n de responsabilidades, la eficiencia en la comunicaci贸n cliente-servidor y la experiencia de usuario fluida.

Asimismo, se abordar谩n aspectos avanzados como el despliegue de aplicaciones a producci贸n, la visualizaci贸n de grandes vol煤menes de datos con herramientas como D3.js, y la integraci贸n de bases de datos NoSQL como MongoDB. Las alumnas y los alumnos aprender谩 a optimizar el rendimiento del sistema aplicando buenas pr谩cticas en la configuraci贸n del entorno de producci贸n, como la cache de rutas, vistas y configuraci贸n. Se trabajar谩 tambi茅n con estructuras de control de acceso, verificaci贸n del estado de autenticaci贸n y creaci贸n de dashboards de usuario, consolidando un enfoque profesional y seguro en el desarrollo de aplicaciones web modernas. Con todo ello, el alumnado finalizar谩 la unidad capacitado para entregar soluciones completas, escalables y eficientes, preparadas para entornos reales.

Cuestionario inicial

隆Ponte a prueba!

  1. 驴Qu茅 funci贸n cumple Laravel Breeze en un proyecto?

    1. Administrar la base de datos
    2. Crear la estructura de carpetas del proyecto
    3. Proveer autenticaci贸n sencilla con frontend integrado
    4. Compilar los assets del proyecto
    Respuesta correcta

    Respuesta correcta: c. Proveer autenticaci贸n sencilla con frontend integrado

  2. 驴Qu茅 herramienta se utiliza en Vue para hacer peticiones HTTP a una API?

    1. Laravel
    2. VueRouter
    3. Axios
    4. Webpack
    Respuesta correcta

    Respuesta correcta: c. Axios

  3. 驴Qu茅 archivo se configura para definir rutas en una aplicaci贸n Vue con Vue Router?

    1. routes/api.php
    2. vue.config.js
    3. router.js
    4. app.vue
    Respuesta correcta

    Respuesta correcta: c. router.js

  4. 驴Qu茅 cabecera HTTP se utiliza com煤nmente para enviar un token de autenticaci贸n?

    1. X-CSRF-Token
    2. Authorization: Bearer
    3. Content-Type
    4. Accept-Encoding
    Respuesta correcta

    Respuesta correcta: b. Authorization: Bearer

  5. 驴Cu谩l es la utilidad de la librer铆a D3.js en un proyecto Vue?

    1. Validar formularios
    2. Establecer rutas entre componentes
    3. Visualizar datos mediante gr谩ficos SVG
    4. Cifrar contrase帽as
    Respuesta correcta

    Respuesta correcta: c. Visualizar datos mediante gr谩ficos SVG

Resumen UP

Objetivos Generales

  • OGf: Seleccionar lenguajes, objetos y herramientas, interpretando las especificaciones para desarrollar aplicaciones web con acceso a bases de datos.
  • OGg: Utilizar lenguajes, objetos y herramientas, interpretando las especificaciones para desarrollar aplicaciones web con acceso a bases de datos.
  • OGh: Generar componentes de acceso a datos, cumpliendo las especificaciones, para integrar contenidos en la l贸gica de una aplicaci贸n web.
  • OGm: Emplear herramientas espec铆ficas, integrando la funcionalidad entre aplicaciones, para desarrollar servicios empleables en aplicaciones web.
  • OGq: Programar y realizar actividades para gestionar el mantenimiento de los recursos inform谩ticos.
  • OGs: Desarrollar la creatividad y el esp铆ritu de innovaci贸n para responder a los retos que se presentan en los procesos y organizaci贸n de trabajo y de la vida personal.
  • OGt: Tomar decisiones de forma fundamentada analizando las variables implicadas, integrando saberes de distinto 谩mbito y aceptando los riesgos y la posibilidad de equivocaci贸n en las mismas, para afrontar y resolver distintas situaciones, problemas o contingencias.

Competencias Profesionales, Personales y Sociales.

  • CPRc: Gestionar servidores en distintos 谩mbitos de implantaci贸n adaptando su configuraci贸n en cada caso para permitir el despliegue de aplicaciones web.
  • CPRk: Desarrollar servicios para integrar sus funciones en otras aplicaciones web, asegurando su funcionalidad.
  • CPR帽: Desplegar y distribuir aplicaciones web en distintos 谩mbitos de implantaci贸n, verificando su comportamiento y realizando modificaciones.
  • CPEq: Resolver situaciones, problemas o contingencias con iniciativa y autonom铆a en el 谩mbito de su competencia, con creatividad, innovaci贸n y esp铆ritu de mejora en el trabajo personal y en el de los miembros del equipo.

Objetivos Did谩cticos

  • OD1: Desarrollar webs repositorios de terceros.
  • OD2: Generar webs con comportamiento reactivo.
  • OD3: Programar aplicaciones de Big Data.

Contenidos Espec铆ficos

  • CES1. Proyecto reactivo
  • CES2. Uso de componentes de terceros
  • CES3. Gesti贸n de subida en el servidor
  • CES4. Puesta en producci贸n de una aplicaci贸n
  • CES5. Aplicaci贸n del Big Data en un proyecto reactivo

Actividades Formativas

Actividades de ense帽anza y aprendizaje. AEA

Criterios Evaluaci贸n

Instrumento Evaluaci贸n

Instrumento Calificaci贸n

AC 901. Instalaci贸n Laravel Breeze en el proyecto de lista de tareas.

CE9a CE9b

IE1

IC1

PR 904. Inicio de proyecto de poner notas.

CE9b CE9h

IE2

IC2

PR 905. Generar API para el proyecto de poner notas.

CE9b CE9c CE9d CE9e CE9h

IE2

IC2

PR 906. Crear las rutas del proyecto de poner notas.

CE9a CE9b CE9c CE9d CE9e CE9h

IE2

IC2

PR 907. Desarrollar formularios de login para profesor y para el alumno.

CE9c CE9d CE9e CE9h

IE2

IC2

RE 908. Inicio del Reto 5.

CE9a CE9b CE9c CE9d CE9e CE9f CE9h

IE2

IC2

PR 909. Permitir que el docente pueda subir un fichero a cada alumno.

CE9c CE9d CE9e

IE2

IC2

PR 910. Proteger las rutas de la administraci贸n.

CE9e CE9h

IE2

IC2

PR 911. Acceder mediante tokens.

CE9e CE9h

IE2

IC2

RE 912. Desarrollar Reto 5 y poner en producci贸n.

CE9a CE9b CE9c CE9d CE9e CE9f CE9h

IE2

IC2

AC 913. Generar una aplicaci贸n de Big Data cuya base de datos es proporcionada por terceros.

CE9g

IE1

IC1

Prueba de Auditor铆a.

Criterios Evaluaci贸n

Instrumento Evaluaci贸n

Instrumento Calificaci贸n

RE 915. Presentaci贸n del Reto 5.

CE9a CE9b CE9c CE9d CE9e CE9f CE9h

IE3

IC4

Actividades de refuerzo. AR

Criterios Evaluaci贸n

Instrumento Evaluaci贸n

Instrumento Calificaci贸n

AR 902. Crear proyecto de cero e instalar Laravel Breeze.

CE9a CE9b

IE1

IC1

Actividades de profundizaci贸n. AP

Criterios Evaluaci贸n

Instrumento Evaluaci贸n

Instrumento Calificaci贸n

AP 903. Instalar y configurar Laravel Breeze en el proyecto de e-commerce.

CE9a CE9b

IE1

IC1

AP 914. Aplicaci贸n API meteorolog铆a.

CE9g

IE1

IC1

Validaci贸n Criterios de Evaluaci贸n

Referencias