Página web parejas. Animación. 100 ptos. 190427

En esta tarea se recogerá la evaluación del apartado correspondiente a la aplicación de JavaScript a la página web a través de animaciones.

Tenéis que entregar lo mismo que habéis hecho en las tareas anteriores. Si no hay entrega no hay nota.

Envía el archivo con el código de la página web final. En el nombre del archivo indica nombres y editor utilizado del estilo: WebGitHub_NombreNombre_editor.***

Criterios de calificación (100 ptos):

  • Animación web. 70 ptos.
  • Archivo. 30 ptos.

Una de las opciones para incorporar la animación JavaScript al código HTML-CSS sería incluir el siguiente código incorporando donde está el comentario el código de la animación.

De este modo podéis ver en el ordenador el efecto final y, al subirlo a Github, solo tenéis un archivo html.

<html>

<body>
  <canvas id="dibujo"> </canvas>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/processing.js/1.6.6/processing.min.js"></script>
  <script type="application/processing" data-processing-target="dibujo">
    // Código JS del dibujo aquí
    </script>
</body>

</html>

Falta por recomendaros un editor. Para mí lo ideal sería un editor como el de KhanAcademy en el que podáis escribir código y, al mismo tiempo, ver el resultado.

  • Visual Studio Code, 44 Mb, ha sido desarrollado por Microsoft, descárgalo desde la página oficial code.visualstudio.com. Para tenerlo en español ve a Archivo-Preferencias-Extensiones y busca e instala Spanish Language Pack for Visual Studio Code (instalar-reiniciar y listo). La extensión que me pareció más cómoda para visualizar el código en el navegador es VSCode Browser Sync.
  • Atom, 144 Mb, ha sido desarrollado por GitHub, descárgalo desde la página oficial atom.io. Sigue estos pasos para configurarlo en español. Para ver nuestro programa en el navegador tenemos 2 paquetes: Open-in-browser (abre el navegador con el menú contextual del botón derecho) y Browser-plus (visualiza en vivo según vamos programando).
  • Bluefish era el editor recomendado del curso 2017-18 y se puede descargar en su página oficial resutándome más cómo desde Sourceforge. En la instalación ya pregunta el idioma.  

¿El efecto de resaltado de esta entrada es asumible con los conocimientos adquiridos? en caso positivo ¿te animas?

Las entregas posteriores al 19 de enero tendrán descuento por retraso a razón de un 10% semanal, el 20 ya descuenta.

 

Toda tarea entregada después de las 23:55 del 9 de febrero será corregida/evaluada/calificada para la 3ª evaluación.