[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:00.00,0:00:05.93,Default,,0000,0000,0000,,Hola, mi nombre es Nick Parlante, \Ny esta es la clase que explora las características básicas Dialogue: 0,0:00:05.93,0:00:11.26,Default,,0000,0000,0000,,de las computadoras. Como ellas trabajan, que\Npueden hacer y que no. Esto Dialogue: 0,0:00:11.26,0:00:17.10,Default,,0000,0000,0000,,no requiere ningún conocimiento previo. Está \Ndirigido a todo el mundo. Dialogue: 0,0:00:17.10,0:00:21.95,Default,,0000,0000,0000,,Así que antes de iniciar, me gustaría, tomar un momento \Npara agradecer a Google por apoyar Dialogue: 0,0:00:21.95,0:00:26.28,Default,,0000,0000,0000,,mis primeras investigaciones, en este tópico , que a la larga me ayudó a hacer esta clase. Dialogue: 0,0:00:26.28,0:00:31.02,Default,,0000,0000,0000,,También una nota rápida, Esta clase no está solo hecha de \Nvideos. Para cada sección de video, Dialogue: 0,0:00:31.02,0:00:35.53,Default,,0000,0000,0000,,hay una especie de documento escrito, el que estoy aquí desplazando , que, Dialogue: 0,0:00:35.70,0:00:40.04,Default,,0000,0000,0000,,paralelo a la explicación, tiene diagramas y códigos de ejemplo, y otras cosas. Dialogue: 0,0:00:40.04,0:00:44.72,Default,,0000,0000,0000,,Así que, realmente en cualquier momento, tu puedes cambiar\Nentre el video y el documento sí Dialogue: 0,0:00:44.72,0:00:49.90,Default,,0000,0000,0000,,deseas releer una explicación, intentar un ejemplo o \Ncualquier cosa. Hay Dialogue: 0,0:00:49.90,0:00:55.76,Default,,0000,0000,0000,,una gran diferencia entre verme hacer algo \Ne intentar hacerlo tu mismo. Así Dialogue: 0,0:00:55.76,0:00:59.65,Default,,0000,0000,0000,,mi consejo sería. Algunas veces, al final de una sección, \Nnosotros tenemos algunos Dialogue: 0,0:00:59.65,0:01:02.95,Default,,0000,0000,0000,,ejercicios. y así, a tiempo,antes que intentes hacer\Nlos ejercicios, puedas decidir. Dialogue: 0,0:01:02.95,0:01:06.56,Default,,0000,0000,0000,,Bien, estás listo para saltar a los ejercicios, o si \Ngustas volver atrás al Dialogue: 0,0:01:06.56,0:01:10.08,Default,,0000,0000,0000,,documento e intentarlo otra vez, ¿pruebas alguno de los \Nexperimentos a ti mismo para cimentar Dialogue: 0,0:01:10.08,0:01:13.68,Default,,0000,0000,0000,,lo visto hasta el momento? Así, al menos debes \Nsaber que está disponible para cada Dialogue: 0,0:01:13.68,0:01:20.66,Default,,0000,0000,0000,,una de las secciones. Así que diré que la ecuación\Nfundamental de las computadoras Dialogue: 0,0:01:20.66,0:01:27.16,Default,,0000,0000,0000,,es computadoras igual potencia más estupidez. \NPotencia en el sentido que la computadora puede Dialogue: 0,0:01:27.16,0:01:32.20,Default,,0000,0000,0000,,hacer solo billones de operaciones. Ellas solo \Ntrabajan inconcebiblemente rápida, pero, las Dialogue: 0,0:01:32.20,0:01:37.71,Default,,0000,0000,0000,,operaciones son estúpidas en el sentido que \Nlas operaciones que la computadora puede hacer Dialogue: 0,0:01:37.71,0:01:43.10,Default,,0000,0000,0000,,son muy simples, son totalmente mecánicas.\NEllas no tienen ninguna idea de que Dialogue: 0,0:01:43.10,0:01:48.44,Default,,0000,0000,0000,,se describiría como una visión humana de lo que \Nestán trabajando. Por lo que esta extraña Dialogue: 0,0:01:48.44,0:01:52.42,Default,,0000,0000,0000,,combinación de gran poder combinado \Ncon una especie de estupidez mecánica. Dialogue: 0,0:01:52.42,0:01:57.19,Default,,0000,0000,0000,,Estos patrones que vendrán más claramente , \Ncomo trabajaremos en estos pequeños, Dialogue: 0,0:01:57.36,0:02:01.96,Default,,0000,0000,0000,,ejemplos de código, para ordenar para jugar alrededor en\Nel, en el mundo de la computación. Ahora, estoy siendo Dialogue: 0,0:02:01.96,0:02:06.61,Default,,0000,0000,0000,,un poco provocativo, una especie de broma de computadoras. \NOh!, ellas son tan estúpidas Dialogue: 0,0:02:06.79,0:02:11.50,Default,,0000,0000,0000,,y, pero por otro lado, nosotros vemos las computadoras \Nson, son muy útiles, así, en Dialogue: 0,0:02:11.50,0:02:16.21,Default,,0000,0000,0000,,en una manera, que esta clase es sobre ellas. \NPor un lado visitando este tipo Dialogue: 0,0:02:16.21,0:02:21.22,Default,,0000,0000,0000,,de mundo de computadoras divertidas que es una especie \Nde mecánica, y luego conectarla de Dialogue: 0,0:02:21.22,0:02:26.06,Default,,0000,0000,0000,,esta manera, tu sabes cosas como email, y audio MP3.\NCosas en el mundo real que Dialogue: 0,0:02:26.06,0:02:30.72,Default,,0000,0000,0000,,son muy útiles. tratando de conectar estos dos \Nmundos y mostrar como las Dialogue: 0,0:02:30.72,0:02:35.42,Default,,0000,0000,0000,,computadoras trabajan, y como esto encaja en el mundo. \NMi objetivo es que, saliendo de Dialogue: 0,0:02:35.42,0:02:39.95,Default,,0000,0000,0000,,clases, tu entiendas como trabajan las computadoras, \Ny como se ajustan al mundo. Y Dialogue: 0,0:02:39.95,0:02:44.37,Default,,0000,0000,0000,,en alguna manera, tu no seas intimidado por la computadora. No pienses en ella como una Dialogue: 0,0:02:44.37,0:02:49.84,Default,,0000,0000,0000,,caja mágica e inconcebible. También tengo una agenda oculta. Hay muy pocos científicos de la computación Dialogue: 0,0:02:49.84,0:02:54.90,Default,,0000,0000,0000,,en el mundo. \NHay muchos problemas que nos gustaría que fueran Dialogue: 0,0:02:54.90,0:02:59.89,Default,,0000,0000,0000,,resueltos, pero simplemente no hay suficiente gente\Npara programarlos todos ellos. Así que Dialogue: 0,0:02:59.89,0:03:05.08,Default,,0000,0000,0000,,mi agenda oculta es tal que abriendo tus ojos hacia el mundo\Nde las computadoras y como trabajan Dialogue: 0,0:03:05.08,0:03:10.13,Default,,0000,0000,0000,,para alguien como tú, tu puedas encontrar \Nque estás interesado en la búsqueda de las Dialogue: 0,0:03:10.13,0:03:14.86,Default,,0000,0000,0000,,ciencias de la computación en el futuro. Así que, la primera \Naproximación que voy a observar es; ¿Cómo Dialogue: 0,0:03:14.86,0:03:19.48,Default,,0000,0000,0000,,trabaja una computadora? Así que dentro, la computadora \Nestá realmente dirigida mediante códigos. Dialogue: 0,0:03:19.48,0:03:24.00,Default,,0000,0000,0000,,Entraremos en muchos más detalles sobre esto más adelante. Esto solo será nuestra primera mirada. Dialogue: 0,0:03:24.00,0:03:28.50,Default,,0000,0000,0000,,Aquí he hecho una imagen aproximada de una computadora. \NY el código dentro de la computadora está Dialogue: 0,0:03:28.50,0:03:33.82,Default,,0000,0000,0000,,hecha de estas instrucciones simples. \NAsí una instrucción puede ser sumar dos números, Dialogue: 0,0:03:33.82,0:03:39.27,Default,,0000,0000,0000,,ya sabes, calcular que es uno más uno o \Nverificar si dos es menor que diez. Así que lo que Dialogue: 0,0:03:39.27,0:03:44.08,Default,,0000,0000,0000,,la computadora hace, para este primer vistazo,\Nes solo ejecutar esta lista de instrucciones. Dialogue: 0,0:03:44.08,0:03:49.01,Default,,0000,0000,0000,,Cada instrucción es muy sencilla y la computadora \Nsolo está ejecutando la lista realizándola, Dialogue: 0,0:03:49.01,0:03:53.64,Default,,0000,0000,0000,,si bien las hace muy rápido. Pero cada instrucción tiene Dialogue: 0,0:03:53.64,0:03:58.98,Default,,0000,0000,0000,,este tipo muy mecánico de sensación fija.\NAsí que voy a decir esto: Dialogue: 0,0:03:58.98,0:04:04.19,Default,,0000,0000,0000,,Pienso que esto conduce a una pregunta natural. \NQue es, bien; ¿Sí la computadora es Dialogue: 0,0:04:04.19,0:04:09.34,Default,,0000,0000,0000,,tan mecánica ejecutando estas instrucciones, \Ncomo es que hay tantas Dialogue: 0,0:04:09.34,0:04:14.23,Default,,0000,0000,0000,,funciones útiles en el mundo?, \NTengo un diagrama para este caso. Dialogue: 0,0:04:14.23,0:04:18.99,Default,,0000,0000,0000,,Así en el lado derecho voy a imaginar \Nalgunas características útiles como la Dialogue: 0,0:04:18.99,0:04:23.95,Default,,0000,0000,0000,,reducción de ojos rojos, o mensajería instantánea.\NY, voy a decir para este análisis, Dialogue: 0,0:04:23.95,0:04:28.94,Default,,0000,0000,0000,,sabes, tu teléfono, tu cámara digital, todas\Nson computadoras. Están en el lado derecho. Dialogue: 0,0:04:28.94,0:04:33.45,Default,,0000,0000,0000,,Tengo el hecho útil, \Nreducción de ojos rojos. Y en el lado izquierdo, Dialogue: 0,0:04:33.45,0:04:37.84,Default,,0000,0000,0000,,tengo la computadora,que solo \Nestá pasando sus instrucciones mecánicas simples. Dialogue: 0,0:04:37.84,0:04:42.47,Default,,0000,0000,0000,,Así que, ¿qué conecta estos dos puntos de vista?\NY la respuesta es que, realmente, Dialogue: 0,0:04:42.47,0:04:46.54,Default,,0000,0000,0000,,esto es lo que la programación \Nde computadoras es. Hay una persona, un Dialogue: 0,0:04:46.54,0:04:51.01,Default,,0000,0000,0000,,programador, quien primero tienen una idea. \NOh!!, Deberíamos tener reducción de ojos rojos, Dialogue: 0,0:04:51.01,0:04:55.71,Default,,0000,0000,0000,,Sería realmente muy útil.\NY así, ellos usan su creatividad y su Dialogue: 0,0:04:55.71,0:05:00.12,Default,,0000,0000,0000,,imaginación para pensar lo que puede ser\Nalgo útil que una computadora pudiera hacer. Dialogue: 0,0:05:00.12,0:05:04.59,Default,,0000,0000,0000,,Y entonces lo que el programador hace,\Nes que realmente estructuran Dialogue: 0,0:05:04.59,0:05:09.23,Default,,0000,0000,0000,,y analizar ese problema, de tal manera que la computadora pueda hacerlo. Ellos realmente dan instrucciones Dialogue: 0,0:05:09.23,0:05:13.76,Default,,0000,0000,0000,,y estructuran cosas que la computadora pueda hacer realmente, hace esta Dialogue: 0,0:05:13.76,0:05:19.29,Default,,0000,0000,0000,,cosa útil. Eso es programación de computadoras, y de hecho, cualquier cosa Dialogue: 0,0:05:19.29,0:05:24.26,Default,,0000,0000,0000,,útil que tu hayas hecho con tu cámara digital, o celular o tu Dialogue: 0,0:05:24.26,0:05:29.70,Default,,0000,0000,0000,,computadora, realmente detrás de la escena había una persona que estaba haciendo que eso pasara. Dialogue: 0,0:05:29.70,0:05:34.87,Default,,0000,0000,0000,,Y un poco como esta combinación. En cierto modo, el programado, la persona Dialogue: 0,0:05:34.87,0:05:40.58,Default,,0000,0000,0000,,trae su creatividad e intuye sobre el mundo y pensamiento de las cosas que Dialogue: 0,0:05:40.58,0:05:45.57,Default,,0000,0000,0000,,puede ser útil tener, tener hechas, y. Esa es su mitad del problema. Y una computadora Dialogue: 0,0:05:45.57,0:05:50.22,Default,,0000,0000,0000,,trae lo bueno de la computadora. Diría que la computadora es buena en ser Dialogue: 0,0:05:50.22,0:05:54.79,Default,,0000,0000,0000,,últimamente bastante barata. Y la computadora es capaz de hacer todas estas instrucciones Dialogue: 0,0:05:54.79,0:05:58.73,Default,,0000,0000,0000,,muy, muy rápido, y así, nosotros tenemos. Últimamente nosotros tenemos esta Dialogue: 0,0:05:58.73,0:06:03.01,Default,,0000,0000,0000,,preciosa combinación. Y en alguna manera hay porque, hay muchas computadoras en Dialogue: 0,0:06:03.01,0:06:07.67,Default,,0000,0000,0000,,el mundo haciendo cosas útiles.esto muestra que es una buena sociedad entre Dialogue: 0,0:06:10.02,0:06:12.21,Default,,0000,0000,0000,,personas y computadoras. En algún modo este diagrama también es un poco el Dialogue: 0,0:06:12.21,0:06:16.76,Default,,0000,0000,0000,,resumen de esta clase. Visitaremos el lado izquierdo de mi mano para ver un tipo de Dialogue: 0,0:06:16.76,0:06:21.27,Default,,0000,0000,0000,,como lucen las computadoras. Y mirar la conectión entre Dialogue: 0,0:06:21.27,0:06:25.85,Default,,0000,0000,0000,,sus características actuales que usas y un tipo de entendimiento de como la computadora se Dialogue: 0,0:06:25.85,0:06:32.51,Default,,0000,0000,0000,,ajusta hacia el mundo y consigue haer cosas. Así, en la segunda mitad de esta sección Dialogue: 0,0:06:32.51,0:06:37.41,Default,,0000,0000,0000,,Empezaré haciendo pequeños ejemplos de código, Y mencionaré que esto requiere Dialogue: 0,0:06:37.41,0:06:42.45,Default,,0000,0000,0000,,un poco de paciencia. Empezaré codificando, y nuestro Dialogue: 0,0:06:42.45,0:06:47.48,Default,,0000,0000,0000,,primer código de ejemplo será muy simple. No haré ninguna cosa Dialogue: 0,0:06:47.48,0:06:51.71,Default,,0000,0000,0000,,diré que es como un poco de bloques de lego, cada poco de código que nosotros Dialogue: 0,0:06:51.71,0:06:56.12,Default,,0000,0000,0000,,aprendamos es un lego más, y eventualmente estaremos capaces de poner cada cosa Dialogue: 0,0:06:56.12,0:07:00.27,Default,,0000,0000,0000,,junta y hacer cosas bastante ordenadas. Pero el primer par de secciones Dialogue: 0,0:07:00.43,0:07:04.85,Default,,0000,0000,0000,,las cosas, nosotros empezaremos en alguna parte, y estos primeros ejemplos serán muy simples Dialogue: 0,0:07:04.85,0:07:09.16,Default,,0000,0000,0000,,Así que pedimos que sean pacientes, prometo que vamos a llegar a algun lado elegante con este Dialogue: 0,0:07:09.16,0:07:13.31,Default,,0000,0000,0000,,material. oh, y actualmente aquí, pongo un poco de prefiguración, así realmente con un Dialogue: 0,0:07:13.31,0:07:18.29,Default,,0000,0000,0000,,par de horas de lecturas. Nosotros empezaremos haciendo efectos visuales especiales. y así Dialogue: 0,0:07:18.29,0:07:23.43,Default,,0000,0000,0000,,Jugaremos alrededor de la fama, mostrando aquí el problema de la luna de banana. Así que Dialogue: 0,0:07:23.43,0:07:28.44,Default,,0000,0000,0000,,solo un poco de prefiguración de donde estamos. Pero por hoy solo haremos Dialogue: 0,0:07:28.44,0:07:32.78,Default,,0000,0000,0000,,simple bits de codificación. Para estos ejercicios de código, usaremos un Dialogue: 0,0:07:32.78,0:07:36.73,Default,,0000,0000,0000,,lenguaje de computadoras llamado Javascript. Javascript es un lenguaje popular. Este trabaja Dialogue: 0,0:07:36.73,0:07:40.88,Default,,0000,0000,0000,,en los nuevos navegadores web. Así que es por esto que es muy popular. Y esto es porque se Dialogue: 0,0:07:40.88,0:07:44.60,Default,,0000,0000,0000,,ajusta para nuestra clase. Porque esto, porque nosotros trabajamos en un navegador web Dialogue: 0,0:07:44.60,0:07:48.54,Default,,0000,0000,0000,,significa que nuestro código puede trabajar fácilmente. Usaremos Javascript más Dialogue: 0,0:07:48.54,0:07:52.82,Default,,0000,0000,0000,,algunas extensiones que agregaré solo para esta clase. Así que esto no será Dialogue: 0,0:07:52.82,0:07:57.23,Default,,0000,0000,0000,,exactamente como un Javascript profesional. Trabajaremos en Frases de código que Dialogue: 0,0:07:57.23,0:08:01.64,Default,,0000,0000,0000,,son ultimamente muy cortas. Solo lo suficiente para tener una especie de punto de interés conseguir cruzar los puntos Dialogue: 0,0:08:01.64,0:08:05.94,Default,,0000,0000,0000,,que necesito hacer y explorar un tipo de computadoras. Pero sin traer un poco de Dialogue: 0,0:08:05.94,0:08:10.15,Default,,0000,0000,0000,,el equpiaje que se necesita para escribir profesionalmente programas. Todo Dialogue: 0,0:08:10.15,0:08:14.50,Default,,0000,0000,0000,,bien, aquí está mi primer ejemplo de código. Así la manera que el código trabajará para nosotros es Dialogue: 0,0:08:14.50,0:08:18.55,Default,,0000,0000,0000,,tenemos esto, una pequeña área rectangular. Y este texto dentro de el, esto Dialogue: 0,0:08:18.55,0:08:22.96,Default,,0000,0000,0000,,este código. Y entonces tenemos un botón run(ejecutar) abajo. Cuando de clic en Dialogue: 0,0:08:22.96,0:08:27.60,Default,,0000,0000,0000,,el botón run. lo que pasará es, la computadora volverá aquí arriba y solo Dialogue: 0,0:08:27.60,0:08:31.83,Default,,0000,0000,0000,,ejecutará através de estas líneas. Y lo que es va a, oh como lo decimos, va a ejecutarse Dialogue: 0,0:08:31.83,0:08:36.80,Default,,0000,0000,0000,,cada línea. Va a hacer lo que dice. Así en el caso que miremos en esta la Dialogue: 0,0:08:36.80,0:08:41.15,Default,,0000,0000,0000,,función print. Así, hay solo la palabra print. Y la manera en que la función print Dialogue: 0,0:08:41.15,0:08:45.57,Default,,0000,0000,0000,,trabaja. Es que tiene la palabra print, y entonces hay un paréntesis izquierdo. Y entonces Dialogue: 0,0:08:45.57,0:08:49.65,Default,,0000,0000,0000,,hay una serie de cosas. Así aquí, solo vemos el #six. Y entonces eventualmente Dialogue: 0,0:08:49.65,0:08:53.99,Default,,0000,0000,0000,,la línea finaliza con un paréntesis derecho y un punto y coma. Y que la función print Dialogue: 0,0:08:53.99,0:08:58.60,Default,,0000,0000,0000,,hace es tomar las cosas entre los paréntesis, y las imprime fuera. Y así Dialogue: 0,0:08:58.60,0:09:04.13,Default,,0000,0000,0000,,realmente si tu miras sobre el lado derechom de mi mano, esta es la salida de Dialogue: 0,0:09:04.34,0:09:09.86,Default,,0000,0000,0000,,cuando doy clic en el boton run. Así si yo cambio esto para que diga, print 42. Y Dialogue: 0,0:09:09.86,0:09:15.34,Default,,0000,0000,0000,,ejecutará esto. Entonces veremos aquí 42. Así hay desde la la primera linea print y cuando Dialogue: 0,0:09:15.34,0:09:21.15,Default,,0000,0000,0000,,Yo digo print uno coma dos,es por eso que vemos el, el uno y el dos sobre aquí. Así. Dialogue: 0,0:09:21.15,0:09:26.43,Default,,0000,0000,0000,,es el modo de trabajo. Dije que nuestro primer ejemplo sería muy, no muy brillante Dialogue: 0,0:09:26.43,0:09:32.04,Default,,0000,0000,0000,,Ciertamente, ciertamente esto es verdad aquí. Así puedo tratar saber, añadir un Dialogue: 0,0:09:32.04,0:09:37.46,Default,,0000,0000,0000,,poco más de cosas aquí. Así puedo decir coma 47. Así cuando ejecute esto, ok, ahora vemos Dialogue: 0,0:09:37.46,0:09:43.27,Default,,0000,0000,0000,,tenemos el uno el dos en el 47. También solo mostramos que esas líneas Dialogue: 0,0:09:43.27,0:09:49.24,Default,,0000,0000,0000,,toman una vez, Copiaré.Que uno, y entonces pegaré esto un par d veces Dialogue: 0,0:09:49.24,0:09:54.47,Default,,0000,0000,0000,,tengo múltiples líneas. Así si ejecuto esto, nosotros veremos correctamente, bien. [inaudible] Dialogue: 0,0:09:54.47,0:09:59.69,Default,,0000,0000,0000,,solo, tu sabes, nosotros tenemos una repetición de cualquier salida. Dialogue: 0,0:09:59.69,0:10:06.59,Default,,0000,0000,0000,,algo que debemos indicar sobre esto. Es que la sintaxis de este código, no es Dialogue: 0,0:10:06.59,0:10:11.30,Default,,0000,0000,0000,,en forma libre, es lo contrario, es muy estructurada, esto tiene que ser para Dialogue: 0,0:10:11.30,0:10:16.30,Default,,0000,0000,0000,,que la computadora pueda entenderlo. Y esto en realidad una reflexión de la naturaleza interna Dialogue: 0,0:10:16.30,0:10:20.46,Default,,0000,0000,0000,,de la computadora. Que tiene esta cualidad mecánica fija y que Dialogue: 0,0:10:20.46,0:10:25.23,Default,,0000,0000,0000,,pueda comprender el lenguaje será también mecánico y fijo.\NEntonces Dialogue: 0,0:10:25.23,0:10:30.30,Default,,0000,0000,0000,,esto es un poco extraño, verdad, primero, que no puedes sólo empezar de forma libre Dialogue: 0,0:10:30.30,0:10:35.30,Default,,0000,0000,0000,,escribiendo Inglés aquí y tener a la computadora siguiendo esto. Así que piensa en esta Dialogue: 0,0:10:35.30,0:10:39.12,Default,,0000,0000,0000,,como tu primera lección, y la naturaleza de las computadoras. O puedes verla como Dialogue: 0,0:10:39.12,0:10:42.51,Default,,0000,0000,0000,,una especie de cuando en Roma, un tipo de calidad. Es como mira! estoy pidiéndote visitar Dialogue: 0,0:10:42.51,0:10:46.07,Default,,0000,0000,0000,,el mundo de las computadoras. Vamos a trabajar un poco en el lenguaje de las Dialogue: 0,0:10:46.07,0:10:49.41,Default,,0000,0000,0000,,computadoras. Va a ser una sensación un poco extraña al principio. Pero la realidad Dialogue: 0,0:10:49.41,0:10:54.41,Default,,0000,0000,0000,,es que realmente no es complicado. La sintaxis es, puede ser estructurada, pero también es Dialogue: 0,0:10:54.41,0:10:59.60,Default,,0000,0000,0000,,muy simple. Y también puede alentarte para que no te dejes intimidar por Dialogue: 0,0:10:59.79,0:11:04.79,Default,,0000,0000,0000,,calidad de estructura mecánica de este lenguaje. Esto va a permitirnos hacer Dialogue: 0,0:11:04.79,0:11:10.19,Default,,0000,0000,0000,,algunas cosas muy buenas. Bien, éste es mi primer ejemplo, vamos a intentar un segundo ejemplo aquí. Dialogue: 0,0:11:10.40,0:11:16.43,Default,,0000,0000,0000,,En mi primer en primer ejemplo, sólo son números.En el código informático también existe algo Dialogue: 0,0:11:16.43,0:11:21.56,Default,,0000,0000,0000,,llamado "String" (cadena). Y aquí un primer ejemplo de una cadena. "Hi" entre comillas, eso quiere decir Dialogue: 0,0:11:21.56,0:11:26.54,Default,,0000,0000,0000,,que String es sólo una secuencia de letras en un código, que está escrito entre Dialogue: 0,0:11:26.54,0:11:31.70,Default,,0000,0000,0000,,comillas. Por eso es que tengo el Hi. Así que print puede tomar un número e imprimirlo Dialogue: 0,0:11:31.70,0:11:36.54,Default,,0000,0000,0000,,luego, resulta que también puede imprimir strings. Esto acaba de interpretar el string como una Dialogue: 0,0:11:36.54,0:11:41.39,Default,,0000,0000,0000,,secuencia de letras y lo que sea, el string sólo imprime eso a lo largo de Dialogue: 0,0:11:41.39,0:11:46.44,Default,,0000,0000,0000,,aquí. Entonces, puedo cambiarlo, ya sabes, dice Hi, yo podría cambiarlo para que diga: good day Dialogue: 0,0:11:46.44,0:11:51.28,Default,,0000,0000,0000,,El string puede tener espacios en él. Así que si corro esto vamos sólo a ver Dialogue: 0,0:11:51.28,0:11:57.72,Default,,0000,0000,0000,,el good day aquí. Entonces, en un programa de computadora, cadena de caracteres y números son Dialogue: 0,0:11:57.72,0:12:02.22,Default,,0000,0000,0000,,ambos muy comunes. Un string en un programa de computadoras podría ser usado para tener guardado Dialogue: 0,0:12:02.22,0:12:06.83,Default,,0000,0000,0000,,un URL, algo que sólo escribes o, quizá en una palabra procesar cada párrafo en Dialogue: 0,0:12:06.83,0:12:11.22,Default,,0000,0000,0000,,el que estás trabajando tal vez para almacenarlo como un string. Así que string es básicamente esto, Dialogue: 0,0:12:11.22,0:12:15.60,Default,,0000,0000,0000,,secuencia de letras. Es un común ordenador de datos en una computadora. Otra cosa Dialogue: 0,0:12:15.60,0:12:20.21,Default,,0000,0000,0000,,que está mostrada en este código de ejemplo, es esta primera línea, ésto es llamado un Dialogue: 0,0:12:20.21,0:12:24.94,Default,,0000,0000,0000,,comentario, y en JavaScript, los comentarios comienzan con dos Slashes, la forma en la que el comentario Dialogue: 0,0:12:24.94,0:12:29.63,Default,,0000,0000,0000,,trabaja es, comenzando con dos slashes, todo en la parte derecha de esa la línea. Dialogue: 0,0:12:29.63,0:12:34.88,Default,,0000,0000,0000,,La computadora lo ignora, y puedo usarlo para escribir alguna observación sobre, tu sabes, oh, Dialogue: 0,0:12:34.88,0:12:39.75,Default,,0000,0000,0000,,Tengo dos strings aquí. Alguna pequeña observación o apunte para mí mismo, o algo Dialogue: 0,0:12:39.75,0:12:44.81,Default,,0000,0000,0000,,sobre el código. Entonces cuando yo corro el programa, la computadora sabrá ignorar esta Dialogue: 0,0:12:44.81,0:12:49.86,Default,,0000,0000,0000,,parte. Oh, eso es sólo un comentario!. En algunos de mis ejemplos siguientes, verás Dialogue: 0,0:12:49.86,0:12:55.18,Default,,0000,0000,0000,,comentarios salpicados alrededor de donde esté, estaré remarcando sobre lo que está sucediendo. Dialogue: 0,0:12:55.36,0:13:01.74,Default,,0000,0000,0000,,Un ejemplo que podría hacer que es un poco difícil, es:, voy a poner la palabra Dialogue: 0,0:13:01.74,0:13:09.41,Default,,0000,0000,0000,,print, dentro de este string, y veré qué es lo imprime. Así que ahora mismo, en la Dialogue: 0,0:13:09.41,0:13:14.81,Default,,0000,0000,0000,,segunda línea, cambió, hello por print. Entonces, lo que sucedió es que, la palabra print dentro Dialogue: 0,0:13:14.81,0:13:20.62,Default,,0000,0000,0000,,de un string, no es tratada como un código para que corra, como la palabra print fuera, esa es una Dialogue: 0,0:13:20.62,0:13:26.16,Default,,0000,0000,0000,,función que denomina al código. Cuando estoy dentro de las comillas como Dialogue: 0,0:13:26.16,0:13:31.89,Default,,0000,0000,0000,,esto, es sólo un dato. Eso es algo sobresaliente dentro del código. Bien, Dialogue: 0,0:13:31.89,0:13:37.72,Default,,0000,0000,0000,,de acuerdo, haré en el final de esta sección, vamos a tener algunos ejercicios, Dialogue: 0,0:13:37.72,0:13:43.91,Default,,0000,0000,0000,,donde, tu podrás escribir algún código tal como: aquí he terminado. Entonces como yo he men-, como he mencionado anteriormente, Dialogue: 0,0:13:43.91,0:13:50.10,Default,,0000,0000,0000,,el código trabaja dentro del sistema, siendo muy limitada-estructurada la sintaxis. Y es Dialogue: 0,0:13:50.10,0:13:54.60,Default,,0000,0000,0000,,realmente un error demasiado común, incluso un, tu sabes, un programador profesiones quién Dialogue: 0,0:13:54.60,0:13:59.46,Default,,0000,0000,0000,,escribe códigos todo el día. Cuando ellos están escribiendo algún código, ahí tenderán a Dialogue: 0,0:13:59.46,0:14:04.25,Default,,0000,0000,0000,,tener pequeños errores de sintaxis. salpicones a través del código. O, quizá un, te ha faltado un Dialogue: 0,0:14:04.25,0:14:09.22,Default,,0000,0000,0000,,paréntesis o hay un error tipográfico en una de las palabras. Y esos errores de sintaxis son Dialogue: 0,0:14:09.22,0:14:13.72,Default,,0000,0000,0000,,muy fáciles de arreglar. Entonces eso quiere decir que cuando tu, cuando vayas a darle click al botón de correr Dialogue: 0,0:14:13.72,0:14:18.51,Default,,0000,0000,0000,,is muy común que haya algún pequeño error tipográfico y tengas que solucionarlo. Y Dialogue: 0,0:14:18.51,0:14:22.77,Default,,0000,0000,0000,,quieras entender que, esos pequeños errores no reflejan algún profundo Dialogue: 0,0:14:22.77,0:14:27.48,Default,,0000,0000,0000,,malentendido de tu parte, o alguna galla, esos son sólo pequeños errores superficiales Dialogue: 0,0:14:27.48,0:14:32.08,Default,,0000,0000,0000,,que suceden todo el tiempo codificando. Y un programador profesional, los comete todo Dialogue: 0,0:14:32.08,0:14:36.62,Default,,0000,0000,0000,,el tiempo, y nosotros no discurrimos en arreglarlos. Nosotros, incluso no pensamos Dialogue: 0,0:14:38.89,0:14:41.16,Default,,0000,0000,0000,,más en eso. Así que to creo que cuando las personas se introducen por primera ves en la codificación, Dialogue: 0,0:14:41.16,0:14:45.65,Default,,0000,0000,0000,,esto es algo que los descarrila un poquito, hay esos pequeños Dialogue: 0,0:14:45.65,0:14:50.13,Default,,0000,0000,0000,,errores de sintaxis y un poco, a unos los ponen fuera del juego cuando de hecho, todos Dialogue: 0,0:14:50.13,0:14:54.71,Default,,0000,0000,0000,,cometen esos errores. No es en lo absoluto una gran cosa, así que ayuda, difunde ese problema un poquito. Dialogue: 0,0:14:54.71,0:14:58.13,Default,,0000,0000,0000,,Sólo quiero ir mediante el grupo de ejemplos que he tenido... He Dialogue: 0,0:14:58.13,0:15:01.69,Default,,0000,0000,0000,,creado aquí, algunos ejemplos, donde sólo tengo típicos errores de sintaxis. Y Dialogue: 0,0:15:01.69,0:15:05.21,Default,,0000,0000,0000,,quiero mostrarles que errores aparecen cuando das click al botón ejecutar, verdad? Dialogue: 0,0:15:05.21,0:15:08.95,Default,,0000,0000,0000,,lo que sucederá es que cuándo le de click al botón ejecutar, éste no trabajará, voy a obtener Dialogue: 0,0:15:08.95,0:15:12.46,Default,,0000,0000,0000,,algún pequeño error. Y quiero mostrarles el proceso desde encontrar el Dialogue: 0,0:15:12.46,0:15:15.80,Default,,0000,0000,0000,,error y arreglar el pequeño problema de sintaxis, sólo así te acostumbras. Como, Dialogue: 0,0:15:15.80,0:15:19.22,Default,,0000,0000,0000,,oh sí, cuando primero das click al botton ejecutar, ese es un error muy común, cosas que Dialogue: 0,0:15:19.22,0:15:22.55,Default,,0000,0000,0000,,van a ocurrir, Entonces, vamos a ir a través de estos.\NListo, ejecuto el programa con el Dialogue: 0,0:15:22.55,0:15:26.38,Default,,0000,0000,0000,,botón. Y, ya sabes, en lugar de ejecutar y producir una salida, obtengo un pequeño Dialogue: 0,0:15:26.38,0:15:30.03,Default,,0000,0000,0000,,error aquí, un pequeño mensaje de error.\NA veces los mensajes de error, son Dialogue: 0,0:15:30.03,0:15:33.73,Default,,0000,0000,0000,,muy buenos, describen qué está sucediendo. Así que, vamos a leer el primero, este dice, Dialogue: 0,0:15:33.73,0:15:38.72,Default,,0000,0000,0000,,error, P-r, PR, PRlint no está definido. Lo que está sucediendo aquí, es que print es una Dialogue: 0,0:15:38.72,0:15:44.14,Default,,0000,0000,0000,,función, pero aquí la segunda, la línea dos, y en realidad en este caso es, Dialogue: 0,0:15:44.14,0:15:49.92,Default,,0000,0000,0000,,bien, ésta nunca funcionará, pero en muchas ocasiones, ésta destacará la línea que tiene Dialogue: 0,0:15:49.92,0:15:56.34,Default,,0000,0000,0000,,el problema. El problema es que es un error tipográfico, éste no dice P R I N T, éste dice P R L N T. Dialogue: 0,0:15:56.34,0:16:01.05,Default,,0000,0000,0000,,Entonces, si cambio L por i ... Sí, ahora funciona, éste es un pequeño programa sólo Dialogue: 0,0:16:01.05,0:16:05.10,Default,,0000,0000,0000,,imprime a, 1, b, 2, c, 3, un poco sin sentido Dialogue: 0,0:16:05.10,0:16:09.30,Default,,0000,0000,0000,,un ejemplo que hago, ahora, claro, puse una L porque estaba considerando Dialogue: 0,0:16:09.30,0:16:13.25,Default,,0000,0000,0000,,una letra que se parezca a la i, tú habrías venido observando cuidadosamente, ya que yo estaba Dialogue: 0,0:16:13.25,0:16:17.18,Default,,0000,0000,0000,,siendo un malicioso profesor ahí. Bien, vamos a intentar otro de estos. Dialogue: 0,0:16:17.18,0:16:21.67,Default,,0000,0000,0000,,Daré click a ejecutar en éste, dice error: string sin terminar, y éste Dialogue: 0,0:16:21.67,0:16:26.32,Default,,0000,0000,0000,,destaca la segunda línea. Miraré la segunda línea desde izquierda a Dialogue: 0,0:16:26.32,0:16:31.08,Default,,0000,0000,0000,,derecha, lo viste, ahí ahí está la B, entonces debes ver el problema es que aquí es Dialogue: 0,0:16:31.08,0:16:35.62,Default,,0000,0000,0000,,un string. Nuestra intención fue el string B, pero falta cerrar las comillas. Como Dialogue: 0,0:16:35.62,0:16:40.71,Default,,0000,0000,0000,,son necesarias ambas comillas, vamos a ver como funciona. Intentaré el tercero. Vamos Dialogue: 0,0:16:40.71,0:16:45.14,Default,,0000,0000,0000,,a ver, error, falta paréntesis derecho, así de nuevo, está destacada la línea. Ahora Dialogue: 0,0:16:45.14,0:16:49.45,Default,,0000,0000,0000,,voy a, realmente, en este caso, el error, el mensaje de error es realmente Dialogue: 0,0:16:49.45,0:16:54.28,Default,,0000,0000,0000,,bueno. Está diciendo, hey, mira!. Como con las comillas, el paréntesis izquierdo. Dialogue: 0,0:16:54.28,0:16:58.48,Default,,0000,0000,0000,,y el paréntesis derecho, ellos necesitan estar en pareja.\NComo, ahí, ahí debe estar un paréntesis en Dialogue: 0,0:16:58.48,0:17:02.95,Default,,0000,0000,0000,,la derecha, exactamente ahí por el print, ahora este funciona. Dialogue: 0,0:17:02.95,0:17:12.22,Default,,0000,0000,0000,,Bueno, aquí el último . Algo mal... En éste caso Dialogue: 0,0:17:12.22,0:17:16.16,Default,,0000,0000,0000,,el mensaje de error está equivocado. A veces, cuando existe un error de sintaxis, Dialogue: 0,0:17:16.16,0:17:20.79,Default,,0000,0000,0000,,la computadora, se confunde y no puede diagnosticar el mensaje Dialogue: 0,0:17:20.79,0:17:25.24,Default,,0000,0000,0000,,de error, esto puede básicamente decir, bueno, algo está mal aquí en la línea dos. Entonces Dialogue: 0,0:17:25.24,0:17:29.97,Default,,0000,0000,0000,,recomiendo sólo observar cuidadosamente de izquierda a derecha y mira, esto parece. parece, Dialogue: 0,0:17:29.97,0:17:34.40,Default,,0000,0000,0000,,muy razonable, sucede, en este caso que lo que falta, es la coma. Y Dialogue: 0,0:17:34.40,0:17:38.62,Default,,0000,0000,0000,,pienso que éste es un ejemplo de la diferencia entre las computadoras y los humanos. Un Dialogue: 0,0:17:38.62,0:17:42.80,Default,,0000,0000,0000,,humano puede observar y ver tu intención. Tal como, Oh, ya veo la intención aquí Dialogue: 0,0:17:42.80,0:17:46.96,Default,,0000,0000,0000,,fue imprimir un uno y luego una B. Pero la computadora con si cualidad mecánica. Dialogue: 0,0:17:46.96,0:17:51.77,Default,,0000,0000,0000,,es como, las cosas deben ser, como deben ser, y esa coma Dialogue: 0,0:17:51.77,0:17:57.12,Default,,0000,0000,0000,,no es opcional, allí debe de tener la coma, y nos quedaremos atascados hasta que lo arreglemos. Todo Dialogue: 0,0:17:57.12,0:18:02.100,Default,,0000,0000,0000,,perfecto. Ahora funciona. Bueno, ésta es nuestra primera sección de impresión básica Dialogue: 0,0:18:02.100,0:18:09.12,Default,,0000,0000,0000,,con números y caracteres. Tengo un ejemplo aquí, lo intentaré. Así es Dialogue: 0,0:18:09.12,0:18:13.69,Default,,0000,0000,0000,,como los ejercicios van a aparecer muchas veces.\NSin embargo después los ejercicios serán Dialogue: 0,0:18:13.69,0:18:18.04,Default,,0000,0000,0000,,mas entretenidos, lo prometo. Entonces, éste dice, cambiar el código de abajo de tal forma que Dialogue: 0,0:18:18.04,0:18:22.55,Default,,0000,0000,0000,,al ejecutarse produzca exactamente esta salida. Dice, uno, dos, hebilla, ésto está basado en Dialogue: 0,0:18:22.55,0:18:26.44,Default,,0000,0000,0000,,el uno, dos, hebillo mi zapato (algo así). Así que este código, ahí, ahí está un código que ejecuta Dialogue: 0,0:18:26.44,0:18:29.91,Default,,0000,0000,0000,,algo, pero no es, no es lo correcto, así que se supone que debemos de cambiarlo. Dialogue: 0,0:18:29.91,0:18:33.38,Default,,0000,0000,0000,,Veamos. Para uno, lo que debo hacer es agregar dos, y luego Dialogue: 0,0:18:33.38,0:18:36.99,Default,,0000,0000,0000,,recordar poner la coma, luego, cambiaré este string, para que sea Dialogue: 0,0:18:36.99,0:18:40.69,Default,,0000,0000,0000,,hebilla, ahora puedo ejecutarlo, acabamos de ver que hace. Te alentaré, tu sabes, Dialogue: 0,0:18:40.69,0:18:44.35,Default,,0000,0000,0000,,si tienes alguna idea del código, o sólo deseas intentar algo Dialogue: 0,0:18:44.35,0:18:48.14,Default,,0000,0000,0000,,no romperás algo sólo por escribir aquí y equivocarte Dialogue: 0,0:18:48.14,0:18:51.89,Default,,0000,0000,0000,,Entonces es bueno, es bueno tener la sensación de la experimentación. Dialogue: 0,0:18:51.89,0:18:58.72,Default,,0000,0000,0000,,Aquí está la primera línea. Y voy a revisar la segunda. Así, tres coma, cuatro coma, Dialogue: 0,0:18:58.72,0:19:07.46,Default,,0000,0000,0000,,knock. Bien, oh bien, ahora funciona. Algunas veces cuando hago pequeños ejemplos Dialogue: 0,0:19:07.46,0:19:12.95,Default,,0000,0000,0000,,en un documento como este quizá es que el , el vídeo. Haré un grupo de Dialogue: 0,0:19:12.95,0:19:16.59,Default,,0000,0000,0000,,ejemplos, y cuando quieras ve e inténtalos, tu sabes, se, estarás curioso sobre Dialogue: 0,0:19:16.59,0:19:20.51,Default,,0000,0000,0000,,el segundo, y quieres ir a revisarlo e intentar alguna variante, encontrar el error Dialogue: 0,0:19:20.51,0:19:24.15,Default,,0000,0000,0000,,por ti mismo, eso es algo de lo que estás absolutamente libre de hacer. A veces Dialogue: 0,0:19:24.15,0:19:27.47,Default,,0000,0000,0000,,en el documento tengo un botón que muestra la solución, eso Dialogue: 0,0:19:27.47,0:19:31.06,Default,,0000,0000,0000,,quiere decir que puedes ir y está en blanco, entonces podrías hacer tus experimentos. Dialogue: 0,0:19:31.20,0:19:34.75,Default,,0000,0000,0000,,Pero si luego eres curioso sobre el código que he utilizado, luego puedes también verlo Dialogue: 0,0:19:34.75,0:19:38.20,Default,,0000,0000,0000,,disponible en el documento, y comparar con tus respuestas. O si Dialogue: 0,0:19:38.20,0:19:41.75,Default,,0000,0000,0000,,quieres copiarlo, o lo que sea, está bien. Bueno.\Néste es el final de nuestra primera Dialogue: 0,0:19:41.75,0:19:44.94,Default,,0000,0000,0000,,sección, así que revisa esos ejercicios de codificación.