¿Para qué sirve Javascript? + ejemplo practico

Seguramente ya os habéis fijado que en muchos cursos, ofertas de trabajo,… aparece la tríada HTML, CSS y JS. Quizás las dos primeras las has visto más, tanto en cursos de iniciación a la programación web como en las primeras asignaturas de la universidad, pero te preguntas ¿Para qué sirve Javascript si ya controlo las estructuras y el estilo de la web? A continuación, te explico lo que mi experiencia me ha enseñado.

Cuando empecé en el mundo del diseño web, la verdad es que con HTML y CSS tenía más que suficiente para crear en WordPress y personalizar las plantillas para diseñar los “sites” a mi gusto, pero con el tiempo y a medida que dominas quieres hacer más y más cosas y es aquí cuando entra nuestro amigo el Javascript.

Antes de pasar al ejemplo practico, quiero explicar brevemente que JavaScript es un lenguaje de programación de alto nivel, interpretado y orientado a objetos. Es principalmente conocido por su uso en el desarrollo web para hacer que las páginas web sean interactivas y dinámicas, de ahí la importancia de comprenderlo y utilizarlo en nuestros proyectos.

Os pongo un caso práctico que aplico aquí en mi web. Por ejemplo, me surgió el dilema de actualizar la fecha del footer (si no sabéis lo que es el footer, tocará repasar html) de Mastodontik ya que es una tarea que se me puede pasar y que sabía que se podría automatizar, por ello me puse a investigar como hacerlo y vi que solo con el html no se podía, pero que si agregaba código JS ya era posible con un sencillo script actualizar mi fecha. Os explico el script y como funciona, por si sois curiosos.

Primero el html que incluye los datos del script, ya que sin eso no se entiende el código.

<p id=»fecha»></p>

Si domináis un poco de html podéis ver que el párrafo contiene la ID “fecha”, esta ID la podéis llamar como queráis pero OJO es el nombre que lee nuestro código script así que si copiamos el código pero cambiais el ID tenéis que modificarlo en el script.

El código se pinta vacio, no he puesto nada dentro de la etiqueta párrafo pero se pintará con el contenido del script.

Ahora sí, pasamos al JS. Este es el script que actualiza la fecha en una web:

Espero que os haya parecido interesante el artículo, veáis un pequeño detalle de para que sirve javascript y que sigáis curioseando.