Pasos sencillos para iniciar
Lo primero que tienes que hacer es abrir el navegador Google. El que tiene de los 4
Mozilla firefox
Google Chrome
Internet Explorer
Microsoft Edge
En la parte de arriba de la barra de titulo vas a escribir “about:blank” esto simplemente nos dará una:
Página en blanco
En la página en blanco pulsa al ratón, clic derecho en la opción que dice inspect element (en ingles) o inspeccionar elemento y nos mostrará: la forma de como esta escrito una web — Html — Head — Body.
Lo que se está viendo al abrirse una ventana nueva es, JavaScritp. Es el lenguaje de programación (por excelencia) interpretado e integrado en las páginas web.
Ahora bien. Para que sea facil de entender y ver las dos ventanas a la vez, lo mejor es dividir la pantalla en modo que se puedan ver dos imagenes a la vez. Y para verlo hay que seguir estos pasos: en la imagen superior derecha de javascript donde está la flecha roja, picha allí y se abre un despegable.
En mi caso está marcado como ventana separada. Eso se debe porque utilizo tres pantallas a la vez (como muestra la imagen abajo)
Para ver dos imagenes en la misma pantalla pincha en «Anclar a la derecha». Automaticamente en la pantalla aparece por el lado izquierdo la página en blanco (el navegador) y el lado derecho Javascript, que es donde se escribe pero se mostrará en el navegador.
En este caso utilizo el Mozilla Firefox. Sin embargo otros navegadores puede que Javascript se vea de forma diferente, pero con las mismas funciones. Se puede quedar como está o pincha donde pone «consola»
Lo importante es donde está la flecha roja que marca hacia la izquierda, que es donde escribimos.
Empezamos……… a escribir
En la primera línea, escribe tal cual está en el ejemplo de aquí abajo: (pincha la imagen para verlo mejor)
“Es importante siempre que le coloques, el espacio, el igual, las comillas y el punto y coma de la forma correcta”
Pulsa «Intro» y te sale esto
Ya sabes como disparar una alerta, y eso lo puedes hacer en muchas otras cosas. Pulsa «Aceptar» para continuar.
Vamos a guardar el nombre Vito, creando una variable:
… le damos Intro y no pasó nada, siempre sale esto que dice Undefined
Pero si solamente escribes la
variable: nombre y luego le das al Intro, el programa lo reconoce automáticamente que me llamo Vito. Sí lo guardó. (La consola guarda lo que escribes. Las variables son contenedores en los que puedes almacenar valores. Primero debes declarar la variable con la palabra clave var, seguida del nombre que le quieras dar).
Ahora escribiremos una alerta, más (+) la variable: ↓(pincha la imagen para verlo mejor)↓
Seguimos……. ahora haremos algo más interesante.
Cambiaré mi nombre Vito a mi segundo nombre. Como ya la variable nombre existe, no hay necesidad de volver a escribir var (variable). Simplemente escribiremos y cambiaremos mi nombre de esta manera.
→
Ahora, para comparar si verdaderamente ha cambiado mi nombre, volvamos a escribir la misma linea de antes:
Le damos Intro y efectivamente ha cambiado mi nombre, ahora mi nombre es Vitonchi.
Por último, ahora ingresaremos datos con: Prompt
Como vemos, ahora el programa te está preguntando tu nombre, colócalo y dale Intro.
<Listo, ya escribiste tus primeras líneas de código/>”
DATO: Aprender programación no es tarea de un día ni de una semana:
Aprender programación a nivel profesional requiere de práctica y toma al menos varios meses, incluso varios años para llegar a un gran nivel, pero esto que no te desanime porque en poco tiempo, con mucho empeño puedes lograr crear grandes cosas. Todo depende de ti.
Si lo pones en modo consola, te sale todo lo que has hecho.
intelviza