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 JS: Uso de length y acceso a las posiciones de un array.
- 191
En este ejercicio se practica el método length y se usa para jugar con los arrays y acceder al primer elemento y al último de un vector.
Ejercicio JS – Crear un cronómetro con javascript
- 330
Completo cronómetro JS dónde se usa setInterval, addEventListener, removeEventListener y se repasan conceptos de CSS. Incluye solución.
Lista de la compra con javascript perfeccionada con cookies
- 85
Ejercicio javascript avanzado que crea una lista de la compra y almacena la información mediante cookies. Incluye solución.
Ejercicio – Vamos a dormir, hay 100 ovejas que contar
- 134
Ejercicio javascript dónde se practica el uso de for y de while para la resolución de un mismo problema JS. Incluye solución.
Ejercicio JS – Formulario con un campo oculto
- 113
Ejercicio javascript con un campo que se muestra cuando se selecciona un asunto determinado mediante un select. Incluy resolución.
Sustituir un nodo por otro en el DOM mediante Javascript
- 288
Para poder sustituir un nodo por otro en el DOM previamente necesitas saber como: Identificar nodos del DOM. Crear nuevos nodos. Si tienes claros estos conceptos sigue leyendo el ejemplo práctico.
¿Empezar por Javascript o Python? ¿Continuar con jQuery o angular? ¿Y node.js?...
- 363
¿Qué aprender primero? Gentileza de Stack Overflow algunas pistas. ¿Primero javascript o python? ¿Continuar con jquery o node.js?
La apasionante historia del Javascript (resumida)
- 595
Javascript es un lenguaje de programación de lado cliente que ha cambiado Internet tal y como lo conocemos a día de hoy. Junto con el html y el css es uno de los 3 pilares del diseño web. Es un requer...
Resumen de carácteres extraños en Javascript
- 306
Muchos alumnos me habéis pedido esta entrada sobre los carácteres , . : ; [] {} () en Javascript. Y es que tenéis razón. Hay pocos recursos en internet que los aglutinen y nos expliquen dónde debemo...
Instrucciones básicas para familiarizarse con javascript
- 606
El javascript es un lenguaje que se olvida a una velocidad de vértigo si no se practica. Es importante tener unos buenos apuntes 😉 Hoy presento instrucciones básicas que sirven para empezar con scrip...
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.