Javascript

 

JavaScript puede cambiar el aspecto, contenido y comportamiento de las páginas web.

Actividad 1: Cambiar el contenido de un archivo HTML.

Uno de los muchos métodos HTML de JavaScript es getElementById().

El siguiente ejemplo "encuentra" un elemento HTML (con id="demo") y cambia el contenido del elemento (innerHTML) a "Hola JavaScript":

Actividad 2: Cambiar el atributo src de una imagen HTML.

JavaScript puede "mostrar" datos de diferentes maneras:

        -Escribiendo en un elemento HTML, usando innerHTMLo innerText.

        -Escribiendo en la salida HTML usando document.write().

        -Escribiendo en un cuadro de alerta, utilizando window.alert().

        -Escribiendo en la consola del navegador, usando console.log().

Actividad 3: Mensaje de bienvenida o alerta mi página web.

En HTML, el código JavaScript se inserta entre las etiquetas <script>y </script>.

Actividad 4: Botón para mostrar fecha y hora.

Fundamentos de Javascript: Fundamentos de JavaScript - Aprende desarrollo web | MDN

Introduce en tu página web FORMULARIO.HTML los siguientes efectos:

- Un botón que cambie contenido HTML

- Un botón que esconda elementos

- Un botón que muestre la hora y fecha.

Este es el código que vamos a utilizar

- Cambiar una imagen al pasar el ratón por encima

- Botón de volver a la página anterior

Cómo hacer un slider de imágenes:

https://www.youtube.com/watch?v=jXfSkhnvyJk&ab_channel=Fazt

Info Javascript:

- Cómo y por qué aprender programación con Javascript

Tarjetas de Navidad con Scratch

 Tarea crea tu propia Tarjeta Navideña con Scratch! 

Algunas ideas:

https://www.youtube.com/watch?v=cPi8Bj4eGWo&ab_channel=CodeSpeakLabs

https://www.youtube.com/watch?v=K6C0lPmaCTs&ab_channel=CodeKids

CONDICIONES

Versión 1: 

- Al menos 5 objetos diferentes

- Al menos 2 fondos diferentes

- Durar al menos 20 segundos.

- Al menos dos objetos tienen que moverse y cambiar de tamaño. 

- Texto relacionado con Navidad: Feliz Navidad o algo similar

- Algún sonido de Navidad o música 

Versión 2:

- Haz una versión más extensa que incluya interacción con el visor.

-Un mensaje que diga  hacer click en algún sitio para que aparezca algún efecto.

- Customiza algún mensaje con el nombre de la persona que lo vea  (la aplicación debería preguntar tu nombre).

RECURSOS:

Canciones de Navidad y música: https://uppbeat.io/sfx/tag/christmas

RETOS NAVIDEÑOS DE PROGRAMACIÓN:

https://moodle.beverleyhigh.net/course/view.php?id=485#section-1

Resolviendo ecuaciones y problemas con Scratch

Algunos tutoriales

https://www.youtube.com/watch?v=hxT2eFsDV1U&ab_channel=STEMMC

Otros:

- Asociación de resistencias

- Ley de Ohms