• Descripción

La asignatura en la que nos encontramos, Desarrollo front-end avanzado, es una continuación de la asignatura Desarrollo front-end con frameworks JavaScript del Máster universitario de Desarrollo de Sitios y Aplicaciones Web.

Si bien en esta asignatura previa se trabajaron las bases del desarrollo a nivel de front-end con el framework Angular, trabajando conceptos como el lenguaje de programación TypeScript, el estándar de programación ECMAScript 6, y aspectos más propios del framework Angular como trabajar con formularios, servicios y rutas, en esta asignatura en la que nos encontramos, profundizaremos algunos de estos conceptos y presentaremos otros nuevos.

En una parte inicial, trabajaremos con los formularios reactivos, y de esta manera tendremos las herramientas necesarias para que el usuario pueda insertar datos en la aplicación y éste tenga una respuesta correcta. El objetivo será que la interacción del usuario con nuestra aplicación sea fluida y lo más fácil posible.

Posteriormente, en un segundo bloque bastante extenso, estudiaremos la programación reactiva e introduciremos un patrón de diseño muy interesante cuyo nombre es Redux que nos permitirá gestionar los datos de la aplicación de una manera eficiente y desde un punto de vista de estados. Si bien es un patrón de diseño que añade cierta complejidad a nuestra implementación y está más pensado para plataformas de cierta envergadura, nosotros aplicaremos este patrón a nuestra aplicación que iremos desarrollando durante el curso para establecer los conocimientos necesarios y entender su funcionamiento.

Finalmente, tendremos diversos bloques más concentrados donde trabajaremos desde temas de maquetación, testeo y despliegues, como temas de refactoring. También trabajaremos un concepto muy importante y presente actualmente, el cual es cómo transformar una aplicación web a una PWA (Progressive Web App). Profundizaremos esta tecnología en su momento.

A nivel general, podemos decir que esta asignatura contiene un temario bastante extenso y complejo pero una vez estudiado, nos permitirá tener un conocimiento completo de todo lo que implica el desarrollo de la parte de front-end, utilizando el framework Angular.

Debemos pensar que, a día de hoy, el mercado laboral tiene mucha demanda de desarrolladores tanto de front-end como de back-end, y en nuestro caso, dentro del desarrollo front-end el framework Angular tiene mucha demanda. Además, Angular al ser un framework muy completo, nos permite en un momento dado, si tuviéramos que utilizar algún otro framework como React o Vue, que el proceso de aprendizaje de estos otros frameworks fuera relativamente sencillo.

• La asignatura en el conjunto del plan de estudios

En el máster de Desarrollo de sitios y aplicaciones Web, esta asignatura debe cursarse después de haber realizado la asignatura Desarrollo front-end con frameworks JavaScript.

• Campos profesionales en el que se proyecta

Este curso forma a profesionales en el desarrollo web del lado cliente o front-end.

• Conocimientos previos

Para este curso es imprescindible tener conocimientos de Angular, estudiado en la asignatura Desarrollo front-end con frameworks JavaScript.

• Información previa a la matrícula

Es imprescindible haber superado la asignatura Desarrollo front-end con frameworks JavaScript.

• Objetivos y competencias

El objetivo principal de esta asignatura es dotar a los estudiantes de las competencias básicas necesarias para que puedan implementar el ciclo completo de un desarrollo de una web app con el framework Angular, desde el inicio hasta el final, es decir, desde el análisis, la implementación, las pruebas y el despliegue.

Esto implica que el estudiante alcanzará las siguientes capacidades:

• Capacidad para implementar formularios reactivos que permitan una interacción fluida del usuario con la aplicación.
• Capacidad para implementar y aplicar la programación reactiva.
• Capacidad para dotar de un aspecto visual profesional nuestra aplicación web.
• Capacidad para asegurar la calidad de las implementaciones mediante juegos de pruebas automatizados.
• Capacidad para transformar una aplicación web a una PWA y dotarla de una imagen corporativa, que sea instalable tanto en escritorio como en dispositivo móvil y que funcione sin conexión a internet.
• Conocer el concepto de Angular Universal, capacidad de aplicarlo y entender las implicaciones que tiene con SEO y con el rendimiento.
• Capacidad para refactorizar una aplicación.
• Entender como se generan los paquetes entregables de una aplicación Angular y como se puede desplegar en un entorno local para hacer pruebas.

De manera más transversal:

• Capacidad de análisis de requerimientos e implementación en consecuencia.
• Capacidad para implementar todo el ciclo de desarrollo de una aplicación web de la parte front-end des del análisis, la implementación, las pruebas y el despliegue.
• Capacidad para buscar la solución más optima.
• Capacidad para aplicar patrones de diseño correctos.
• Visión más allá del propio requisito, pensar en tareas futuras para intentar implementar un código escalable, modulable y bien parametrizado.

• Contenidos

Esta asignatura se organiza en 8 temas bien diferenciados, a continuación, los enumeramos:

1. Programación Reactiva: Formularios reactivos
2. Programación Reactiva usando RxJS + Patrón Redux (NgRx)
3. Maquetación: Angular Material
4. Pruebas
5. Progressive Web Apps (PWA)
6. Angular Universal (SEO)
7.  Desplegando una aplicación frontend
8. Refactoring

• Información adicional sobre los recursos de aprendizaje y herramientas de apoyo

Todos los recursos necesarios para la correcta realización de esta asignatura estarán subidos al campus en cada uno de los temas.

