1. ¡Hola! Vamos a conocernos mejor. ¿Cuál es tu nombre? Escríbelo entre comillas, así: "Ryan" , y presiona Enter.2. Encontrar la longitud ¡Bien hecho! ¿Qué tan largo es tu nombre? Averígualo escribiendo tu nombre en comillas, y poniendo al final .length . Después presiona Enter (haz esto de ahora en adelante después de completar las instrucciones). En mi caso, sería "Ryan".length 3. Matemática básica ¡Buen trabajo! Ahora vamos a hacer algunas operaciones matemáticas. ¡Puedes hacerlas con la programación! Calcula cualquier operación de suma que quieras. Suma dos números de la forma 3 +4 . 4. Números y más ¿Ves lo que pasó? Puedes usar la línea de comandos para hacer operaciones matemáticas básicas. Intenta jugar con ella un poco más. Si lo deseas, puedes usar * para hacer multiplicaciones y / para hacer divisiones. Ingresa otra ecuación válida para pasar esta lección. 5. Error: ¡no calcula! Hay algunas cosas que no puedes hacer en la consola. Los computadores hablan únicamente ciertos idiomas, como el que has estado usando hoy: ¡JavaScript! Si usas palabras que no hacen parte del lenguaje JavaScript, el computador se confundirá y te mostrará un mensaje de error. Trata de confundir al intérprete usando una palabra que él no conozca, como berenjena . Te mostrará un ReferenceError. 1. Editor y comentarios Hasta ahora, todo lo que has hecho tiene solamente una línea en la consola. Pero los programas interesantes incluyen muchas líneas de código. Aquí tenemos una nueva herramienta: el editor. Puedes escribir muchas líneas de código, presionar el botón Ejecutar, y el resultado aparecerá en el cuadro inferior. Tal vez hayas notado que el cuadro ya viene con un código, y que cada línea comienza con // . Todo lo que aparezca después de // es llamado un comentario y es ignorado por el computador. y multiplícalo por 9. JavaScript interactivo Lo que acabamos de ver es un ejemplo de cómo JavaScript puede ser interactivo. pero JS tiene muchos usos y es fácil de aprender. ¿Para qué podemos usar JavaScript? para crea sitios web que respondan a las interacciones del usuario crear aplicaciones y juegos (por ejemplo. Los programas no pueden tender tu cama por ti. blackjack) acceder a información en Internet (por ejemplo. . Puedes pedirle al usuario que ingrese datos mediante un prompt. llevar un registro de tu cuenta en el banco o enviarle un mensaje a uno de tus amigos. un lenguaje de programación. También puedes deshabilitar temporalmente líneas de códigovolviéndolas comentarios.Los comentarios son muy útiles para explicar partes difíciles de tu código o como recordatorios para ti mismo. En la línea 4. ¡Ahora inténtalo tú mismo! Ejemplos: confirm("¡Me siento súper!"). Para realizar cualquiera de estas acciones. Escribe tu propio mensaje que quieras que el usuario confirme. pero sí pueden hacer cálculos. o añadiendo // al inicio de las mismas El computador ignorará el código de las líneas 1 y 2. Estas cajas de diálogos pueden ser usadas en los sitios web para que los usuarios confirmen acciones. de forma que pueda hacer cosas geniales con la información que le das. automatizar el trabajo de las hojas de cálculo. 4. Existen muchos lenguajes. ¿Qué estoy aprendiendo? Esto es JavaScript (JS). ya que aparece como comentarios. encontrar las palabras más populares en Twitter según el tema) organizar y presentar datos (por ejemplo. o la visualización de datos) ¡Presiona Ejecutar para ver un ejemplo de cómo JavaScript puede ser interactivo! 3. 2. averigua cuántas letras tiene la palabra "gato". Probablemente las has visto aparecer cuando intentas borrar cosas importantes o cuando sales de un sitio web sin grabar los cambios. confirm("Estoy listo para continuar. ¿Qué es programar? Programar es como escribirle al computador una lista de instrucciones. el programa necesita que se le ingresen datos."). Para escribir un string. los cajeros automáticos calculan si [la cantidadde dinero en tu cuenta bancaria] > 0 y solamente te darán dinero si la respuesta es true .Ejemplos: 1. prompt("¿Cuál es tu nombre?"). Usa el comando prompt para preguntarle al usuario de dónde es. como las letras a-z . simplemente escríbelo como un numeral sin comillas: 42 . y será evaluada automáticamente. los espacios. 10 > 3 es igual a true 2. Puedes usarlos en tu código haciendo sentencias que sean igual a true o false .12334 . Un booleano puede tener dos valores. debes ponerlo entre comillas: "¿Cuál es tu nombre?" Escribe un string de al menos 3 palabras y averigua cuántos caracteres tiene. Tipos de datos I & II: Números y Strings Existen varios tipos de datos. numbers son cantidades. Por ejemplo. e incluso los números. strings son secuencias de caracteres. 5 < 4 es una locura. "4" y "¿Cuál es tu nombre?" Los strings son muy útiles como etiquetas. 190. true (verdadero) o false (falso). 1. Escribe un código que diga true si se cumple que la sentencia "¡Soy un campeón escribiendo código! tiene más de 10 caracteres. Simplemente escribe la condición en el editor. 2.log . prompt("Qué es Ubuntu?"). Para generar un número en tu código. ¡Y ya usaste dos de ellos! a. tal como las que conoces. nombres y contenido para tus programas. así que es igual a false Los booleanos son bastante útiles porque más adelante nos permitirán ejecutar ciertas partes de nuestro código solamente si ciertas condiciones son verdaderas . Por ejemplo: 1. Puedes hacer operaciones matemáticas con ellas. Tipos de datos III: booleanos El tercer tipo de dato es un booleano (que se pronuncia "bu-lea-no".length cuenta todos los caracteres en un string. bautizado así en honor aGeorge Boole). Todos estos son strings: "Ryan" . b. incluidos los espacios! 6. 5. Usando console. ¡. cuando queremos saber qué es lo que está pensando. Decisiones.log() toma lo que está entre paréntesis y lo registra en la consoladebajo de tu código.. Vamos a aprender sobre los operadores de comparación y como se relacionan con los tipos de datos.log() (registro de consola)! A esta acción se le conoce comúnmente como impresión. 2. Así que a veces. ¡por eso es que se llama console. console. Puedes usar comparaciones más booleanos para decidir si un bloque de código debe ejecutarse. Selecciona el operador de comparación correcto para hacer que cada una de las cuatro sentencias muestre el mensaje true .log que sean igual a false .log(2 * 5) console.Posiblemente te hayas dado cuenta de que el intérprete no muestra mensajes de todas las acciones que ejecuta. tenemos que preguntarle directamente. Lista de operadores de comparación: > Mayor que < Menor que <= Menor o igual que >= Mayor o igual que === Igual que Intenta usar cada uno de los operadores anteriores. El comando console. Mira el código en la parte derecha. si 100 < 2 ) es true . Escribe otras dos sentencias console.. ¡Buen trabajo con las comparaciones! Ahora vamos a echarle un vistazo a qué tan útiles pueden ser. 1. . Luego presiona ejecutar. 3. strings y booleanos. Escribe una en la línea 1 y la otra en la línea 2. Si la condición (en este caso. entonces ejecuta el código dentro de las llaves {} . Comparaciones Hemos aprendido acerca de tres tipos de datos: numbers.log("Hola") 2. El computador primero observa la línea 1. decisiones. Imprime las siguientes dos sentencias console. A esto se le llama una sentencia if o sentencia condicional.log al mismo tiempo. Parecía apenas ayer que tenías que cambiarle los pañales robóticos. En forma de código. ¿Que es lo que hará tu robot? 2. Esto hará que se ignore el bloque de código else . Escribe una condición en la línea 1 del programa que sea igual a false . De esta manera. se ejecutará el código en el primer par de llaves. El robot ha llegado a una encrucijada en el camino. se ve más o menos así: if (si esta condición es true) { // ejecuta este código } else // "de otra manera" { // ejecuta en cambio este código } Tu robot comienza en la primera línea. 4.log . Escribe un código que se ejecute si la condición es false. Edita la línea 1. omite el código en las llaves por completo y pasa a la siguiente línea. 1. el robot ejecuta una parte del código o la otra.Si la condición es false . igual que en el ejercicio anterior. Va a revisar el programa que escribiste para decidir qué camino debería tomar. dependiendo de la condición en la primera línea. Pero si la condición es false . . Los computadores son inteligentes ¡Buen trabajo con las sentencias if ! Ahora vamos a darle a tu robot dos opciones. de manera que tu programa imprima ambas sentencias. ¡Le estás enseñando como tomar decisiones propias! Los robots crecen tan rápido. que es la línea 6. pero ahora para hacerlo usa console. el robot ignorará el primer bloque y ejecutará el bloque después de else . Si la condición es true. Ahora parece aburrido porque estamos usando únicamente dos números en la condición. Confirm y prompt ¡Podemos hacer que aparezcan cuadros emergentes! confirm("Estoy bien"). pero si necesitas un recordatorio. booleanos (P. Hazte preguntas para saber si la recuerdas. 1. strings (P. 134 ) b. Hemos aprendido: 1. Si la condición es true . numbers (P. Más ejercicios con condicionales Es muy importante que uses la sintaxis correcta.3 . 6.ej. y luego la poesía de la programación! En el siguiente código hay muchos errores. 2. Si la condición es false. pulsa el botón de Sugerencia en la parte inferior. "Experto en JavaScript" ) c. Vamos a detenernos un poco y hacer un repaso. el número de amigos que tengas en Facebook. 4. los computadores son muy literales. "Los perros hacen ¡Guau!" . Los computadores no son tan inteligentes ¡Bien hecho! Ahora bien. tal cual como lo hicimos en el ejercicio anterior. Es más o menos como la gramática de los lenguajes de programación. ¡Primero la gramática.5. Tipos de datos a. ¡Encuéntralos todos y corrígelos! Lo que estás haciendo se conoce como "depuración". como la cantidad de dinero que tengas en la cuenta del banco. Haz por ti mismo lo que más puedas.ej. haz que aparezca el mensaje Estoyequivocado . false . Repaso de mitad de lección ¡Hasta ahora hemos aprendido mucho! Muchos términos nuevos. te iremos enseñando muchas reglas sobre la sintaxis. ¡Pero pronto podremos usar condiciones más interesantes. o el nombre de tu mascota! Podremos comparar estos elementos incluso a medida que cambian. mucha sintaxis. haz que aparezca el mensaje Tengo razón .ej. A medida que te inicies en la programación. prompt("¿Tú estás bien?"). 5 > 4 ) . un término que fue popularizado por Grace Hopper cuando literalmente sacó una polilla de su computador. Escribe un código que contenga una sentencia if/else . La sintaxis debe estar en el lugar correcto para que el computador pueda entender el código. 2. Así que 23 % 10 es igual a 3 . y el residuo es 3. Así que.3. 2. si escribimos 23 % 10 . ( ) : controla el orden de las operaciones 2. Los símbolos matemáticos básicos que aprendimos en la escuela también funcionan aquí. 3. Vamos a ver un símbolo interesante llamado modulo. Completa partes faltantes en el código para escribir una sentencia if / else. lo que da como resultado 2. 5.length + 5 es igual a 9 3. ¡Esperamos que este repaso haya sido de ayuda! Haz clic en 'Ejecutar' para continuar. Matemáticas y modulo 4. * y / : multiplicación y división 3. Más ejemplos: 17 % 5 es igual a 2 13 % 7 es igual a 6 . Matemáticas Ya hemos visto las operaciones matemáticas básicas. Condicionales Si se cumple la primera condición. 6. "Jane". estamos dividiendo 23 entre 10. . el computador dividirá el primer número por el segundo. Si no se cumple. ¡Hasta el orden en el que el computador entiende las matemáticas es el mismo que en la escuela! Código: 1.y + : resta y suma Ejemplos: 1. 3. Haz que la condición sea igual a true. Mira el código en la parte derecha para tener otro ejemplo. y luego dará como resultado el residuo de esa división. se ejecutará el primer bloque de código. 100/10 es igual a 10 2. se ejecutará el código en el bloque else . Cuando se coloca % entre dos números. 5*(3+1) es igual a 20 1. Completa la sentencia else para que genere el mensaje con el string "Error Error Error" en la consola. 99 / 8 c. 11 / 3 4. Más ejemplos: 1. ¿para qué aprender a usar modulo? Por una parte. y) donde x es el punto donde se comienza a cortar y y es el punto donde se termina de cortar el string original..log y modulo tres veces para obtener el residuo de las siguientes ecuaciones: 8. Usa console. tendrías que escribir algo así: "hola". Piensa en 30 % 10 .substring(x. ¿Y 9 % 3 ? También es 0 . Es divertido si lo combinamos con condicionales. 5. es. así que es 0 .. Modulo y if / else Así que. Las primeras tres letras de "Batman" "Batman".7. Por ejemplo. ¿ 200 % 100 ? ¡Adivinaste. 2). Para escoger la parte de "ho" en "hola". Si comienzas a cortar en el 0 y terminas en el 2 . así: 0-h-1-o-2-l-3-a-4 . Esta vista previa es una subcadena del string original (el mensaje completo). Subcadenas Hemos aprendido unas cuantas maneras de manipular los números. La parte del número es un poco extraña. ¿Qué hay acerca de los strings? En ocasiones no querrás que aparezca el string completo. de manera que tengas una vista previa de ellos. 14 / 3 b. tendrás ho . sino solo una parte de él. puedes configurar tu bandeja de entrada de Gmail para que muestre los primeros 50 (o más o menos) caracteres de cada mensaje. también es 0 . substring(0. 2 ! Mentiras. ¿Cuál es el resultado? No hay residuo. Imagínate que hay un marcador a la izquierda de cada caracter.substring(0. a.. Edita la línea 3 de manera que se muestren los prompt correctos. Código: "alguna palabra". sirve para probar la capacidad de división.3) . Usa console. necesitamos una forma de 'guardar' los valores de nuestro código. . Example: a.substring(3. 6. var esImpar = true.6) Encuentra de la 4ta a la 7ma letras del string "día maravilloso". Variables Hemos aprendido como hacer algunas cosas: a hacer strings. Desde la 4ta hasta la 6ta letra de "laptop" "laptop". Una vez que crees (o que declares) una variable con un nombre particular. "Ene" en "Enero" b. Código: var nombreVariable = tipo de datos. ¡No está mal para ser el trabajo de un día! Para escribir un código que sea más complejo. Más ejercicios con subcadenas ¡Puede ser difícil saber la posición de las letras de la subcadena! Vamos a verificar que de verdad sabemos como hacerlo bien. ¿Pero cómo la usamos? Es muy útil pensar que. "rguesas" in "Hamburguesas" 1. a saber qué caracter está en una determinada posición y a hacer operaciones matemáticas básicas. a saber cuántos caracteres tiene un string. Esto lo hacemos definiendo una variable con un nombre específico.2. que distingue entre mayúsculas y minúsculas. Más ejercicios con variables Ya hemos visto como crear una variable. a. var miEdad = 30. puedes llamar a ese valor escribiendo el nombre de la variable. cada vez que escribas el nombre de la variable. var miNombre = "Leng".log en tres líneas separadas para obtener las subcadenas de los siguientes strings. estás pidiéndole al computador que tome el nombre de la variable y lo intercambie por su valor. "Melbourne es" en "Melbourne es grandioso" (¡Ten en cuenta el espacio!) c. b. Crea una variable llamada miEdad y escribe cuántos años tienes. 2. c. substring(0.substring(0.substring(0. Es así que la variable almacenan el valor de la variable. El valor de una variable se puede cambiar fácilmente. como usar una variable Ahora vamos a ver como cambiar el valor de una variable.5) Mira la segunda línea arriba. ¡Como verás pronto.Por ejemplo: var miNombre = "Steve Jobs". de manera que miNombre. ya sea un number o un string. ¡Ahora el valor de miEdad es 31! . Le pediste al computador que intercambiara miNombre por Steve Jobs . 3. ¿A qué es igual miEdad % 12 ? Haz clic en la sugerencia para ver si tu respuesta es correcta. Cambiar los valores de variables Hasta ahora hemos aprendido a. miNombre.5) se vuelve "Steve Jobs". Veamos otro ejemplo var miEdad = 120. esto hace que escribir programas largos sea mucho más fácil! Sigue las instrucciones en los comentarios del código para continuar.5) lo que es igual a Steve . Digamos que cumplí años y quiero cambiar cuántos años tengo. miEdad = 31. como crear una variable b. ¡Solo pretende que estás creando una nueva variable. pero usando el nombre de la variable que ya existe! Ejemplo: var miEdad = 30. Las sentencias if / else son sentencias condicionales. Conclusión: Parte 2 Felicitaciones por haber llegado hasta este punto. 2. Conclusión: Parte 1 ¡Vamos a hacer un repaso rápido! Tipos de datos a. ¡Haz aprendido un montón! ¡Solo un ejercicio más antes de una merecida felicitación! La última cosa difícil que aprendimos fueron las sentencias if / else. strings . En la línea 4. Podemos recuperar los valores de esas variables escribiendo el nombre de la variable. 2. Variables Almacenamos valores de datos en las variables. 3.todo lo que esté entre " " es un string.úsalos como los números comunes y corrientes b. el computador mostrará diferentes resultados. Las palabras deben ser strings. Escribe tu propia sentencia if / else.operadores de comparación.log( ) Muestra en la consola cualquier cosa que pongamos entre paréntesis.solamente pueden ser true (verdaderos) o false (falsos).length. En la línea 3. c.Sigue las instrucciones en las líneas 1. booleanos . 1. Manipular numbers & strings a. numbers . crea una variable que se llame miTrabajo y asígnale un valor 3. Estamos usando este método para mostrarte que el orden en el que das indicaciones al computador es muy importante. modulo b. 5 y 8. numbers . La única instrucción es que el resultado del cálculo de la sentencia es un registro en la consola que diga "¡Terminé mi primer curso!" . 4. strings . 1. Lee el comentario en la línea 1. subcadena console. registra la cantidad de caracteres de miTrabajo en la consola 5. Bajo condiciones diferentes.