Materiales de Desarrollo de Aplicaciones en Internet¶

Universitat d’Alacant, curso 2021–2022¶

«The web is more a social creation than a technical one», Tim Berners-Lee

Novedades¶

11 ene	Ya puedes consultar en la web del departamento las notas de la práctica 4. Los apartados marcados con un asterisco cuentan una cuarta parte que los otros.
21 dic	La fecha de entrega de la práctica 4 se ha retrasado hasta el 30 de diciembre a las 23.59.
18 dic	El examen de teoría y el de prácticas de la convocatoria de enero tendrán lugar el 18 de enero por la mañana en el horario y aulas que se indica en la guía docente. Ambos exámenes se realizarán en el mismo laboratorio: el de teoría comenzará a las 9.00 y el de prácticas cuando termine este, con un pequeño descanso entre ambos. El examen de teoría tendrá una duración aproximada de 100 minutos y el de prácticas de 120 minutos. El examen de prácticas lo podrás realizar bien con tu portátil bien con el ordenador del laboratorio. Asegúrate de traer una versión funcional de tu práctica 4, ya que el examen de prácticas consistirá en una ampliación de esta. Los resultados de la evaluación de la práctica 4 se publicarán previsiblemente unos días antes del examen, pero probablemente no necesitarás el informe del profesor para saber qué cosas no funcionan de la práctica que entregaste y corregirlas antes del examen.
14 dic	Ya puedes consultar en la web del departamento las notas de la práctica 3. Los apartados marcados con un asterisco cuentan la octava parte que los otros.
23 nov	Se ha retrasado el plazo de entrega de la práctica 3 hasta el domingo 28 de noviembre de 2021 a las 23.59.
16 nov	Ya puedes consultar en la web del departamento las notas de la práctica 2. Los apartados marcados con un asterisco cuentan la cuarta parte que los otros.
19 oct	Ya puedes consultar en la web del departamento las notas de la práctica 1.
21 sep	Recuerda mirar cada semana la sección «Actividades previas a las clases» para ver las tareas a realizar antes de la clase de la semana siguiente.
10 sep	En la sección «Actividades previas a las clases» podrás ir encontrando cada semana las actividades a realizar antes de la clase siguiente. Habrá también un enlace a un pequeño cuestionario que tienes que rellenar antes de las 23.59 del día anterior. Recuerda que estos cuestionarios contribuyen a la nota final. Consulta tras cada clase la sección «Actividades previas a las clases» para comprobar si esa semana hay que realizar actividades antes de la clase siguiente. Ya tienes disponible las actividades y el cuestionario a realizar antes de la clase del 21 de septiembre de 2021.
08 sep	Ya está publicado el enunciado de la primera práctica. Las clases de teoría y prácticas comienzan el día 14 de septiembre.

Actividades previas a las clases¶