Toda la documentación es propia y se va ampliando/mejorando cada curso.

Por lo general cada tema del campus tendrá la documentación de teoría en formato pdf y si hay proyectos relacionados con la teoría también estarán subidos en formato zip.

Los enunciados de las prácticas también estarán subidos al campus en cada uno de los temas con un documento pdf independiente.

También vía foros del aula intentaremos ir compartiendo recursos que creamos que son interesantes como lecturas complementarias, como explicaciones de algún patrón de diseño, alguna noticia de actualidad relacionada con el temario, ...

• Informaciones sobre la evaluación en la UOC

En la UOC, la evaluación generalmente es virtual. Se estructura en torno a la evaluación continua, que incluye diferentes actividades o retos; la evaluación final, que se lleva a cabo mediante pruebas o exámenes, y el trabajo final de la titulación.

Las actividades o pruebas de evaluación pueden ser escritas y/o audiovisuales, con preguntas aleatorias, pruebas orales síncronas o asíncronas, etc., de acuerdo con lo que decida cada equipo docente. Los trabajos finales representan el cierre de un proceso formativo que implica la realización de un trabajo original y tutorizado que tiene como objetivo demostrar la adquisición competencial hecha a lo largo del programa.

Para verificar la identidad del estudiante y la autoría de las pruebas de evaluación, la UOC se reserva la potestad de aplicar diferentes sistemas de reconocimiento de la identidad y de detección del plagio. Con este objetivo, la UOC puede llevar a cabo grabación audiovisual o usar métodos o técnicas de supervisión durante la ejecución de cualquier actividad académica.

Asimismo, la UOC puede exigir al estudiante el uso de dispositivos electrónicos (micrófonos, cámaras u otras herramientas) o software específico durante la evaluación. Es responsabilidad del estudiante asegurar que estos dispositivos funcionan correctamente.

El proceso de evaluación se fundamenta en el trabajo personal del estudiante y presupone la autenticidad de la autoría y la originalidad de las actividades académicas. La web sobre integridad académica y plagio de la UOC contiene información al respecto.

La falta de autenticidad en la autoría o de originalidad de las pruebas de evaluación; la copia o el plagio; la suplantación de identidad; la aceptación o la obtención de cualquier actividad académica a cambio o no de una contraprestación; la colaboración, el encubrimiento o el favorecimiento de la copia, o el uso de material, software o dispositivos no autorizados en el plan docente o el enunciado de la actividad académica, incluida la inteligencia artificial y la traducción automática, entre otras, son conductas irregulares en la evaluación que pueden tener consecuencias académicas y disciplinarias graves.

Estas conductas irregulares pueden conllevar el suspenso (D/0) en las actividades evaluables definidas en el plan docente -incluidas las pruebas finales- o en la calificación final de la asignatura, ya sea porque se han utilizado materiales, software o dispositivos no autorizados durante las pruebas (como el uso de inteligencia artificial no permitida, redes sociales o buscadores de información en internet), porque se han copiado fragmentos de texto de una fuente externa (internet, apuntes, libros, artículos, trabajos o pruebas de otros estudiantes, etc.) sin la citación correspondiente, por la compraventa de actividades académicas, o porque se ha llevado a cabo cualquier otra conducta irregular.

Asimismo, y de acuerdo con la normativa académica, las conductas irregulares en la evaluación también pueden dar lugar a la incoación de un procedimiento disciplinario y a la aplicación, si procede, de la sanción que corresponda, de conformidad con lo establecido en la normativa de convivencia de la UOC.

En el marco del proceso de evaluación, la UOC se reserva la potestad de:

• Solicitar al estudiante que acredite su identidad según lo establecido en la normativa académica.
• Solicitar al estudiante que acredite la autoría de su trabajo a lo largo de todo el proceso de evaluación, tanto en la evaluación continua como en la evaluación final, a través de una entrevista oral síncrona, que puede ser objeto de grabación audiovisual, o por los medios establecidos por la UOC. Estos medios tienen el objetivo de verificar los conocimientos y las competencias que garanticen la identidad del estudiante. Si no es posible garantizar que el estudiante es el autor de la prueba, esta puede ser calificada con una D, en el caso de la evaluación continua, o con un suspenso, en el caso de la evaluación final.

Inteligencia artificial en el marco de la evaluación

La UOC reconoce el valor y el potencial de la inteligencia artificial (IA) en el ámbito educativo y, a su vez, pone de manifiesto los riesgos que supone si no se utiliza de forma ética, crítica y responsable. En este sentido, en cada actividad de evaluación se informará al estudiantado sobre las herramientas y los recursos de IA que se pueden utilizar y en qué condiciones. Por su parte, el estudiantado se compromete a seguir las indicaciones de la UOC a la hora de realizar las actividades de evaluación y de citar las herramientas utilizadas y, concretamente, a identificar los textos o imágenes generados por sistemas de IA, los cuales no podrá presentar como si fueran propios.

Respecto a usar o no la IA para resolver una actividad, el enunciado de las actividades de evaluación indica las limitaciones en el uso de estas herramientas. Debe tenerse en cuenta que usarlas de manera inadecuada, como por ejemplo en actividades en las que no están permitidas o no citarlas en las actividades en las que sí lo están, puede considerarse una conducta irregular en la evaluación. En caso de duda, se recomienda que, antes entregar la actividad, se haga llegar una consulta al profesorado colaborador del aula.

• Consulta del modelo de evaluación