Javascript: Estructura básica de un script

3.9
(7)

Publicado

Aviso importante web en obras

Es posible que el contenido que estás visualizando tenga un formato un poco raro o que se haya perdido algún contenido. Esto se debe a que en 2023/09 decidí renovar la página y con más de 1000 escritos el trabajo de irlos revisando uno por uno es agotador. Poco a poco iré corrigiendo todos los contenidos. ¡Gracias por la comprensión!

ejemplo programa básico javascript

Programar es indicar a una máquina que siga un conjunto ordenado de instrucciones. En realidad es una acción cotidiana que realizamos sin apercibirnos:

  • Seguimos una receta de cocina.
  • Configuramos el reloj para que suene a una hora determinada.
  • Indicamos al teléfono que nos avise cuando superemos un umbral de gasto o datos mensuales.
  • Fijamos una tarea en nuestro calendario para que nos avise un día antes.
  • Ponemos el termostato de casa a alguna temperatura en concreto cuando hace frío o calor.

Y es que es algo tan común que muchas veces ni nos damos cuenta. El término programar puede asustar algún que otro estudiante de javascript en el primer día de clase. Pero es una cuestión mental. ¿Quieres decir que esto es para mi?

¡Por supuesto! Hay que romper con los prejuicios y dejarse llevar. Todos podemos aprender.

Estructura básica de un programa

Un script es un código interpretado por un software especial capaz de leerlo línea tras línea. En el caso de Internet este software es un navegador web. Chrome, Mozilla, Safari, Opera, Explorer… cualquiera sirve.

Pues bien, cuando empezamos a escribir lo primero que vamos a necesitar será coger buenos hábitos desde un buen principio. Personalmente me gusta estructurar un programa de la siguiente forma:

  1. Pre. Comentario informativo de lo que vamos a programar y de que esperamos que haga el programa.
  2. Declaración de variables. Una variable es un espacio de memoria que sirve para alojar una información. Un dato como por ejemplo una cadena de texto o un número. En javascript no es necesario declarar las variables, pero es una práctica recomendada para no hacer sufrir a los ordenadores en exceso.
  3. Declaración de funciones. Una función es un tipo especial de variable que almacena un cálculo o una acción y que puede o no devolver un resultado.
    1. Las funciones a su vez pueden volver a tener todos los pasos del 1 al 6 que se mencionan en este escrito.
  4. Declaración de instrucciones. Aquello que queremos que ejecute el script.
  5. Dar un resultado o cálculo. Como ejemplo de resultado podríamos tener un texto escrito, un resultado numérico, una modificación de una página web, … etc
  6. Post. Enunciado explicativo de lo que ha hecho el programa y que resultado y de que tipo y valor devuelve el programa.

Los pasos 1 y 6 son optativos. Pero una buena práctica al fin y al cabo cuando la programación se complica.
Javascript: Estructura básica de un script 1

Programar requiere constancia

[vc_raw_html]JTNDaWZyYW1lJTIwd2lkdGglM0QlMjIxMDAlMjUlMjIlMjBoZWlnaHQlM0QlMjIzMTUlMjIlMjBzcmMlM0QlMjJodHRwcyUzQSUyRiUyRnd3dy55b3V0dWJlLmNvbSUyRmVtYmVkJTJGaEo4NnpJZTNMWXMlMjIlMjBmcmFtZWJvcmRlciUzRCUyMjAlMjIlMjBhbGxvdyUzRCUyMmF1dG9wbGF5JTNCJTIwZW5jcnlwdGVkLW1lZGlhJTIyJTIwYWxsb3dmdWxsc2NyZWVuJTNFJTNDJTJGaWZyYW1lJTNF[/vc_raw_html]Si estás empezando a programar espero que esta entrada te haya servido para romper el hielo. ¡Sigue navegando y buscando más ejemplos!

Si vas a seguir estudiando sería conveniente que te aseguraras de tener un buen entendimiento previo de HTML y CSS.

Finalmente para cerrar este capítulo ¡te dejo con este vídeo que puede ser de tu interés! Si lo ves tendrás respuesta preguntas muy interesantes sobre lo que nos aporta aprender a programación. Simplemente un comentario: ten en cuenta que java y javascript son 2 lenguajes distintos.

Y hasta aquí el escrito de hoy. ¡Hasta mañana!

6 respuestas a «Javascript: Estructura básica de un script»

  1. Avatar de Leire

    ☺️ Me ha encantado. Gran trabajo, gracias

    Buenos hábitos + constancia = programar.

  2. Avatar de RAUL

    Muchas gracias por compartir este EXELENTE!!!… tutorial

    1. Avatar de Francesc Ricart

      ¡Gracias por tus amables palabras Raul!

  3. Avatar de Ericsson
    Ericsson

    Tengo una pregunta .
    En caso de q deses poner una ruta como sería el proceso

    1. Avatar de francesc

      Hola!
      Sería usando una url relativa o absoluta en el src. Por ejemplo, /js/functions.js

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *