Javascript: Estructura básica de un script

Javascript: Estructura básica de un script

Print Friendly, PDF & Email
Javascript: Estructura básica de un script
Valora esta entrada
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.

ejemplo programa básico javascript
Acoplamiento de un script de javascript en el body de un documento web

Programar requiere constancia

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!

Entradas relacionadas:

Ejercicio – Cálculo del perímetro de un rectángulo mediante funciones
- 87
Ejercicio en el que se práctica de modo fácil la lógica de programación mediante el uso de funciones declaradas en JS.
Scope de las variables en javascript
- 240
En esta entrada vamos a hablar sobre el ámbito (scope) de las variables en javascript. Voy a suponer que ya sabes declarar y usar funciones y que  también tienes claro el concepto de variable y su sin...
Acceder y modificar una web con javascript
- 332
Vamos a ver como mediante Javascript podemos interactuar con las etiquetas html que constituyen un documento web. Podemos acceder a una etiqueta, un párrafo, un enlace, una imagen, o incluso a los met...
Funciones Javascript: declaración, uso y utilidad en programación
- 457
Una función es una estructura de código que ejecuta y transforma unos inputs de entrada en un output de salida en forma de dato o acción. Hemos trabajado con funciones toda nuestra vida. Las aprendimo...
Ejercicio – corrección de errores en javascript. Variables y strings.
- 74
En este ejercicio practicamos la diferencia entre usar un string y una variable. También otras normas básicas de sintaxis de javascript.
Ejercicio JS – Susto emergente
- 22
Ejemplo de programación de una ventana emergente con Javascript. Incluye solución. Serie de ejercicios tutorial javascript del curso ifcd0110
Ejercicio JS – Como cargar una imagen aleatoria al clicar un botón
- 53
Ejercicio javascript resuelto en el que see plantea un script para cargar una imagen aleatoria cada vez que se clica un botón.
Sintaxi y gramática básica de las variables en javascript
- 176
Javascript es un lenguaje. Tiene una sintaxis y una gramática básicas que hay que aprender. Vemos cuales son estas normas para el caso de las variables en JS y dónde debes hacer hincapié en no equivoc...
Estructura condicional switch en Javascript
- 554
Podemos escribir una estructura condicional mediante el if(){}else if(){}else{} o mediante el switch(){}. ¿Cuando usar una opción y no la otra? En esta entrada vemos un ejemplo para el switch y coment...
Palabras reservadas que no se deben usar para declarar variables
- 166
Listado de palabras reservadas en Javascript de acuerdo con el último stándard ECMA Script 6.
Francesc Ricart
hola@francescricart.com

Soy un ingeniero industrial a quién le apasiona aprender y enseñar. En el mundo del marketing online he encontrado una de mis pasiones. Ejerzo como docente ocupacional y privado para empresas. Y también hago consultoría web para PIMES, autónomos y otros emprendedores como yo. Ayudo a las empresas en cualquier temática relacionada con su presencia digital y herramientas web. Aunque mi especialidad es el posicionamiento en buscadores (SEO). A nivel de formación lo que más feliz me hace es que un alumno haga de mi pasión una forma de vida y le ayude a encontrar trabajo. A nivel de negocios ayudo a empresarios a desenvolverse con soltura en el mundo digital y les animo a hacer cada vez más cosas que nunca hubieran imaginado que ellos también podían hacer. En este camino les ayudo haciendo todo aquello dónde ellos no llegan y crecemos juntos. Encontraréis más acerca de mi en la página sobre mi

No hay comentarios

Escribir un comentario

  Acepto la política de privacidad

Responsable: FRANCESC RICART MUÑOZ.

Finalidad: Gestionar los comentarios que realizas en este blog.

Destinatarios: No se cederán datos a terceros, salvo obligación legal.

Derechos: Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la política de privacidad.