Documentos de Académico
Documentos de Profesional
Documentos de Cultura
01 - INTRODUCCIÓN A LA PROGRAMACIÓN
Conclusión: Parte 1
Tipos de datos
b. strings - todo lo que esté entre " " es un string. Las palabras deben ser strings.
Variables
Almacenamos valores de datos en las variables. Podemos recuperar los valores de esas
variables escribiendo el nombre de la variable.
console.log( )
Muestra en la consola cualquier cosa que pongamos entre paréntesis.
Conclusión: Parte 2
Felicitaciones por haber llegado hasta este punto. ¡Haz aprendido un montón! ¡Solo un
ejercicio más antes de una merecida felicitación!
*Introducción
Programar es parecido a hornear pasteles. ¡En serio! Imagina que estás tratando de
enseñarle a tu amiga Jane como hornear muchos diferentes tipos de pasteles.
Cada pastel requiere de diferentes ingredientes (es decir, datos de entrada). Pero las
instrucciones de 'horneado' siempre son las mismas.
Es tedioso tener que repetirle a Jane las mismas instrucciones de 'horneado' todas las veces.
¿Qué tal si simplemente pudiéramos decir 'hornea' y Jane supiera como ejecutar esos tres
pasos? ¡Eso es exactamente lo que es una función!
*Sintaxis de función
Sintaxis
Digamos que quieres mostrar en un mensaje un saludo cada vez que una persona pase al
frente de tu escritorio. Y que quieres personalizar ese saludo con sus nombres. Si
escribieras:
console.log("Hola, Betty");
console.log("Hola, Laura");
Vamos a ver exactamente como piensa un computador cuando ve el código de una función.
Para usar la función, la llamamos tan solo con escribir el nombre de la función, y
colocamos un valor de parámetro dentro de los paréntesis que van después. El computador
ejecutará el código reusable con el valor del parámetro específico sustituido dentro del
código.
El computador puede entender el código sin ese espaciado. Pero hace la edición mucho más
fácil y es un buen hábito.
¿Tengo que poner un punto y coma al final de cada línea de código en el bloque
reusable? ¿Y al final de la función completa?
Sí. Debes poner un punto y coma al final de cada línea de código (dentro de las { }) y
después de la función completa (después de los { }). El punto y coma actúa como un punto
en una oración. Ayuda al computador a saber cuáles son los puntos de parada en el código.
2. Funciones y return
No Te Repitas
La 'pequeña parte' que te encuentras modificando sería el parámetro. Y la parte que repites
sería el código en el bloque reusable - el código que está dentro de { }.
Comando return
¡Buen trabajo! Ahora, cuando llamemos a una función, no siempre queremos que
simplemente muestre un mensaje. Algunas veces queremos que retorne un valor.
Entonces podemos usar ese valor (es decir, el resultado de la función) en otro código.
¡Vamos a aprender acerca del comando return, y luego veremos cómo usar las funciones
con una sentencia if / else en el siguiente ejercicio!
Para ver detalles sobre las cuatro diferentes maneras de usar return, mira la sugerencia.
Para llamar a la función, simplemente usamos su nombre. Luego colocamos un valor para
el parámetro numérico, por ej, porDos(8)
Hasta ahora solamente hemos visto funciones con un parámetro. Pero a menudo es útil
escribir funciones con más de un parámetro. Por ejemplo, podemos tener la siguiente
función:
Porque podemos tener más de un parámetro; esto quiere decir que podemos crear más
funciones útiles.
Y para llamar a esta función, un ejemplo sería areaCaja(3,9). Ahora, queremos saber el
área de la caja que tiene 3 de largo y 9 de ancho. ¡Claro que se pueden usar otros
parámetros de valores!
Tenemos que conocer un concepto súper importante: ámbito. El ámbito puede ser global o
local.
Las variables definidas fuera de una función son accesibles en cualquier parte una vez que
han sido declaradas. Son llamadas variables globales y su ámbito es global.
Las variables definidas dentrode una función son variables locales. No se puede acceder a
ellas fuera de la función.
¡El código en la parte derecha no funciona! Queremos que la línea 15 muestre el valor de la
variable multiplicado. Pero multiplicado es una variable local y solamente se puede
usar dentro de la función. Console.log no puede acceder a esta variable local.
Resumen de funciones
Muy bien, vamos a repasar. Hoy haz aprendido un montón sobre funciones. ¡Mejor que no
lo olvides por completo!
Primero, descubrimos como usar las funciones para ejecutar una misma lógica
repetidamente, sin tener que escribir el mismo código una y otra vez. Como esto es más
eficiente, le ahorra tiempo al programador.
Funciones y if / else
Una aplicación especialmente útil de código son las sentencias if / else. Pueden tener
muchas palabras, y ser un dolor de cabeza a la hora de escribirlas repetidamente.
Vamos a escribir una función que tome como parámetro los ingresos de una persona.
Dentro de la función habrá una sentencia if / else. Queremos que la función esté disponible
para verificar si los ingresos de muchas personas diferentes los califican para tener una
tarjeta de crédito.
Introducción a los 'Bucles for' en JS
En vez de escribir manualmente console.log cinco veces, podemos usar un bucle para
hacerlo. El objetivo de este ejercicio es mostrarte como se ve un bucle, y demostrarte que
tan útil es. Los ejercicios más adelante
Inicialmente nos concentramos en usar los bucles solamente para contar números y
conservar las cosas más simples. ¡Pero en la sección 3, te mostraremos como hacer cosas
más complejas!
Sintaxis
Cada bucle for hace uso de una variable de conteo. Aquí llamamos a nuestra variable i
(pero puede tener cualquier nombre). La variable desempeña muchos papeles. La primera
parte del bucle for le dice al computador que comience con un valor de 1 para i. Lo hace
declarando la variable llamada i y dándole un valor de 1.
Cuando el bucle for ejecuta el código en el bloque de código -la parte entre { }- lo hace
comenzando desde i=1.
Sabemos como controlar donde comienza un bucle for. ¿Cómo controlamos donde termina?
Bien, la segunda parte del bucle es lo que lo determina.
Sintaxis
Ahora podemos controlar donde comienza y termina un bucle for. Pero, ¿qué hay de poder
controlar lo que pasa durante?
Los ejemplos que hemos visto han usado i = i + 1. Esto significa que cada vez hemos
incrementado la variable i en 1.
console.log(i);
¿Cómo funciona?
Hemos visto los tres elementos de la sintaxis de un bucle for. ¿Pero exactamente cómo
funciona? Vamos a imaginar que en la derecha están los pasos que sigue el computador
para ejecutar el bucle for.
1. Comienza con i = 2
2. Luego pregunta: ¿i es menor que 13? Como i=2, entonces es true y podemos
continuar.
3. En este momento NO incrementamos. En vez de eso, si la condición se cumple,
ejecutamos el bloque de código.
4. Aquí el bloque de código imprime el valor de i. En este momento es 2, así que lo
que se imprime es 2.
5. Una vez que el bloque de código esté terminado, el bucle for incrementa o
disminuye. Ahora sumamos 1.
6. Y ahora i = 3. Verificamos si es menor que 13. Si es true, ejecutamos el bloque de
código.
7. El bloque de código se ejecuta, y luego incrementamos.
8. Repetimos estos pasos hasta que la condición i<13 ya no se cumpla.
9. Ejercicios de conteo hacia atrás
10. Los bucle for solo se ejecutan cuando la condición es true.
11. ¡No ejecutes el código sin modificarlo!
12. Es importante que siempre haya una manera de que el bucle se detenga. ¡Si el bucle
for siempre va a ser igual a true, vas a quedar atascado en un bucle infinito y tu
computador se bloqueará! Observa el código. Eso no está bien.
13. a. Comienza en i=1.
b. Se continuará ejecutando siempre que i>=1.
c. Como en este momento i=1, el código se ejecutará.
Son variables que pueden almacenar números o strings. Pero por ahora solo hemos podido
almacenar UN número o UN string. Que bueno que tenemos arreglos. Arreglos:
Ejemplo:
Sintaxis:
var nombreArreglo = [datos, datos, datos];
Es muy bueno que podamos colocar una lista de datos dentro de un arreglo. Pero ahora
tenemos que aprender como tener acceso a los datos dentro del arreglo.
Pero hay una pequeña complicación. La posición (o el índice) de cada dato comienza a
contarse desde 0, no desde 1.
Los arreglos están indexados con base 0, así que tenemos que comenzar a contar las
posiciones desde 0.
Bucles y arreglos I
¡Qué buen trabajo! Has aprendido sobre los arreglos, y como acceder a un elemento del
arreglo. Pero, ¿qué tal que el arreglo tuviera 100 elementos?
¡En los arreglos, una manera útil de acceder sistemáticamente a cada elemento es usando un
bucle for!
¿Cómo funciona?
Bucles y arreglos II
1. Debes poner comas entre cada uno de los elementos del arreglo.
2. Debes poner punto y coma entre cada elemento del bucle.
3. Te sugerimos que uses el iterador i.
4. ¡Diviértete escribiendo el código durante este ejercicio!
Los bucles y los arreglos a menudo van de la mano. Así que vamos a repasar un poco más.
Conclusión
¡Has hecho un trabajo fantástico! Los bucles siempre son un poco difíciles la primera vez.
Pero vale la pena aprender a usarlos porque son de verdad útiles.
A propósito de 'while'
¡Buen trabajo con los bucles for! Sabemos que ya conoces del tema, pero, solo como
recordatorio; la sintaxis de los bucles for se ve así:
En este caso, "inicio" es donde inicia nuestra variable de conteo (por lo general es i) y "fin"
es la condición que finaliza el bucle.
Pero, ¿qué tal si no sabes por anticipado cuál será tu contador o cuántas veces tendrás que
ejecutar el bucle? Presentamos a while.
Sintaxis de 'while'
El bucle while es ideal cuando quieres usar un bucle pero no sabes cuántas veces tendrás
que ejecutarlo.
En el ejemplo que acabamos de ver, el computador estaba lanzando una moneda al azar:
Con while, si el lanzamiento resultaba en 'cara', la moneda sería lanzada de nuevo; pero si
el resultado era 'sello', el lanzamiento se detendría. Como el lanzamiento era aleatorio, no
podríamos saber con anticipación cuántos bucles necesitaríamos.
La sintaxis se ve así:
while(condición){
// ¡Realiza una acción!
}
Siempre que la condición dé como resultado true, el bucle seguirá ejecutándose. Tan
pronto como el resultado sea false, se detendrá.
Como ya eres un experto en los bucles for, esta sintaxis mucho más simple debe ser pan
comido.
¡Bien hecho!
En el ejercicio anterior mencionamos los bucles infinitos. Si le das una condición que es
true a un bucle while y no creas una forma de que esa condición posiblemente se
convierta en false, el bucle se seguirá ejecutando para siempre y tu programa se
bloqueará. ¡Eso no está bien!
Para evitar que esto suceda, siempre debes tener una forma de asegurarte de que la
condición en medio de los paréntesis de while pueda cambiar.
Verás en el editor, en la parte derecha, el mismo código del ejercicio anterior, solo que esta
vez hemos eliminado la parte que cambia la condición del bucle.
Tal vez hayas notado que cuando le damos a una variable el valor booleano true,
comprobamos esa variable directamente: no nos molestamos en usar ===. Por ejemplo,
es lo mismo que
Muy bien. ¡Es hora de que crees un bucle while desde cero!
Hemos escrito una función, bucle, en la que vas a escribir tu bucle while, además de que
hemos creado el bucle vacío.
Recuerda hacer que la condición que estás comprobando sea igual a true afuera del bucle;
si lo haces dentro del bucle, podría hacer que la condición sea igual a true una y otra vez,
¡y se ejecutaría para siempre!
var moneda = Math.floor(Math.random() * 2);
while(moneda){
¡Muy bien! Comencemos declarando las variables que utilizaremos. Necesitaremos una
variable para verificar si aún estamos atacando, una variable para verificar que le acertamos
al dragón, otra variable para llevar un registro acerca del daño que le hemos infligido al
dragón en este round, y una variable para llevar un registro acerca del daño total.
Math.floor(Math.random() * 5 + 1);
El bucle 'while'
Ahora añadamos variables a nuestro bucle while. Queremos ejecutarlo siempre que
estemos tratando de matar al dragón—esto es, mientras que atacar sea true.
Cuando se verifican variables como atacar que están definidas como true, no necesitaras
escribir algo así
solamente escribe
while(atacar)
También es de ayuda nombrar tus variables con nombres que permitan que el código se
parezca más al español natural. while(atacar){//haz esto}` ¡es fácil de recordar, pues es muy
cercano al lenguaje cotidiano!
¡Qué bien! Ahora vamos a agregar un par de bifurcaciones a nuestro programa, a fin de que
éste pueda manejar diferentes resultados. Sabes lo que esto implica: ¡ifyelse`!
dannoTotal += dannoEsteRound
¡Bien hecho!