Antes de la clase del 14/12/2021: realiza la actividad «Una definición de computación en la nube», que incluye la lectura de una definición concisa de lo que es la computación en la nube y el visionado de unos vídeos; a continuación, contesta el test sobre computación en la nube (plazo límite: 13/12/2021, 23:59 horas). Después, realiza la actividad «Publicación de la aplicación del carrito en Google App Engine», en la que aprenderás a desplegar en la nube la aplicación del carrito, lo que necesitarás saber hacer por ti mismo como paso final de la práctica 4.
Antes de la clase del 07/12/2021: sigue la actividad «Configuración del entorno de trabajo para Google Cloud Platform», donde se muestra cómo configurar tu entorno de trabajo para poder trabajar con la nube de Google, y, a continuación, la actividad «Caso de uso: integración de servicios de Google Cloud Platform» en la que tendrás que ver unos vídeos (duración: 40 minutos), leer unos tutoriales y realizar un pequeño ejercicio. A continuación, contesta el test sobre Google Cloud Platform (plazo límite: 06/12/2021, 23:59 horas)
Antes de la clase del 30/11/2021: practica con lo que se comenta en las actividades siguientes: «Configuración del entorno de trabajo para ejecutar localmente una aplicación web», «Prueba de la aplicación del carrito», «Modificación de la API REST», «Despliegue de la aplicación web en Heroku» y «La política del mismo origen y el estándar CORS». A continuación, contesta el test sobre despliegue de aplicaciones web (plazo límite: 29/11/2021, 23:59 horas)
Antes de la clase del 23/11/2021: lee detenidamente y practica con lo discutido en las actividades siguientes: «La arquitectura REST», «Envío de peticiones desde JavaScript» y «Programación de servicios web en Node.js»; la última incluye un vídeo con una traza de la aplicación del carrito (duración: 28 minutos; unos 20 a 1,5x). Para poder practicar con el código de esas actividades, tendrás que configurar tu entorno de trabajo como se indica en la actividad «Configuración del entorno de trabajo para ejecutar localmente una aplicación web». A continuación, contesta el test sobre implementación de servicios web (plazo límite: 22/11/2021, 23:59 horas).
Antes de la clase del 16/11/2021: lee detenidamente y practica con lo discutido en las actividades siguientes: «Introducción a los componentes web», «Un ejemplo sencillo de componente web» y «Características adicionales de los componentes web». A continuación, contesta el test sobre componentes web (plazo límite: 15/11/2021, 23:59 horas).
Antes de la clase del 09/11/2021: realiza las actividades «El protocolo HTTP», «Promesas de JavaScript», «Los objetos de tipo XMLHttpRequest» y «La API Fetch». Todas las actividades menos la segunda consisten principalmente en el estudio de una serie de vídeos (duración total de los vídeos: 50 minutos; unos 35 a 1,5x). Para la la segunda actividad, sin embargo, tienes que leer su contenido (tiempo estimado de lectura: 30 minutos). A continuación contesta el test sobre acceso a servicios web (plazo límite: 08/11/2021, 23:59 horas).
Antes de la clase del 02/11/2021: realiza la actividad «Objetos y prototipos» (en esta actividad tienes que leer un texto con un tiempo estimado de lectura de unos 80 minutos); después, lee y practica con lo que se discute en la actividad «Ámbitos y clausuras» (tiempo estimado de lectura: 15 minutos). A continuación contesta el test sobre prototipos y clausuras en JavaScript (plazo límite: 01/11/2021, 23:59 horas).
Antes de la clase del 26/10/2021: estudia los vídeos de la actividad «Las APIs del navegador para programar el lado del cliente» (duración total de los vídeos: unos 55 minutos; unos 40 a 1,5x). A continuación, contesta el test sobre la API de los navegadores para JavaScript (plazo límite: 25/10/2021, 23:59 horas).
Antes de la clase del 19/10/2021: estudia el código y los vídeos de la actividad «Una aplicación web sencilla» (duración total de los vídeos: unos 50 minutos; unos 35 a 1,5x). A continuación, contesta el test sobre la aplicación web sencilla con JavaScript (plazo límite: 18/10/2021, 23:59 horas).
Antes de la clase del 05/10/2021: estudia los vídeos de la actividad «Introducción al lenguaje de programación JavaScript» (duración total de los vídeos: unos 55 minutos; unos 40 a 1,5x). A continuación, contesta el test sobre la introducción a JavaScript (plazo límite: 04/10/2021, 23:59 horas). Utiliza tu cuenta de gcloud.ua.es para acceder a todos estos materiales.
Antes de la clase del 28/09/2021: lee detenidamente y practica con lo discutido en las actividades siguientes: «Elementos en línea y de bloque», «Modelo de caja en CSS» y «Posicionamiento». A continuación, contesta el test sobre el modelo de caja de CSS (plazo límite: 27/09/2021, 23:59 horas). Recuerda utilizar tu cuenta de gcloud.ua.es para acceder a todos estos materiales.
Antes de la clase del 21/09/2021: estudia los vídeos y practica con la actividad «Selectores y propiedades del lenguaje CSS» (duración total de los vídeos: unos 35 minutos; unos 25 a velocidad 1,5x). A continuación, contesta el test sobre la introducción a CSS (plazo límite: 20/09/2021, 23:59 horas). Utiliza tu cuenta de gcloud.ua.es para acceder a todos estos materiales. Si tu ancho de banda te lo permite, puedes elegir explícitamente una resolución de 1080 píxeles.

Guía docente y normas del curso¶

Estos son los materiales de clase de la asignatura Desarrollo de Aplicaciones en Internet, coordinada por el profesor Juan Antonio Pérez Ortiz (@japer3z) de la Universitat d’Alacant. Para obtener información sobre la evaluación de la asignatura puedes consultar la guía docente. Algunos aspectos adicionales que no están recogidos en la guía son los siguientes:

La asistencia a prácticas es obligatoria, aunque se puede tener un máximo de 4 faltas no justificadas. Si tienes alguna ocupación que te impide asistir a todas o gran parte de las prácticas incluso online, envía un justificante escaneado al profesor a través del sistema de tutoría de UACloud. Para justificar una falta puntual, envía al profesor el justificante por una tutoría de UACloud. Cada falta no justificada por encima de las permitidas, restará una parte de la nota final de prácticas.
La visita al profesor durante sus horas de tutoría no puede ser obligatoria por cuestiones normativas, pero es muy recomendable, ya que es la oportunidad de recibir supervisión sobre tus conocimientos de la materia o la calidad del código que has desarrollado. Reserva turno a través de UACloud con anterioridad y conéctate con o sin cámara activada a la sala virtual allí indicada. Si el horario no es compatible con tu agenda, escribe al profesor e intentará encontrar un hueco fuera de dicho horario para atenderte.
Las prácticas se realizan individualmente. Lee lo que se comenta más abajo sobre plagios.
Cada una de las cuatro prácticas contribuye según lo indicado en la sección de prácticas a la nota final.
Para acceder a Google Cloud Platform en las últimas semanas del curso necesitarás tu cuenta de correo electrónico de GCloud con dominio @gcloud.ua.es de la que dispones como alumno de la Universitat d’Alacant. Asegúrate antes de la cuarta semana de clase de que la tienes activada entrando en la sección Servicios externos de UACloud.

Puedes encontrar algo de información adicional en las diapositivas usadas en la presentación del curso.

El código fuente de estas páginas, escrito en reStructuredText, está disponible en Github.

Puedes obtener una copia local de estas páginas (por ejemplo, para poder consultarlas sin conexión) ejecutando:

wget --mirror --no-parent --convert-links --page-requisites https://jaspock.github.io/dai2122/index.html

Cómo compartir código con el profesor en clase, tutorías virtuales o consultas por escrito¶

Si quieres que el profesor pueda ayudarte con algún código que estás desarrollando, mandar un pantallazo no es la mejor opción. Utiliza repl.it en su lugar para que el profesor pueda probar tu código e incluso realizar modificaciones en directo.

Accede a la web de repl.it con tu usuario.
Clica en el botón para añadir un nuevo espacio, elige HTML,CSS,JS o Node.js dependiendo de si tu aplicación es solo para el navegador o también incluye la parte del servidor, y clica en Create repl.
Arrastra desde el explorador de archivos tus ficheros sobre la zona Files.
Si tu aplicación incluye la parte del servidor programada con Express bajo Node.js, será más sencillo si copias el código del servidor (que probablemente tendrás en el fichero app.js) en index.js y editas el código para que la aplicación se lance en el puerto 3000, ya que repl.it espera esta configuración. Como ejemplo, aquí puedes probar la aplicación del carrito que estudiamos en clase.
Puedes lanzar tu aplicación con el botón Run.
Clica en el botón Share y manda el enlace al profesor.
Si no es necesario que el profesor edite tu código, también puedes mandarle simplemente el URL de tu código; para ello, tienes que haber creado el espacio como público.

Recomendaciones¶

Este prefacio es un buen lugar para decir unas palabras sobre integridad profesional y ética académica. Durante este cuatrimestre, la carga de trabajo producida por esta y otras asignaturas puede hacer que en ocasiones te sientas desbordado por la faena pendiente. Esta situación también se producirá frecuentemente en el ámbito profesional para el que te estás formando. Es muy importante que afrontes esos momentos de presión con integridad. El Massachusettts Institute of Technology (MIT) da una serie de recomendaciones a sus estudiantes al respecto que es importante que leas. Este tipo de universidades suelen tener bien especificado los procedimientos y sanciones posibles en caso de fraude académico; también la Universitat d’Alacant tiene un reglamento al respecto, que probablemente ya conoces. Además, la Ley de Convivencia Universitaria de 2021 impone sansiones importantes ante faltas de este tipo. Todos estos aspectos también has de tenerlos en cuenta en esta asignatura: se pueden discutir soluciones en equipo pero nunca compartir código.

Este es el momento también en el que enfatizar la importancia de tomar apuntes para poder preparar la asignatura con garantías. Las diapositivas, por ejemplo, solo contienen una parte de lo estudiado en clase. Por si se nos ha olvidado mencionarlo, también es muy aconsejable que acudas de vez en cuando a una tutoría presencial; usa antes para ello el sistema electrónico de solicitud de cita de UACloud.

Por otro lado, es importante señalar que los vídeos que se están publicando no pretenden ser una fuente de información que tengas que ver una y otra vez para asimilar la materia. El profesor te aconseja que los veas quizás un par de veces y que tomes apuntes que te permitan afrontar el visionado como una tarea activa y consultar luego la información de forma mucho más rápida y eficiente. Busca en fuentes fiables de internet o pregunta todas aquellas cosas que no te hayan quedado claras e incorpora también tus conclusiones a tus apuntes. A la hora de preparar el examen, puede ser interesante realizar un visionado adicional (probablemente a velocidad 1,5x) para refrescar ideas y asegurarte de que no se dice nada en los vídeos que no sepas ya por tus apuntes.

Contenidos: