Materiales de Desarrollo de Aplicaciones en Internet¶
Universitat d’Alacant, curso 2020–2021¶
«The web is more a social creation than a technical one», Tim Berners-Lee
Novedades¶
15 Ene |
Los siguientes son algunos comentarios adicionales respecto a los exámenes de teoría y prácticas de la convocatoria C2 a celebrar el día 19 de enero de 2021. Lee, en primer lugar, lo que se dice en el apartado de evaluación de la guía docente en el subapartado «Adaptación de la evaluación a la COVID-19 para el curso 2020-21». Ambos exámenes se realizarán online a través de una reunión en |
11 Ene |
Ya puedes consultar en la web del departamento las notas de la práctica 4. Los apartados marcados con un asterisco cuentan la cuarta parte que los otros. El apartado opcional de autenticación supone un máximo de 2 puntos de la nota final de la práctica. Escribe al profesor para cualquier aclaración sobre tu nota. Nota: no dejes de leer el anuncio del día 8 de enero que aparece más abajo ya que contiene información muy importante sobre los exámenes de enero de la asignatura. |
08 Ene |
La Universidad ha permitido a los coordinadores de asignaturas decidir unilateralmente si los exámenes de enero de sus asignaturas se realizan de forma presencial u online. En el caso de esta asignatura, tanto el examen de teoría como el de prácticas se realizarán online en la misma fecha y hora que ya conocíamos. Esta fecha y hora se indican desde hace tiempo en la guía docente; aunque allí siga apareciendo el listado original de laboratorios donde se iba a realizar en principio el examen, este no será, como se ha comentado, presencial sino online. La sala virtual a la que conectarse el día del examen se puede consultar en un anuncio que se acaba de publicar en UACloud. En los días previos al examen puede que aparezca aquí o en los anuncios de UACloud alguna información adicional. |
15 Dic |
El examen de enero se realizará presencialmente [ya no; mira el anuncio del 8 de enero] en las instalaciones de la Universidad de Alicante, salvo nueva disposición en contra que pueda aparecer antes de su celebración. El examen teórico y el práctico se realizarán en el mismo lugar, en la fecha y laboratorios que se indica en la guía docente. El examen de teoría tendrá lugar de 9.00 a 10.40 aproximadamente. El examen de prácticas tendrá lugar de 11.00 a 13.00 aproximadamente. El único material que puedes llevar al examen de teoría es un documento identificativo, un boligrafo y una hoja de tamaño ISO/DIN A5 (nunca mayor, por tanto, a 148 x 210 mm) en la que puedes escribir o imprimir toda la información que consideres útil. El único material que puedes llevar al examen de prácticas es un documento identificativo y un portátil en el que tengas instaladas las herramientas de desarrollo y tu código de la última práctica. Si no puedes llevar tu propio portátil, podrás usar los ordenadores del laboratorio, pero es recomendable que hables antes con el profesor para que te aconseje acerca de cómo configurar rápidamente el entorno de trabajo el día del examen. |
14 Dic |
Se han habilitado dos fechas de entrega diferentes para la última práctica. La primera es la fecha de entrega original (23 de diciembre) y en ella se corregirá la parte obligatoria de la práctica, es decir, todo menos la autenticación de usuarios. Para la segunda entrega (fecha límite: 8 de enero) se corregirá únicamente la parte opcional, es decir, la de autenticación de usuarios, que permite obtener hasta dos puntos más. Aunque tu práctica de la primera entrega ya incluya la autenticación de usuarios, súbela también para la segunda entrega. Recuerda que la segunda entrega es opcional en tanto que en el examen de prácticas no se asumirá en ningún momento que has implementado la autenticación de usuarios. El servidor de prácticas del departamento permitirá la entrega (optativa) de la segunda parte unos minutos después de que se cierre la entrega de la primera parte. |
10 Dic |
Ya puedes consultar en la web del departamento las notas de la práctica 3. |
17 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. |
24 oct |
Ya puedes consultar en la web del departamento las notas de la práctica 1. |
24 oct |
Las prácticas 3 y 4 planificadas originalmente para este curso se han refundido en la práctica 3 (en el curso anterior, de hecho, se trataba de una sola práctica). La práctica 5 planificada inicialmente pasa a ser ahora la cuarta y última. Los contenidos de las prácticas, en cualquier caso, no sufren modificación respecto a la planificación inicial. El plazo de entrega de la nueva práctica 3 es el 26 de noviembre, lo que nos permite ganar una semana de tiempo para la última práctica que, tradicionalmente, es la que más esfuerzo ha requerido para los estudiantes de la asignatura. |
05 oct |
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. |
21 sep |
En la sección «Actividades previas a las clases» puedes encontrar las actividades a realizar antes de la clase del 29 de septiembre. Hay 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. Como has de consultar 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, este tipo de anuncios recordándolo no se mostrará más. |
15 sep |
En la sección «Actividades previas a las clases» puedes encontrar las actividades a realizar antes de la clase del 22 de septiembre. Hay 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. |
13 sep |
Con la normativa actual, puedes seguir y superar la asignatura sin problemas por vía cien por cien telemática, con la única excepción de los exámenes finales de enero y julio que a día de hoy están previstos únicamente en modalidad presencial. No obstante, si lo deseas también puedes asisitir presencialmente a las clases que la universidad te indique a través de la aplicación de Docencia Dual de UACloud (pero únicamente a las sesiones que allí aparezcan reflejadas). |
13 sep |
Ya está publicado el enunciado de la primera práctica. Las clases de teoría y prácticas comienzan el día 15 de septiembre. |
Actividades previas a las clases¶
Antes de la clase del 15/12/2020: 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: 14/12/2020, 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 01/12/2020: 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: 30/11/2020, 23:59 horas)
Antes de la clase del 24/11/2020: 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: 23/11/2020, 23:59 horas)
Antes de la clase del 17/11/2020: 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: 16/11/2020, 23:59 horas).
Antes de la clase del 10/11/2020: 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: 09/11/2020, 23:59 horas).
Antes de la clase del 03/11/2020: 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: 02/11/2020, 23:59 horas).
Antes de la clase del 27/10/2020: 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: 26/10/2020, 23:59 horas).
Antes de la clase del 20/10/2020: 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: 19/10/2020, 23:59 horas).
Antes de la clase del 13/10/2020: 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: 12/10/2020, 23:59 horas).
Antes de la clase del 06/10/2020: 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: 05/10/2020, 23:59 horas). Utiliza tu cuenta de
gcloud.ua.es
para acceder a todos estos materiales.Antes de la clase del 29/09/2020: 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: 28/09/2020, 23:59 horas). Recuerda utilizar tu cuenta de
gcloud.ua.es
para acceder a todos estos materiales.Antes de la clase del 22/09/2020: 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: 21/09/2020, 23:59 horas). Utiliza tu cuenta de
gcloud.ua.es
para acceder a todos estos materiales.
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. La asistencia contará indistintamente tanto si la realizas presencialmente (en las semanas que te asigne la universidad a través de la aplicación de Docencia Dual) o telemáticamente (en cualquiera de las semanas de curso, incluso en las que en principio la aplicación te permita asistir presencialmente). 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 (virtual en este curso) 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 cinco 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/dai2021/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
) enindex.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. 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.
Contenidos:
- 1. Lenguajes de marcado
- 2. Lenguajes de estilo
- 3. Programar el lado del cliente
- 4. Acceso a servicios web de terceros
- 5. Componentes web
- 6. Implementación de servicios web
- 6.1. La arquitectura REST
- 6.2. Envío de peticiones desde JavaScript
- 6.3. Programación de servicios web en Node.js
- 6.4. Configuración del entorno de trabajo para ejecutar localmente una aplicación web
- 6.5. Modificación de la API REST
- 6.6. Despliegue de la aplicación web en Heroku
- 6.7. La política del mismo origen y el estándar CORS
- 6.8. Autenticación de usuarios
- 6.9. Términos de uso de las APIs web
- 7. Computación en la nube
- 8. Problemas
- 9. Enunciados de las prácticas