Scribd
Cargar
28 vistas31 páginas

07 - Variables JS 31 - 7

Este documento presenta una introducción básica a JavaScript. Explica que JavaScript es un lenguaje de programación con su propia sintaxis. Define conceptos clave como variables, algoritmos, palabras reservadas, comentarios, métodos del navegador como prompt(), alert() y console.log(). Finalmente, propone aplicar estos conceptos en un próximo encuentro utilizando condicionales para crear algoritmos que actúen según la respuesta del usuario.

Cargado por

Thiara
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
28 vistas31 páginas

07 - Variables JS 31 - 7

Este documento presenta una introducción básica a JavaScript. Explica que JavaScript es un lenguaje de programación con su propia sintaxis. Define conceptos clave como variables, algoritmos, palabras reservadas, comentarios, métodos del navegador como prompt(), alert() y console.log(). Finalmente, propone aplicar estos conceptos en un próximo encuentro utilizando condicionales para crear algoritmos que actúen según la respuesta del usuario.

Cargado por

Thiara
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 31

7.

JavaScript
Checklist

Repasamos qué tenemos que


tener listo hasta acá:

● Definición de la problemática sobre la cual vamos a trabajar.

● Entrega HTML

● Entrega CSS

● Quiz autoevaluatorios de los contenidos vistos.


Encuesta eje 2

¡Queremos conocer cómo fue tu


experiencia hasta ahora!
Nos encantaría escuchar cómo fue tu experiencia en el eje 2,
mediante esta encuesta.

18 a 20 20 a 22
Nico y Mara Nico y Mailén
¿Qué haremos hoy?

•Conocerán la sintaxis básica de JavaScript


•Definiremos qué es un algoritmo
•Crearán su primer algoritmo en JavaScript
Con el contenido de este encuentro vas a poder
pedirle al usuario nombre, apellido y año de
nacimiento para calcular su edad y mostrar un
mensaje final con toda la información
JavaScript

¿Qué es JavaScript?
JavaScript

¿Qué es un algoritmo?

Llamamos algoritmo al conjunto de


instrucciones que se necesitan para la
ejecución de una determinada tarea.
JavaScript

Palabras reservadas
En JavaScript contamos con palabras reservadas que son
aquellas palabras propias del lenguaje que nos ayudarán a
escribir las sentencias de código a ejecutar.

Estas palabras tienen una función predeterminada, por ello


no podemos utilizarlas en cualquier momento del código
JavaScript

Comentarios
Al igual que en HTML, los comentarios son bloques de código
que ignorará el navegador al ejecutar el código
Podemos usarlos para guiar la lectura del código ayudando a
quien lo esté desarrollando.
JavaScript

Variables

Una variable es un espacio reservado de memoria para guardar datos


que, durante la ejecución del código, variarán su contenido.

Al declarar (crear) una variable, le asignamos un nombre que nos


ayudará a identificarla y manipularla para su uso.
JavaScript: Variables

Declarando variables:
Se compone de cuatro elementos
Contenido a
palabraReservada nombre = contenido asignar en la
variable creada.
Asignamos el Este podrá ser
nombre que tendrá modificado luego
Operador de
nuestra variable.
Utilizando una asignación:
Será el nombre
palabra reservada 1 solo = asigna el
mediante el cual
le especificamos al contenido de la
accederemos a su
navegador que derecha al
contenido
estamos elemento de la
No se pueden usar
declarando una izquierda
espacios ni
variable
caracteres
especiales.
Palabras reservadas

Para declarar variables tenemos dos


palabras reservadas:

•let
•const

La principal diferencia entre ambas es


que const nos asegura que el contenido
asignado a la variable no va a ser
modificado en ningún momento
Nombres

Podemos elegir libremente el nombre de la variable.


No acepta caracteres especiales ni espacios.

(Por ejemplo, en vez de año podemos utilizar anio)

Idealmente usamos nombres contextuales, que nos


permitan identificar la variable fácilmente
Contenido de la variable
Existen distintos tipos de datos que podemos
almacenar en una variable. Los más comunes son:

•String: Cadenas de texto. Lo definimos entre comillas


simples o dobles. 

•Number: Valor numérico. Puede ser entero o decimal

•Booleano: True o false


JavaScript

Primeras acciones con


variables
¡Ejemplo práctico!

Cuando trabajamos con variables numéricas podemos


realizar sobre ellas distintas operaciones matemáticas
¡Ejemplo práctico!

En el caso de las variables string podemos


concatenar (unir) sus valores.

Para ello, utilizamos el operador +


c

💡 Tip: Sumar un string con un espacio nos permite separar las palabras que concatenamos. 

Así, tendremos como resultado final ‘Juana Perez’ y no ‘JuanaPerez’


JavaScript

Métodos del navegador


Prompt

Cuadro de diálogo que genera el navegador.

Podemos mostrar un mensaje en él para indicarle al


usuario qué queremos que ingrese en el input.

El valor recibido lo podemos asignar a una variable


JavaScript: prompt

El contenido ingresado por el usuario será asignado a la variable ‘nombre’


Alert

Muestra en pantalla un mensaje que no


admite respuesta

No es necesario asignarlo a ninguna


variable, simplemente mencionarlo.
JavaScript: alert

Muestra en el cuadro el contenido que enviamos entre paréntesis


Console.log

Esta sentencia nos permite mostrar el mensaje


que enviemos entre paréntesis en la consola
JavaScript del navegador.

Rara vez el usuario lee la consola, con lo cual es


un espacio para desarrolladores.
JavaScript: console.log

Para acceder a la consola basta con tocar en el navegador


click derecho -> inspeccionar -> consola
Funciones

Manos a la obra
Ejemplo
Breve repaso

1.JavaScript es un lenguaje de programación


con su sintaxis propia
2.Tiene palabras reservadas que nos ayudan a
crear las sentencias. Para declarar variables
usamos let y const
3.Las variables son espacios reservados de
memoria, allí asignaremos datos, estos
pueden ser Strings, Numbers o Boolean
4.Mediante el uso de prompt() podemos
obtener información y asignarla en una
variable
5.Con el uso de alert() y console.log()
podemos mostrar información 
PRÓXIMO ENCUENTRO

Encuentro 8:
Condicionales

¡Crearán algoritmos que actúen


según la respuesta del usuario!
PRÓXIMO ENCUENTRO

Antes de irnos…

Después de todo lo visto en el


encuentro de hoy…
¿Cómo pensás que podrías aplicar
JS en tu proyecto?
Novedades

¡Sumamos espacios de tutorías!

📅 Viernes 4/8

🕛 19.30 a 21.00

💻 por zoom
¡Muchas gracias!

También podría gustarte