Desarrollo front-end con framew. JavaScript Código:  M4.254    Créditos:  6
Consulta de los datos generales   Descripción   La asignatura en el conjunto del plan de estudios   Campos profesionales en que se proyecta   Conocimientos previos   Información previa a la matrícula   Objetivos y competencias   Contenidos   Consulta de los recursos de aprendizaje que dispone la asignatura   Recursos de aprendizaje y herramientas de apoyo   Bibliografía y fuentes de información   Metodología   Información sobre la evaluación en la UOC   Consulta del modelo de evaluación   Evaluación Contínua   Evaluación final   Feedback  
Este es el plan docente de la asignatura para el segundo semestre del curso 2023-2024. Podéis consultar si la asignatura se ofrece este semestre en el espacio del campus Más UOC / La universidad / Planes de estudios). Una vez empiece la docencia, tenéis que consultarlo en el aula. El plan docente puede estar sujeto a cambios.

En el diseño de software, el front-end es la parte del software que interactúa con los usuarios. En desarrollo web, podemos decir que es la parte del software que se ejecuta en el navegador. El front-end se encarga de recoger los datos del usuario, procesarlos, enviarlos al servidor, recibir la respuesta del servidor y mostrar los resultados al usuario. Aunque hace unos años en el front-end apenas había programación, hoy en día la interacción de las aplicaciones web y la necesaria buena experiencia del usuario requiere que en el front-end haya una buena combinación de diseño gráfico, diseño de la interacción, arquitectura de la información y programación. 

Esta tarea puede ser realmente compleja cuando los proyectos se hacen grandes, por lo que existen numerosas herramientas y bibliotecas de componentes que pueden ser de ayuda. Conocerlas todas es una tarea inmensa, pero conocer la existencia y las virtudes de las más importantes es necesario para cualquier persona que se dedique al desarrollo web front-end.

En esta asignatura continuaremos el trabajo iniciado en Programación en JavaScript para programadores yendo un paso más allá, puesto que dejaremos de usar JavaScript de manera pura (vanilla) a empezar a utilizar un framework de desarrollo front-end.

Amunt

En el postgrado de Desarrollo de aplicaciones web este curso se trabaja en paralelo con el de Desarrollo back-end con PHP, de manera que ambas asignaturas se complementan. Esta asignatura debe realizarse en el segundo semestre de postgrado, habiendo hecho antes, cuando menos, la asignatura M4.253 - Programación en Javascript para programadores.

En el máster de Desarrollo de sitios y aplicaciones web, esta asignatura debe cursarse después de haber realizado y superado la asignatura M4.253 - Programación en Javascript para programadores.

Además, esta asignatura también forma parte del máster de Desarrollo de aplicaciones para dispositivos móviles, donde permite a los estudiantes trabajar con el framework Angular. Esta asignatura debe cursarse después de haber superado M0.654 - Desarrollo web.

Amunt

Esta asignatura forma a profesionales en el desarrollo web del lado cliente o front-end.

Amunt

Para esta asignatura es imprescindible tener buenos conocimientos de HTML y CSS y, al menos, unas nociones de diseño web. También es importante tener experiencia en programación en JavaScript, concretemente, los conocimientos aquiridos en la asignatura M4.253 - Programación en JavaScript para programadores.

Amunt

Es imprescindible haber aprobado M4.253 - Programación en Javascript para programadores.

Amunt

El objetivo principal de esta asignatura es dotar a los estudiantes de las competencias básicas necesarias para implementar una web usando un framework de desarrollo front-end.

Una vez acabado el curso, el estudiante deberá:

  • Saber utilizar JavaScript/TypeScript (con y sin frameworks) para la programación del lado cliente.
  • Ser capaz de desarrollar aplicaciones JavaScript de manera rápida y eficaz usando la arquitectura MVC.
  • Conocer los elementos básicos para la creación de aplicaciones usando el framework Angular.

De manera más transversal, el estudiante deberá lograr las siguientes competencias:

  • Capacidad de análisis de requerimientos e implementación en consecuencia.
  • Capacidad para buscar la solución más optima.
  • Visión más allá del propio requisito, pensar en tareas futuras para intentar implementar un código escalable, modulable y bien parametrizado.

Amunt

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

  1. Introducción al desarrollo front-end (ES5)
  2. Lenguajes de programación frontend (ES6/Typescript)
  3. Lenguajes de programación frontend (TypeScript)
  4. Frameworks: Introducción a Angular 
  5. Angular: Working with Template-Driven Forms and  Working with Reactive Forms
  6. Angular: Services
  7. Angular: Routing 

Amunt

Material Soporte
Desenvolupament web avançat per a dispositius mòbils Web
Desarrollo web avanzado para dispositivos móbiles Web

Amunt

Todos los enunciados de las PEC contienen los ejercicios a realizar así como las pautas y recursos (p.ej. enlaces a O'Reilly) para hacer los diferentes apartados de la actividad.

Amunt

Toda la bibliografía y las fuentes de información estarán detalladas en los propios enunciados de las diferentes prácticas de la asignatura.

Amunt

El hilo conductor de la asignatura son las 7 Pruebas de Evaluación Continua (PEC). Cada PEC tratará, como mínimo, uno de los temas indicados temario. Los enunciados de todas las PECs incluyen tanto la parte teórica a trabajar así como la parte práctica que deberán entregar antes de la fecha de finalización de cada actividad.

La dinámica de trabajo será:

  • Primero estudiar la teoría vinculada a la PEC.
  • Una vez estudiada la teoría, abordar la resolución de la PEC. Cada PEC tendrá un numero determinado de ejercicios. Cada ejercicio valdrá un porcentaje de la nota. En el enunciado de cada PEC lo podréis ver.
  • Ante cualquier duda o pregunta, se recomienda utilizar los foros (hay uno por PEC) antes que enviar un e-mail. Igualmente, te animamos a responder a los mensajes de tus compañeros/as de clase.

Estas 7 actividades sirven para controlar, tanto por parte del profesor colaborador como por el mismo estudiante, el progreso en la asignatura.

La evaluación de estas 7 PECs da como resultado la nota final de Evaluación Continua (EC) que a su vez se corresponde con la nota final de la asignatura.

Las PECs serán publicadas en el aula según las fechas previstas en el calendario (ver el apartado "Fechas clave" de este Plan Docente).

Amunt

La Normativa académica de la UOC dispone que 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 los ejercicios realizados.

La falta de originalidad en la autoría o el mal uso de las condiciones en las que se hace la evaluación de la asignatura es una infracción que puede tener consecuencias académicas graves.

El estudiante será calificado con un suspenso (D/0) si se detecta falta de originalidad en la autoría de alguna actividad evaluable (práctica, prueba de evaluación continua (PEC) o final (PEF), o la que se defina en el plan docente), ya sea porque ha utilizado material o dispositivos no autorizados, ya sea porque ha copiado de forma textual de internet, o ha copiado de apuntes, de materiales, manuales o artículos (sin la citación correspondiente) o de otro estudiante, o por cualquier otra conducta irregular.

La calificación de suspenso (D/0) en la evaluación continua (EC) puede conllevar la obligación de hacer el examen presencial para superar la asignatura (si hay examen y si superarlo es suficiente para superar la asignatura según indique este plan docente).

Cuando esta mala conducta se produzca durante la realización de las pruebas de evaluación finales presenciales, el estudiante puede ser expulsado del aula, y el examinador hará constar todos los elementos y la información relativos al caso.

Además, esta conducta puede dar lugar a la incoación de un procedimiento disciplinario y la aplicación, si procede, de la sanción que corresponda.

La UOC habilitará los mecanismos que considere oportunos para velar por la calidad de sus titulaciones y garantizar la excelencia y la calidad de su modelo educativo.

Amunt

La asignatura solo puede aprobarse con el seguimiento y la superación de la evaluación continua (EC). La calificación final de la asignatura es la nota obtenida en la EC.


Ponderación de las calificaciones

Opción para superar la asignatura: EC

Nota final de asignatura: EC

Amunt

La evaluación continua (EC) se compone de 7 Pruebas de Evaluación Continuada (PECs), que se realizarán a lo largo del semestre.

La nota final de EC (y de la asignatura) será la media ponderada de las 7 PECs, teniendo en cuenta que una PEC no entregada se contabilizará como una D = 0.

Para obtener una calificación final de EC hay que entregar, como mínimo, el 50% de las PECs. De lo contrario, la calificación del EC (y de la asignatura) será No Presentado (N).

Además, en la nota final de EC se valorará también la participación del estudiante al foro del aula.

Las fechas de publicación de enunciados y de entrega de las PEC las podéis encontrar en el apartado de 'Fechas clave' de este plan docente.

Es importante tener claro que el seguimiento correcto de la asignatura os compromete a realizar las actividades propuestas (PECs) de manera individual y según las indicaciones que pauta este Plan Docente. En caso de que no sea así, las actividades se evaluarán con una D (=0). En concreto, en caso de extrema similitud entre algún ejercicio de alguna PEC de dos o más estudiantes que desacredite el hecho de haberla realizado individualmente, la nota final de EC será un 0 para todos ellos.

Por otro lado, y siempre a criterio de los Estudios, el incumplimiento de este compromiso puede suponer que no se os permita superar ninguna otra asignatura mediante evaluación continuada ni en el semestre en curso ni en los siguientes.

Los pesos de cada PEC en la nota final son los siguientes:

PEC 1 - Introducción al desarrollo frontend 12.5%
PEC 2 - Lenguajes de programación Frontend (ES6-ESNEXT) 15%
PEC 3 - Lenguajes de programación Frontend (TypeScript) 15%
PEC 4 - Introducción a Angular 15%
PEC 5 - Formularios 12.5%
PEC 6 - Services 15%
PEC 7 - Routing 15%

Amunt

Como podéis ver en el apartado anterior, cada práctica tiene un porcentaje de la nota final.

La nota final de la asignatura se calculará aplicando dichos porcentajes:

Nota final =(PEC1*0,125)+(PEC2*0,15)+(PEC3*0,15)+(PEC4*0,15)+(PEC5*0,125)+(PEC6*0,15)+(PEC7*0,15)

Se reserva un pequeño margen para valorar la participación en el foro, la ayuda a otr@s compañer@s, aportación de noticias/ideas, ...

Amunt

El profesor colaborador docente dará feedback personalizado a cada estudiante. Además se publicará una solución general en el aula para cada PEC.

La correspondencia número - letra sería:

[8,5 - 10] A
[7 - 8,4] B
[5 - 6,9] C+
[3 - 4,9] C-
[0 - 2,9] D
No presentado N

Amunt