WEBVTT 1 00:03:04.900 --> 00:03:06.880 Brincus Anfitrion: Hola, jóvenes. Bienvenidos. 2 00:03:07.280 --> 00:03:08.930 Daniel_octavio_Tesser_silva: Hola. 3 00:03:09.360 --> 00:03:11.350 Brincus Anfitrion: Hola, Daniel bienvenido 4 00:03:11.630 --> 00:03:12.320 Brincus Anfitrion: y 5 00:03:13.460 --> 00:03:22.410 Brincus Anfitrion: vamos a comenzar la clase a las 3, 5, aproximadamente para los compañeros que nos puedan entrar que están teniendo alguna dificultad. Hola, Javier 6 00:03:22.960 --> 00:03:24.530 Brincus Anfitrion: Miguel Miranda. Bienvenidos! 7 00:03:24.720 --> 00:03:26.130 Nacho_Saez: Hola. Nacho. Hola. 8 00:03:26.130 --> 00:03:26.630 Nacho_Saez: no. 9 00:03:29.040 --> 00:03:29.900 Brincus Anfitrion: Claro. 10 00:03:30.160 --> 00:03:31.310 Brincus Anfitrion: Hola, nacho. 11 00:03:33.230 --> 00:03:33.770 Roberto__Henriquez: Lo hace. 12 00:03:34.000 --> 00:03:35.529 Brincus Anfitrion: Hola, Roberto 13 00:03:36.340 --> 00:03:37.450 Brincus Anfitrion: Daniel 14 00:03:38.010 --> 00:03:39.940 Brincus Anfitrion: Antonia Alejandra. 15 00:03:41.930 --> 00:03:45.730 Brincus Anfitrion: Alguno de ella estuvo en lo bueno. Algunos nombres se me hacen conocidos. 16 00:03:46.060 --> 00:03:53.770 Brincus Anfitrion: Estuvieron en el en los clubes de de programación que se hicieron los meses anteriores o de inteligencia artificial. 17 00:03:56.700 --> 00:03:59.589 Brincus Anfitrion: Con esto. 18 00:04:01.440 --> 00:04:02.820 Brincus Anfitrion: Javier igual tú, 19 00:04:05.080 --> 00:04:06.150 Brincus Anfitrion: Emilia. 20 00:04:08.720 --> 00:04:13.140 Brincus Anfitrion: ya y alguno ha escuchado. Javascript, Idioma Javascript es 21 00:04:13.640 --> 00:04:14.700 Brincus Anfitrion: código puro 22 00:04:16.529 --> 00:04:18.260 Brincus Anfitrion: alguno. He utilizado yo es que 23 00:04:18.519 --> 00:04:19.820 Brincus Anfitrion: o lo conocen 24 00:04:20.040 --> 00:04:21.490 Brincus Anfitrion: antonelli ¿Cuál es tú 25 00:04:24.900 --> 00:04:29.150 Brincus Anfitrion: pero no se asuste si en realidad vamos a verlo desde 0. Así que alguien lo conoce. 26 00:04:32.510 --> 00:04:34.140 Brincus Anfitrion: que tanto conoces Javier. 27 00:04:38.710 --> 00:04:39.810 JAVIER_ARTURO_MIRANDA_HURTADO: Poco. 28 00:04:40.410 --> 00:04:41.080 Brincus Anfitrion: Ya 29 00:04:42.180 --> 00:04:50.689 Brincus Anfitrion: con y la penúltima clase que trabajamos no nos habíamos ido a escribir la última clase con la penúltima clase. Hemos visto? C, C, S Y. H. D, M: L: No. 30 00:04:51.040 --> 00:04:52.850 Brincus Anfitrion: creo yo. Conozco 31 00:04:52.980 --> 00:04:57.750 Brincus Anfitrion: Minecraft. Java. Sí, mantener. 32 00:04:59.310 --> 00:05:02.490 JAVIER_ARTURO_MIRANDA_HURTADO: Pensé que íbamos a usar. H, T, M: L. 33 00:05:03.340 --> 00:05:07.560 Brincus Anfitrion: Sí. No sé si se inscribieron en el de Di en el de diseño web 34 00:05:08.240 --> 00:05:09.410 Brincus Anfitrion: que mañana 35 00:05:11.750 --> 00:05:15.740 Brincus Anfitrion: mañana de diseño web. Ahí vamos a ver. H, T, M, L, S, C, S y Ascar. 36 00:05:16.010 --> 00:05:22.720 Brincus Anfitrion: Pero igual vamos a ver un poco, H, o sea, en estas 3 clases. Volvamos a ver porque en realidad se usan las 3 cosas. Entonces ahí vamos a 37 00:05:23.150 --> 00:05:26.379 Brincus Anfitrion: hacer un par de cositas para que ustedes puedan ver como funciona en la Web 38 00:05:28.880 --> 00:05:38.029 Brincus Anfitrion: nacho nacho, se inscribes los 2 que dice Lucas, pero ya ves que son 2 lenguajes diferentes. Sí, son son lenguajes totalmente diferentes. 39 00:05:40.350 --> 00:05:42.049 Brincus Anfitrion: Muy bien, lo que dice Luca G 40 00:05:44.760 --> 00:05:48.569 Brincus Anfitrion: Emanuel: igual se unió a las 2 muy bien nos vemos mañana entonces. 41 00:05:49.120 --> 00:05:51.460 Brincus Anfitrion: Pero en realidad los 2 se complementan. Bastante. 42 00:05:51.720 --> 00:06:03.680 Brincus Anfitrion: Uno más orientado mañana al diseño, a lo que es como más visual. Y hoy día esto es programación para que ustedes puedan resolver problemas. Ver cómo funciona Javascript que muchos desconocen cómo se 43 00:06:04.380 --> 00:06:05.769 Brincus Anfitrion: cómo se desarrolló 44 00:06:06.130 --> 00:06:09.149 Brincus Anfitrion: y en qué les puede servir. Eso es lo que vamos a ver hoy día. 45 00:06:09.710 --> 00:06:14.890 Brincus Anfitrion: pero en realidad es todo orientado desde Esta es la primera, el primer club de Javascript. Entonces 46 00:06:15.080 --> 00:06:20.780 Brincus Anfitrion: es como para los que desde el nivel 0, o sea, nunca lo han escuchado ahí, vamos a empezar a 47 00:06:21.240 --> 00:06:32.540 Brincus Anfitrion: avanza. Usaremos Codylin pregunta Conny, de momento, sí, ojalá pua, podamos utilizar visor estudio como me gustaría que pudiéramos llegar a eso. Pero la idea es que todo lo tengan instalado. 48 00:06:32.790 --> 00:06:40.700 Brincus Anfitrion: porque lo que podríamos hacer es que si la próxima clase todos lo traen instalado, que en realidad es súper fácil instalar. 49 00:06:40.960 --> 00:06:46.000 Brincus Anfitrion: Podemos empezar porque si no nos vamos a demorar mucho tiempo en empezar a configurarlo 50 00:06:46.320 --> 00:07:00.430 Brincus Anfitrion: A, pues a desde descargarlo todo Eso sí, la otra vez, yo le enseñé cómo instalarlo. Pero hubieron compañeros que les que no podían. Tenían errores. Entonces, si no, Si a alguno le pasara eso, tendríamos que solucionarlo en el momento, entonces 51 00:07:01.250 --> 00:07:12.679 Brincus Anfitrion: sería un poquito más complejo, pero sí me gustaría que utilizaran eso, porque el día de mañana, el que se quiera dedicar a programar, posiblemente utilice visual studio code o algún otro editor de código 52 00:07:12.890 --> 00:07:14.289 Brincus Anfitrion: y que le va a servir mucho. 53 00:07:15.240 --> 00:07:16.370 Brincus Anfitrion: Esa es la idea. 54 00:07:18.040 --> 00:07:20.869 Brincus Anfitrion: Buenas tardes. Manuel no había visto su salud. 55 00:07:21.450 --> 00:07:25.629 Brincus Anfitrion: No, Daniel, no tienes que descargar de momento y día no tiene que cargar nada. 56 00:07:25.820 --> 00:07:38.150 Brincus Anfitrion: porque lo que vamos a hacer vamos a programar en el navegador en el navegador del navegador que ustedes utilicen. Ojalá se pudieran utilizar. Bueno, se se llaman navegadores basados en chromium. Pero si pudieran usar Google, Chrome 57 00:07:38.430 --> 00:07:40.360 Brincus Anfitrion: safari igual se puede 58 00:07:40.640 --> 00:07:52.869 Brincus Anfitrion: mozilla también. Pero en Microsoft Edge hay un hay algunos errores Entonces preferiría que no utilizaran ese por al menos por esta clase, Si es que tuvieran, si lo tienen, igual lo pueden utilizar. No hay problema. 59 00:07:52.990 --> 00:07:53.930 Brincus Anfitrion: Hola, Joel. 60 00:07:54.550 --> 00:07:56.189 Brincus Anfitrion: Bienvenido a cualquier cosa. 61 00:07:56.970 --> 00:08:04.109 Brincus Anfitrion: Bing, pero Bing, no sé si tiene un yo sé que un buscador, No sé si lo tiene como navegador 62 00:08:05.180 --> 00:08:08.489 Brincus Anfitrion: exacto de nieve. Eso vamos a ver. Les voy a enseñar a 63 00:08:09.220 --> 00:08:10.850 Brincus Anfitrion: a inspeccionar 64 00:08:11.950 --> 00:08:12.990 Brincus Anfitrion: exacto 65 00:08:13.200 --> 00:08:16.320 Brincus Anfitrion: speak element, como dice Daniel. 66 00:08:17.970 --> 00:08:20.040 Brincus Anfitrion: Así que si tiene alguna duda. 67 00:08:20.740 --> 00:08:24.760 Brincus Anfitrion: lo pueden hacer en el momento de la clase. No hay ningún problema. 68 00:08:24.950 --> 00:08:27.139 Brincus Anfitrion: Yo les voy a compartir por mientras 69 00:08:29.110 --> 00:08:30.410 Brincus Anfitrion: en 70 00:08:31.160 --> 00:08:32.640 Brincus Anfitrion: la presentación 71 00:08:36.400 --> 00:08:38.679 Brincus Anfitrion: ya me van avisando. Si ven, si no ven. 72 00:08:38.919 --> 00:08:40.240 Brincus Anfitrion: si tienen algún error. 73 00:08:42.850 --> 00:08:47.280 Brincus Anfitrion: voy a checar un poquito la pantalla para poder poner el chat por si tienen algún 74 00:08:47.690 --> 00:08:49.180 Brincus Anfitrion: alguna pregunta en el momento 75 00:08:51.370 --> 00:09:13.009 Brincus Anfitrion: ya comienzo. Pero los que no me conocen, creo que no. No hemos visto con varios ya, pero los que no me conocen, mi nombre es franco herrera. Soy diseñador gráfico y diseñador. You que se llama diseñador de experiencia interfaz usuario. Nos dedicamos a hacer aplicaciones móviles, aplicaciones para el computador, diseño Web. Y todo eso que ustedes pueden ver o que interactúan con las aplicaciones. Es lo que hace un diseñador. 76 00:09:13.040 --> 00:09:22.560 Brincus Anfitrion: Este club es el club de programación. Lo que nosotros vamos a ver es programación creativa. Se llama con Javascript, porque es un poco más interactiva. Ya. 77 00:09:22.650 --> 00:09:30.999 Brincus Anfitrion: Lo importante es que no tengan ningún temor a esto porque lo van a ver desde 0, realmente desde 0. En algún momento, algunos que ya tengan conocimiento a ver qué 78 00:09:31.190 --> 00:09:45.129 Brincus Anfitrion: que es muy, muy fácil, pero la idea es que ustedes aprendan las bases, al menos en estas 3 primeras clases. En estas 3 primeras clases igual. ¿vamos a tener algún proyecto? ¿vamos a salir con algún proyecto igual que en toda la otra clubes. 79 00:09:45.680 --> 00:09:49.710 Brincus Anfitrion: Pero al menos esta clase de hoy es como para que conozcas los fundamentos y 80 00:09:50.240 --> 00:09:53.919 Brincus Anfitrion: y las bases de de Javascript los elementos principales, ya 81 00:09:54.030 --> 00:09:55.550 Brincus Anfitrion: así que No, no se asustan 82 00:09:56.300 --> 00:10:11.700 Brincus Anfitrion: supuestamente como aviso. Creo que este club va se va a hacer, va a ser grabado y va a ser su día a la plataforma. Eso, al menos lo que a mí me indicaron ya para los que preguntaron en los clubes anteriores. Tengo entendido que este este, si se va a 83 00:10:12.080 --> 00:10:16.749 Brincus Anfitrion: bueno, se graban todos. Pero este creo que va a estar en la plataforma para que ustedes lo puedan revisar después más adelante. 84 00:10:18.390 --> 00:10:22.910 Brincus Anfitrion: Bueno, como físico, nunca me ha funcionado casi el ratón 85 00:10:23.500 --> 00:10:27.500 Brincus Anfitrion: lo podemos revisar más adelante con Iva que funcione el de Scratch. 86 00:10:28.010 --> 00:10:40.600 Brincus Anfitrion: Bueno, las normas de convivencia de Brincus número 1: me comunico con respeto hacia los demás 2 utilizo el chat para portar en la clase. Tres: levanto la mano y espero mi turno y 4, participo con mi cámara y micrófono siempre que sea posible? 87 00:10:41.450 --> 00:10:42.530 Brincus Anfitrion: Sí, agustín. 88 00:10:42.830 --> 00:10:44.839 Brincus Anfitrion: por supuesto, la pregunta que me hizo 89 00:10:45.370 --> 00:10:46.380 Brincus Anfitrion: Sí, se puede. 90 00:10:47.330 --> 00:10:48.910 Brincus Anfitrion: Mhm 91 00:10:50.460 --> 00:11:06.640 Brincus Anfitrion: En punto. Cuatro participan con mi cámara y micrófono siempre que sea posible. Lo ideal es que lo puedan hacer. Si no lo pueden hacer, no se preocupen, ya el chat está habilitado durante toda la clase. Tengo que hacer preguntas directas o preguntas a toda la clase Igual las voy respondiendo y las voy leyendo, ya. 92 00:11:07.480 --> 00:11:16.259 Brincus Anfitrion: Así que lo importante es que puedan interactuar los que no puedan. No se preocupen, lo podemos ver lo pueden hacer más adelante o realmente cuando puedan, no se sientan obligados 93 00:11:16.560 --> 00:11:25.089 Brincus Anfitrion: Cris Una pregunta: ¿qué es Javascript? Es un lenguaje de programación, algo así? Sí, es un lenguaje de programación. Ahora lo vamos a ver. De hecho, vamos a conocer el fundamento. 94 00:11:25.670 --> 00:11:27.239 Brincus Anfitrion: como les comentaba 95 00:11:27.460 --> 00:11:30.099 Brincus Anfitrion: este club de programación. 96 00:11:31.140 --> 00:11:35.900 Brincus Anfitrion: Solamente Javascript. Y otra pregunta me dice, Chris. 97 00:11:36.070 --> 00:11:47.840 Brincus Anfitrion: que es? H. T. M. L. ¿que usamos la otra vez. H: T, M. L. Crist: Es un lenguaje de marcado hipertexto no es un lenguaje de programación. Los lenguajes de programación son los que permiten que 98 00:11:48.150 --> 00:11:52.260 Brincus Anfitrion: en la máquina, en este caso el computador o el celular. Lo que usted tenga, haga algo 99 00:11:52.470 --> 00:11:54.710 Brincus Anfitrion: funcione o como que haga alguna función. 100 00:11:55.140 --> 00:12:04.289 Brincus Anfitrion: Y. H, T, M. L. Son solamente de la estructura de una página web. De hecho, nosotros vamos a ver ahora cómo se complementan Javascri y Html. 101 00:12:04.860 --> 00:12:06.769 Brincus Anfitrion: Daniel tiene su mano levantada. 102 00:12:07.630 --> 00:12:17.080 Daniel_octavio_Tesser_silva: Iba a mencionar para los que en serio no saben casi nada sobre Javascript. Su uso más icónico fue en Minecraft. 103 00:12:19.340 --> 00:12:30.480 Brincus Anfitrion: Claro. Minecraft primero empezó con Java ahora para la web. Creo que se utiliza Javascript, pero son 2 cosas diferentes. Ya va con con Javascript, pero sí tienen relación. 104 00:12:32.190 --> 00:12:35.400 Brincus Anfitrion: Así que muy bueno. Lo que hice, Daniel 105 00:12:35.840 --> 00:12:38.369 Brincus Anfitrion: Javier tiene su mano levantada. ¿cierto? Javier. 106 00:12:38.370 --> 00:12:47.249 Javier_Ricardo_Constantino_Cid_De_la_barra: Sí. Profe es que quería aprovechar de preguntar, ya que mencionaban eso, si los archivos que vamos a dejar que digamos, al hacer nuestros trabajos, van a ser los puntos yar. 107 00:12:50.090 --> 00:12:52.730 Brincus Anfitrion: Todo depende si estamos en visual. Studio. Code. 108 00:12:53.338 --> 00:12:54.890 Brincus Anfitrion: Pero si no alcanzamos. 109 00:12:54.890 --> 00:13:01.129 Javier_Ricardo_Constantino_Cid_De_la_barra: Por lo menos yo he trabajado, Creo que con, ay, no, cómo se llama este el Python. Entonces no sabía si. 110 00:13:01.130 --> 00:13:01.750 Brincus Anfitrion: Sí. 111 00:13:01.750 --> 00:13:07.130 Javier_Ricardo_Constantino_Cid_De_la_barra: Cómo, porque ha hecho un poco de programación, pero dejaba específicamente no mucho. 112 00:13:07.130 --> 00:13:10.619 Brincus Anfitrion: Ya. Pero esto esto que nosotros vamos a ver es Javascript Yar es de Java. 113 00:13:11.850 --> 00:13:15.640 Brincus Anfitrion: Este Javascript. J. Z. J. S: Verdad. J: S. 114 00:13:16.540 --> 00:13:25.419 Javier_Ricardo_Constantino_Cid_De_la_barra: Gracias por la pregunta, pero sí tienen que ser esa esa distinción que ya va. Y Javascript son 2 lenguajes totalmente diferente. 115 00:13:25.700 --> 00:13:27.190 Brincus Anfitrion: Ya es un poco más complejo 116 00:13:28.310 --> 00:13:31.579 Brincus Anfitrion: y pero ya describe el el importante que lo sepan. 117 00:13:31.720 --> 00:13:32.450 Brincus Anfitrion: Ver Vale 118 00:13:33.080 --> 00:13:38.000 Brincus Anfitrion: Antonella Germain, que es Back, Digo, Pedro ¿con qué está hecho. 119 00:13:38.130 --> 00:13:53.610 Brincus Anfitrion: Debería estar con lo mismo. Antonio: Yo de verdad, Minecraft, no lo conozco mucho. Sí, Lo lo he visto algunas veces, pero de cuanto a la programación, la que se utilizó. Desconozco, porque en realidad igual es antigua y es soporte grande, entonces sé que su base es Java, pero lo demás no sé si las extensiones se basan. 120 00:13:54.900 --> 00:14:10.469 Brincus Anfitrion: Daniel Yo también conlleva y un poco de Python, pero yo, s que bueno, lo importante es que tengan si tienen un conocimiento en algún lenguaje de programación, se les va a ser mucho más fácil entender otro, ya. Así que es un punto a favor. No crean que no, no saben nada. En realidad se les va a ser más fácil. 121 00:14:10.790 --> 00:14:12.949 Brincus Anfitrion: Javier tiene su mano levantada sobre qué levanta. 122 00:14:13.360 --> 00:14:19.420 Javier_Ricardo_Constantino_Cid_De_la_barra: No la levanté para tratar de ayudar a M a la a quien haya escrito. El comentario relacionado al Minecraft. 123 00:14:19.420 --> 00:14:19.810 Brincus Anfitrion: Ya. 124 00:14:19.810 --> 00:14:31.070 Javier_Ricardo_Constantino_Cid_De_la_barra: Básicamente, hay 2 versiones de Minecraft. La versión Java, edición y la Bet Rock Edition. La nueva es como la principal la que ha habido desde siempre, y la ver lo que es la la de los ports, que digamos 125 00:14:31.280 --> 00:14:35.319 Javier_Ricardo_Constantino_Cid_De_la_barra: a la al celular, al. 126 00:14:35.677 --> 00:14:36.749 Brincus Anfitrion: Ya entonces esa. 127 00:14:37.980 --> 00:14:39.349 Daniel_octavio_Tesser_silva: Hay 3. 128 00:14:39.350 --> 00:14:43.539 Javier_Ricardo_Constantino_Cid_De_la_barra: El original. Si está completamente hecho en Java. 129 00:14:44.120 --> 00:14:48.260 Brincus Anfitrion: Ya entonces el otro, el que está en celular, posiblemente tiene Javascript, porque ya lo pasaron en una aplicación. 130 00:14:48.260 --> 00:14:48.860 Daniel_octavio_Tesser_silva: Sí. 131 00:14:49.250 --> 00:15:05.780 Daniel_octavio_Tesser_silva: Bueno, no es el celular y el Java, sino que es el Java. El Pedro. Y hay, como otros 3 que el más icónico de que no es ninguno de esos otros 2 es el de Blackberry, que fue creado en 5 min por Jeb. 132 00:15:06.300 --> 00:15:08.239 Daniel_octavio_Tesser_silva: Pero como mencionaba. 133 00:15:08.600 --> 00:15:09.879 Daniel_octavio_Tesser_silva: sí lo sabía. 134 00:15:10.570 --> 00:15:11.250 Brincus Anfitrion: Ya 135 00:15:11.250 --> 00:15:11.810 Brincus Anfitrion: Edward. 136 00:15:11.810 --> 00:15:12.620 Brincus Anfitrion: Claro. 137 00:15:12.620 --> 00:15:18.179 Daniel_octavio_Tesser_silva: Propio idioma creado por la desarrolladora en Moya. 138 00:15:18.570 --> 00:15:23.880 Brincus Anfitrion: Ya ves, se puede. Y ahí nosotros vamos a ver cómo se cómo crear un idioma. En realidad, por qué se creó. 139 00:15:24.680 --> 00:15:26.610 Brincus Anfitrion: Así que 140 00:15:27.080 --> 00:15:47.200 Brincus Anfitrion: Javier Profe estaría bueno que se creara un grupo para aprender a programar. Sí, estaría muy bueno. Ahí lo pueden proponer. Yo lo voy a proponer, Así que sería súper Bueno, Javier esa idea. Entonces vamos a comenzar con Javascript. Ya en realidad no se asusten. Como le digo esto desde 0. Lo que vamos a ir viendo desde el inicio inicio hasta que ustedes pueden entrar con un poco con la consola, que es lo importante. 141 00:15:48.620 --> 00:16:07.770 Brincus Anfitrion: El objetivo hoy día es que ustedes puedan entender que es Javascript, donde se usa, vamos a escribir el código en la consola del navegador declarado. Vamos a aclarar variables Led Const y vamos a mostrar mensaje con console punto log ya hacer operaciones simple y unir texto no se asusten con el console punto. Loc: Después lo van a utilizar mucho, pero es para que solamente no tengan miedo. 142 00:16:09.500 --> 00:16:13.610 Brincus Anfitrion: ¿qué es Javascri? Creo que aquí está la pregunta. La pregunta que ustedes estaban haciendo 143 00:16:14.150 --> 00:16:19.710 Brincus Anfitrion: en palabras simples. Ya describe un lenguaje que usa las páginas web para volverse interactivas y divertidas. 144 00:16:20.450 --> 00:16:35.959 Brincus Anfitrion: Con eso ya pueden tener una definición clara. Ya es un poco más en lenguaje más natural. Pero es para que ustedes puedan darse cuenta que en una página web ya vas, la vuelve interactiva y la vuelve divertida. Los que estuvieron en las clases anteriores de los otros clubes que tuvimos anterior van a van a a poder asociarlo con con esto. 145 00:16:36.820 --> 00:16:57.420 Brincus Anfitrion: Entonces, si nosotros pensamos en Javascript, es como que le demos superpoderes a una página web con Html como preguntaba una compañera. Nosotros creamos como los huesos de una página, como la estructura. Ya los bloques de la construcción con C C s decoramos. Es como que damos colores, las formas, los tamaños de las imágenes, el tamaño del texto y conlleva Script, nosotros le damos vida. Así que las cosas se empiecen a mover. 146 00:16:57.580 --> 00:17:05.130 Brincus Anfitrion: apretar un botón y aparezca otra cosa o pasar el mouse por encima y que haga que haga interacciones. Eso Eso es. Eso es lo que hace Javascri. 147 00:17:06.579 --> 00:17:20.199 Brincus Anfitrion: Entonces, si nosotros nos podemos imaginar es que estamos construyendo un robot, entonces? Html debería ser. Venía haciendo el cuerpo. Css: Su ropa y apariencia, y ya va, escribe, Es como su cerebro lo que dice que hacer se mueve, que sea que hable que reaccione ya 148 00:17:21.200 --> 00:17:25.739 Brincus Anfitrion: ahora los componentes básicos. Esto es importante que ustedes puedan 149 00:17:26.079 --> 00:17:30.589 Brincus Anfitrion: y prestan atención aquí, porque es lo que vamos a utilizar ya los componentes básicos de javascript. 150 00:17:31.300 --> 00:17:41.909 Brincus Anfitrion: Existen las variables, las variables son como cajitas donde nosotros guardamos cosas. Ya podemos guardar nombres, números, colores, lo que nosotros queramos, y el ejemplo del código es Led. 151 00:17:42.220 --> 00:17:53.109 Brincus Anfitrion: Acá Usted asignan el nombre de la variable y Dan acá le están entregando el valor que ustedes quieren A la variable Led es la palabra reservada para declarar una variable. Si ustedes escriben Let 152 00:17:53.400 --> 00:17:56.380 Brincus Anfitrion: en en el editor de código donde ustedes quieran. 153 00:17:56.490 --> 00:17:59.270 Brincus Anfitrion: sabe el editor que ustedes van a declarar una variable. 154 00:17:59.480 --> 00:18:14.919 Brincus Anfitrion: esa variable. ¿usted? Este es el nombre, la variable que ustedes le quieran poner Puede ser el nombre que ustedes piensen en este momento, lo importante es que la variable se escribe con letra ya y después este es el valor que se le entrega, como acá. Por ejemplo, a la edad se le entrego el 12. 155 00:18:15.160 --> 00:18:18.939 Brincus Anfitrion: Pero Led, te cada vez que ves Led es una variable dentro de Javascript. 156 00:18:19.690 --> 00:18:20.520 Brincus Anfitrion: Ah. 157 00:18:21.410 --> 00:18:24.970 Brincus Anfitrion: números. Podemos usar números para contar, sumar, restar, etc. 158 00:18:25.320 --> 00:18:37.910 Brincus Anfitrion: Podemos hacer operaciones. Podemos hacer un montón de cosas. El ejemplo de código que vendría siendo la variable Led. Suma una variable. Y va a ser 3 más. Cuatro. Entonces, cuando nosotros le pidamos a la consola que la muestre, va a sumar el 3 4. 159 00:18:38.150 --> 00:18:39.769 Brincus Anfitrion: Eso es lo que va a hacer. 160 00:18:40.250 --> 00:18:47.820 Brincus Anfitrion: pero se puede dividir, se puede multiplicar, sacar la diferencia: tod cualquier operación matemática que ustedes quieran hacer. Lo pueden hacer en Jous. 161 00:18:49.270 --> 00:19:10.890 Brincus Anfitrion: los strings son cadenas de textos, ya lo string es un texto y siempre va entre comillas dobles comillas simples o tildes al revés. Ya aquí estas 3 maneras de escribir son válidas para un string para una cadena de texto está un poquito más particular. Se pueden hacer otras cosas que, igual lo van a aprender, pero importante que sepan que lo pueden hacer al menos con estas 2. Ya. 162 00:19:11.390 --> 00:19:14.730 Brincus Anfitrion: Sí, Cris. Yo le voy a enviar el el la presentación después 163 00:19:15.840 --> 00:19:22.920 Brincus Anfitrion: con. Y yo lo puedo poner como yo quiera. Sí, puedes utilizar estas o estas cualquiera de las 3, 164 00:19:23.250 --> 00:19:26.539 Brincus Anfitrion: Porque, por ejemplo, si tú quieres escribir dentro de este texto. 165 00:19:27.050 --> 00:19:38.759 Brincus Anfitrion: Por ejemplo. Hola, yo, por ejemplo, hola Connie y Cony, lo quiero escribir dentro de otras comillas podría utilizar cony en comillas simples y todo lo de afuera en comillas dobles y javascri lo va a detectar. 166 00:19:38.970 --> 00:19:47.320 Brincus Anfitrion: o puede ser al revés como tú quieras. Pero lo importante es que la cadena de texto en Steam se vea envuelta en una de estas 2 comillas o en una de estas 3 opciones. Ya 167 00:19:47.960 --> 00:19:50.960 Brincus Anfitrion: no sé si se si igual, lo volvamos a revisar después con él. 168 00:19:52.480 --> 00:20:03.430 Brincus Anfitrion: entonces acá viendo el código let en la variable saludo y se le entrega este valor o la brincos. Entonces, cuando yo le pida la consola que me muestra el saludo, va a decir esto. Hola brincos 169 00:20:04.100 --> 00:20:04.890 Brincus Anfitrion: ya 170 00:20:06.230 --> 00:20:12.599 Brincus Anfitrion: los boleanos. Esto es importante porque esto lo van a utilizar en cualquier lenguaje de programación y lo van a utilizar un montón. 171 00:20:13.300 --> 00:20:16.920 Brincus Anfitrion: Los julianos significa que tienen 2 valores que son true o false. 172 00:20:17.190 --> 00:20:23.360 Brincus Anfitrion: verdadero o falso, y se usan para decir sí o no. Es como un interruptor que está encendido o está apagado, pero no puedes tener las 2, 173 00:20:24.620 --> 00:20:39.449 Brincus Anfitrion: Si con I se debería con y pregunta si se puede poner, o sea, si hay que ponerle punto y coma, sí, la ideal es que sí, javascript ahora permite no hacerlo, no ponerle lla punto y coma, pero la idea es que ustedes lo hagan para que se acostumbren después cuando tomen otro lenguaje, lo hagan. Ya 174 00:20:40.950 --> 00:20:45.290 Brincus Anfitrion: esa versión de Led es vulnerable. S. Q. L. Cod injection 175 00:20:45.390 --> 00:20:50.580 Brincus Anfitrion: vulnerable. No sé, creo que o vulnerable. No sé si se equivocó ahí, 176 00:20:50.730 --> 00:20:52.469 Brincus Anfitrion: pero lo puedes escribir de nuevo. 177 00:20:52.710 --> 00:21:15.479 Brincus Anfitrion: Entonces, los bullianos son falso o verdadero. Un ejemplo de código, acá por ejemplo. La La variable se llama es mayor y acá tiene tiene permiso, acá es mayor, es verdadero y ma y es, tiene permiso, Es falso. Vamos por un ejemplo más adelante, pero aquí le estoy entregando aquí que esta variable es verdadera y que esta variable es falsa. ¿para qué se ocupa esto? Para tomar un camino. 178 00:21:15.660 --> 00:21:16.970 Brincus Anfitrion: un camino de 179 00:21:17.300 --> 00:21:19.270 Brincus Anfitrion: si aprieto el botón. 180 00:21:19.440 --> 00:21:20.600 Brincus Anfitrion: Hago esto 181 00:21:21.140 --> 00:21:26.070 Brincus Anfitrion: si no, Si no lo aprieto, hago lo otro. Esto es para esto. Se usan los goleados, ya 182 00:21:26.260 --> 00:21:28.850 Brincus Anfitrion: después te van a ocu van a ocupar otras operaciones. 183 00:21:29.550 --> 00:21:35.129 Brincus Anfitrion: Los operadores son los símbolos que usamos para hacer operaciones. La suma, la Resta. 184 00:21:35.430 --> 00:21:38.610 Brincus Anfitrion: el actriz que multiplica el Slat 185 00:21:39.240 --> 00:21:40.250 Brincus Anfitrion: divide 186 00:21:41.710 --> 00:21:48.210 Brincus Anfitrion: y igual igual compara si son iguales el signo de exclamación igual comparas si son diferentes, ya 187 00:21:48.320 --> 00:22:01.529 Brincus Anfitrion: existen otros más, pero Estos son los que más van a utilizar. El ejemplo de código es que la variable total es igual a 5, 3, ya que ustedes pueden ir cambiando por divide. Es igual, No son iguales, sí, ya. 188 00:22:02.890 --> 00:22:09.989 Brincus Anfitrion: Y aquí están los condicionales que igual van a utilizar un montón sirven para tomar decisiones. Si pasa esto, entonces haz esto. Otro 189 00:22:10.140 --> 00:22:14.660 Brincus Anfitrion: ya. El ejemplo de código es que la variable edad es igual a 10. 190 00:22:15.370 --> 00:22:24.049 Brincus Anfitrion: Entonces aquí dice: si edad que vendría siendo 10. Yo le entregué. Este valor. Diez es mayor o igual a 10 la consola va a mostrar que puedo jugar. 191 00:22:24.760 --> 00:22:32.039 Brincus Anfitrion: Pero si la varia si edad no es mayor o igual a 10, entonces va a decir que debo esperar un poco. 192 00:22:32.740 --> 00:22:38.949 Brincus Anfitrion: Ya. El lenguaje natural es si mi edad es mayor, igual a 10, puedo jugar si no debo esperar un poco 193 00:22:39.070 --> 00:22:40.050 Brincus Anfitrion: así sería. 194 00:22:42.700 --> 00:23:02.809 Brincus Anfitrion: También existen los bucles que los bucles lo único que hacen es repetir algo muchas veces muchas veces, como le digo, entonces el ejemplo del código. Yo se lo voy a leer en lenguaje natural que dice: si I es mayor o igual a 5, el menor igual a 5, le sumo 1 a I en este caso, aquí 1. Y vale 1. 195 00:23:03.030 --> 00:23:13.499 Brincus Anfitrion: Entonces va a mostrar aquí. Va a parar en el 5 cuando ya el número sea menor o igual cuando ya e I valga 6 ya no va a hacer eso. 196 00:23:13.800 --> 00:23:18.049 Brincus Anfitrion: Hasta ahí se detiene hasta el 5, solamente igual. Vamos a ver un ejemplo. 197 00:23:19.020 --> 00:23:22.029 Brincus Anfitrion: Quizá se pueden sentir un poco 198 00:23:22.400 --> 00:23:26.910 Brincus Anfitrion: agobiados por el por el código, pero lo vamos a ver. Lo van a ir entendiendo a poquito ya 199 00:23:29.730 --> 00:23:47.679 Brincus Anfitrion: funciones. La función es como una receta que hacerlo cuando lo usamos ya ejemplo. El código es que yo voy a crear una función que se llama saludar y que dentro de la función. Cuando yo llame a saludar, me muestre hola a todos. Entonces aquí abajo, yo la llamo a la función y me va a mostrar en Consola. Hola a todos 200 00:23:48.070 --> 00:23:48.980 Brincus Anfitrion: ya 201 00:23:49.390 --> 00:23:53.050 Brincus Anfitrion: Coni. Los bucles. Son como los puntos que poníamos los juegos. Scratch. 202 00:23:53.330 --> 00:23:56.759 Brincus Anfitrion: Sí, como cuando tú ponías 203 00:23:56.920 --> 00:24:02.440 Brincus Anfitrion: por siempre. Y de ahí tenías que avanzar a 10 pasos hasta que chocara con el borde. Por ejemplo. 204 00:24:02.570 --> 00:24:03.620 Brincus Anfitrion: cosas así. 205 00:24:03.790 --> 00:24:12.689 Brincus Anfitrion: Aquí Daniel se es vulnerable a lo mejor si lees nombre nombre libre y alguien pone led, debe, luego tiene tal control, producción y creación. 206 00:24:13.290 --> 00:24:18.170 Brincus Anfitrion: sí, pero eso ya no. Pero en realidad no. No se ven afectados porque acá 207 00:24:18.400 --> 00:24:27.029 Brincus Anfitrion: es algo así diferente. Entonces ese q igual, lo puedes tomar dentro, y lo va a interpretar a menos que tú pongas esto. S. Q. L, Y va a tomar dentro de eso. 208 00:24:29.800 --> 00:24:37.759 Brincus Anfitrion: entonces nosotros vamos a practicar ahora. Yo les voy a compartir la P Pt para que no se me olvide. 209 00:24:38.710 --> 00:24:40.630 Brincus Anfitrion: y yo se la voy a copiar ahora al tiro 210 00:24:42.580 --> 00:24:44.300 Brincus Anfitrion: revisar si es que sí 211 00:24:46.090 --> 00:24:49.130 Brincus Anfitrion: se lo voy a enviar al chat aquí del grupo ahora del del S. O. M 212 00:24:50.630 --> 00:24:57.359 Brincus Anfitrion: Martín Profe. Vamos a necesitar el enlace Ecoidín. De momento no. Yo le voy a explicar. Vamos a hacer otra 213 00:24:58.860 --> 00:25:00.300 Brincus Anfitrion: otra opción. Primero. 214 00:25:00.560 --> 00:25:01.429 Brincus Anfitrion: que es 215 00:25:02.040 --> 00:25:03.140 Brincus Anfitrion: mucho más fácil. 216 00:25:07.120 --> 00:25:13.009 Brincus Anfitrion: Ya ves mi pantalla, ¿cierto? Y algunos me confirme que si ven mi mi navegador. 217 00:25:13.770 --> 00:25:14.120 Dylan_Esteban_Munoz_Aguilar: Sí. 218 00:25:14.120 --> 00:25:15.030 Benjamin_Garrido_Maffet: Sí. 219 00:25:15.390 --> 00:25:15.770 Martin_Ignacio__Aranda_Fuentes: Sí profe 220 00:25:15.770 --> 00:25:16.450 Martin_Ignacio__Aranda_Fuentes: casas. 221 00:25:17.910 --> 00:25:30.420 Brincus Anfitrion: Entonces yo no los voy a aburrir aquí con la historia de Javascript, pero para que ustedes puedan conocer el contexto se lanzó en el 1 996, pero en realidad se anunció en el 95 222 00:25:30.560 --> 00:25:35.729 Brincus Anfitrion: Entonces, ¿por qué se anuncio se anunció por Netcape y Sam Macro System Netscape es un navegador 223 00:25:36.800 --> 00:25:41.230 Brincus Anfitrion: que ya no existe. Lo van a buscar, pero no lo van a utilizar porque ya es muy, muy antiguo, ya 224 00:25:41.510 --> 00:25:50.269 Brincus Anfitrion: esta Macrossyste, en una empresa que que fue la que desarrollaron en conjunto con este navegador Javascri. Se dice que Javascript se creó en 10 días. Ya eso es lo que se dice. 225 00:25:51.240 --> 00:25:53.340 Brincus Anfitrion: pero 226 00:25:53.760 --> 00:25:55.539 Brincus Anfitrion: en realidad no 227 00:25:56.650 --> 00:25:57.750 Brincus Anfitrion: no fue tan así 228 00:25:58.100 --> 00:26:03.169 Brincus Anfitrion: Se Tum tuvo que pasar todo esto. Todo esto. Aquí se cre, se se crea la 229 00:26:03.880 --> 00:26:12.499 Brincus Anfitrion: la E C, más especialmente la Fundación Mozilla, y así empiezan a crecer. X está por años. Entonces yo les voy a compartir el link para que ustedes lo puedan revisar, si es que gusta. 230 00:26:12.930 --> 00:26:19.669 Brincus Anfitrion: Pero, ¿por qué se crean los lenguajes de programación? Porque antiguamente, los computadores 231 00:26:20.060 --> 00:26:35.959 Brincus Anfitrion: se programaban en ceros y 1. De hecho, si ustedes pueden buscar por ahí, algún día se usaban, se programaban con tarjetas perforadas, se perforaban unas tarjetas y si tenían un una perforación. Eran 1. Y si no tenían la perforación en un 0, entonces así interpretaba la máquina. Ya 232 00:26:36.000 --> 00:26:50.890 Brincus Anfitrion: entonces Javascript y todo lenguaje de programación. Lo que hacen es interpretar o acercar el lenguaje a un lenguaje un poco más natural, ya y casi siempre, en realidad en todos. La mayoría es en realidad en todos. En inglés, tiene muchas, muchas palabras en inglés, Entonces. 233 00:26:51.160 --> 00:26:59.189 Brincus Anfitrion: para salir, para practicar, pero en realidad no es que tengan que saber inglés como tal, sino que ustedes pueden buscar los términos, y siempre tienen palabras reservadas para 234 00:27:00.370 --> 00:27:04.040 Brincus Anfitrion: para que ustedes puedan programar. Así que no, no se no se compliquen. Por eso 235 00:27:05.070 --> 00:27:18.239 Brincus Anfitrion: Agustín Profe Minecraft está creado en Java. Sí, Esa es la base de Minecraft, Java. Eso es necesario. Daniel. Eso necesita de un punto de arbitrario, y esto lo sé porque es un maní poca. Mosul sí 236 00:27:19.110 --> 00:27:20.020 Brincus Anfitrion: sí daría 237 00:27:22.090 --> 00:27:23.250 Brincus Anfitrion: En 238 00:27:23.860 --> 00:27:36.709 Brincus Anfitrion: ya entonces yo les compartí el enlace. Sí, se lo envía a todos, ¿cierto? Si eso para que puedan ver una. ¿y por qué les digo que ustedes deberían al menos aprender un poquito Javascript, Porque el día de hoy, Javascript es el lenguaje más popular del mundo. 239 00:27:37.840 --> 00:27:41.129 Brincus Anfitrion: De hecho, se conoce como el lenguaje de la web ya. 240 00:27:41.260 --> 00:27:49.289 Brincus Anfitrion: Y si ustedes miran el segundo que está ahí es el lenguaje. No hay programación, pero son lenguaje de. H, T, M, L, I, C, S, S: Entonces, si ustedes aprenden estas 241 00:27:49.530 --> 00:27:51.490 Brincus Anfitrion: 3 tecnologías que están aquí, 242 00:27:52.100 --> 00:28:06.720 Brincus Anfitrion: pueden el día de mañana. Si ustedes quisieran trabajar en esto, pueden tra encontrar trabajo más fácil. Luego encontrar proyectos más fácil si aprenden después. S. Q. L. O Python o cualquier otro lenguaje, también les va a servir mucho. 243 00:28:07.320 --> 00:28:14.560 Brincus Anfitrion: Pero yo escribo a día de hoy el lenguaje de la web, porque es el lenguaje de la web porque no necesita compilación del lenguaje nativo. Todos los navegadores lo tienen. 244 00:28:14.730 --> 00:28:16.510 Brincus Anfitrion: Todos los navegadores lo entienden. 245 00:28:16.750 --> 00:28:18.630 Brincus Anfitrion: No necesita nada externo 246 00:28:18.760 --> 00:28:31.160 Brincus Anfitrion: y se creó así. De hecho, se creó. Imagínense en 10 días pensando que iba a ser un lenguaje más. Pero en realidad, el lenguaje que domina ahora todo lo que es páginas web. Todo lo que ustedes vean en el navegador tiene 3 cosas. Javascript. 247 00:28:31.430 --> 00:28:33.889 Brincus Anfitrion: H, T, M, A, H, T, M, L, y C, C. S: 248 00:28:34.400 --> 00:28:37.190 Brincus Anfitrion: todo esto, incluso si yo hago aquí. Botón. 249 00:28:38.210 --> 00:28:40.170 Brincus Anfitrion: botón, derecho, inspeccionar 250 00:28:41.190 --> 00:28:43.109 Brincus Anfitrion: todo esto que está aquí es 251 00:28:43.240 --> 00:28:46.459 Brincus Anfitrion: H. T, M. L Javascript, Css. 252 00:28:47.710 --> 00:28:51.890 Daniel_octavio_Tesser_silva: Para los que están en computadores que no son de 253 00:28:52.200 --> 00:28:54.970 Daniel_octavio_Tesser_silva: de Apple. Es F. Catorce. 254 00:28:56.630 --> 00:29:01.029 Brincus Anfitrion: Sí lo pueden hacer derecho, botón derecho e inspeccionar igual les va a resultar. 255 00:29:02.510 --> 00:29:03.500 Brincus Anfitrion: Debería salir. 256 00:29:03.500 --> 00:29:05.420 Daniel_octavio_Tesser_silva: Y. 257 00:29:05.790 --> 00:29:13.709 Brincus Anfitrion: Sí. Gracias. Daniel: Sí, con el F, 14, lo pueden hacer, entonces igual les voy a compartir esto para que ustedes, si quieren, lo puedan leer. 258 00:29:16.110 --> 00:29:19.080 Brincus Anfitrion: enviar un mensaje a todos. Ahí está. 259 00:29:19.520 --> 00:29:22.860 Brincus Anfitrion: Y lo otro que les voy a compartir es: M, D, N: 260 00:29:23.020 --> 00:29:34.010 Brincus Anfitrion: Ya. M. D. N, Es la Fundación Mozilla, que que en realidad está toda la información que ustedes quieran, Igual que el lenguaje de programación están traducidas, así que no tienen problema. Yo lo voy a enviar justo el de Javascript, porque lo que estamos viendo ahora. 261 00:29:34.160 --> 00:29:49.549 Brincus Anfitrion: si ustedes quieren aprender de Html, C, C. S. Aquí existe toda la documentación y les van a decir para qué sirve cada elemento. Pueden pueden buscar un montón de de de información que le haga usted, por ejemplo, aquí haciendo Array le va a mostrar que es lo que es una red 262 00:29:50.310 --> 00:29:58.679 Brincus Anfitrion: aquí como se ejercicios, Todo todo la información. Así que usted le les llama la atención y quieren aprender más. Ya. 263 00:29:59.580 --> 00:30:13.080 Brincus Anfitrion: Entonces, lo que primero, lo que vamos a nosotros ahora vamos a ocupar una opción que ustedes, el día de mañana se ocupan? H. T, M. L, O sea, ya es que perdón lo van a utilizar mucho, pero para que no les aparezca nada raro. Javier dígame. 264 00:30:15.580 --> 00:30:22.990 JAVIER_ARTURO_MIRANDA_HURTADO: Pero usted dice que todo tiene en H. T. M. L. Css y Javascript 265 00:30:23.130 --> 00:30:27.699 JAVIER_ARTURO_MIRANDA_HURTADO: los tienen todos juntos, o todos programados juntos. 266 00:30:28.650 --> 00:30:34.960 Brincus Anfitrion: Sí es que en realidad es un según en javier. Porque. H. T. M. L. Te da la estructura de una página web. 267 00:30:35.380 --> 00:30:39.589 Daniel_octavio_Tesser_silva: Uno puede leer el otro. Básicamente. 268 00:30:43.440 --> 00:30:50.820 Brincus Anfitrion: se podría decir, pero lo que pasa es que los 3 en conjunto forman algo, pero el navegador lee los 3 en conjunto. 269 00:30:51.490 --> 00:30:54.559 Brincus Anfitrion: el navegador el que se encarga de leer el el código. 270 00:30:54.750 --> 00:31:05.060 Brincus Anfitrion: Tu código. H. T, M. L. Te va a dar una estructura. Tu Css te va a dar los colores. Y Javascript va a ser, por ejemplo, que esto sea interactivo, por ejemplo, que yo, al hacer aquí y aparezca esto. 271 00:31:05.890 --> 00:31:13.769 Brincus Anfitrion: que iba a apretar aquí, también aparezcan otras esas opciones, todo eso. Pero todo eso, por ejemplo, también es H, T, M. L, que también tiene. C, S, 272 00:31:15.140 --> 00:31:16.780 Brincus Anfitrion: O sea, igual lo vamos a ver. 273 00:31:17.220 --> 00:31:21.050 Brincus Anfitrion: Pero lo importante es que ustedes puedan 274 00:31:22.390 --> 00:31:25.230 Brincus Anfitrion: identificar el menú Ahora, como utilizar Javascript Ya 275 00:31:28.330 --> 00:31:29.570 Brincus Anfitrion: en 276 00:31:33.600 --> 00:31:46.100 Brincus Anfitrion: alguien me preguntó cuál es la diferencia entre Javascript y Java. En realidad son todos lenguajes de programación, agustín, pero 1 es fuertemente equipado y orientado a objetos, porque en realidad habría que explicar un poquito más. 277 00:31:46.510 --> 00:32:02.829 Brincus Anfitrion: pero tienen solamente la realidad. Ellos le pusieron Javascript, porque en ese momento, cuando se creó Javascript, ya era lo fuerte, y en realidad se llamaba otro. No se llamaba Moca, porque ya era café. Entonces Quisieron hacer algo muy parecido y hicieron Moca Javascript, pero ese ya un poco de historia, No. 278 00:32:03.110 --> 00:32:05.790 Brincus Anfitrion: en realidad no tiene. No tiene mucha, un dato, no más. 279 00:32:06.070 --> 00:32:11.879 Brincus Anfitrion: Entonces le pusieron java. Y como era escrito, como era débilmente tipado. Se llama 280 00:32:12.410 --> 00:32:13.690 Brincus Anfitrion: en 281 00:32:14.160 --> 00:32:16.549 Brincus Anfitrion: pero son diferencias que son un poquito más técnicas. 282 00:32:17.150 --> 00:32:19.229 Brincus Anfitrion: pero pero no son lo mismo. 283 00:32:20.520 --> 00:32:25.920 Brincus Anfitrion: Entonces usted va a escribir acá arriba en la url. Van a escribir Abaut 284 00:32:26.220 --> 00:32:28.530 Brincus Anfitrion: 2 puntos: Blank. 285 00:32:28.690 --> 00:32:32.270 Brincus Anfitrion: ya solamente para que ustedes va a abrir una pestaña totalmente en blanco 286 00:32:33.210 --> 00:32:33.980 Brincus Anfitrion: ya 287 00:32:34.880 --> 00:32:37.019 Brincus Anfitrion: pudieron abrir la pestaña en blanco. 288 00:32:38.600 --> 00:32:43.129 Brincus Anfitrion: Es solamente para que no se distraigan con ciertas cosas que les van a ir apareciendo 289 00:32:44.700 --> 00:32:46.940 Brincus Anfitrion: Sí, Emilia. Muchas gracias por 290 00:32:48.830 --> 00:33:00.850 Brincus Anfitrion: por responder aquí sobre esta pestaña en blanco. Lo que vamos a hacer es botón derecho, como decía el compañero F 14, creo que es en Windows van a dar inspeccionar 291 00:33:01.800 --> 00:33:03.530 Brincus Anfitrion: y les va a abrir esto. 292 00:33:03.660 --> 00:33:10.840 Brincus Anfitrion: posiblemente va a ser muy similar al mío. Se les va a ver un poquito más chiquitito. Quizás porque yo lo tengo más grande para que ustedes puedan ver mi pantalla. 293 00:33:11.380 --> 00:33:19.180 Brincus Anfitrion: Pero la idea es que lo dejen. Acá Estas son las opciones como de desarrollo del Así se les puede ver, les puede aparecer esta que está aquí, 294 00:33:20.900 --> 00:33:29.399 Brincus Anfitrion: son como las opciones de desarrollo, para que ustedes puedan también ir viendo qué es lo que tiene una web. Ustedes pueden revisar qué tal funciona su red aquí, si es que saben de eso, la 295 00:33:29.640 --> 00:33:39.020 Brincus Anfitrion: la el rendimiento, la memoria que está utilizando las aplicaciones, seguridad, un montón de cosas. Pero lo que a nosotros nos interesa es con sol aquí. Con Sole. 296 00:33:39.360 --> 00:33:41.430 Brincus Anfitrion: Esto es lo que nosotros nos interesa el día de hoy. 297 00:33:42.410 --> 00:33:47.779 Brincus Anfitrion: Me acuerdo que les comenté, que los navegadores leen Javascript por sí solos. O sea, no hay ningún problema. 298 00:33:48.320 --> 00:33:52.590 Brincus Anfitrion: Todo lo van a leer. Por eso le digo que no tienen problema con el que quieran utilizar ustedes 299 00:33:53.380 --> 00:33:56.569 Brincus Anfitrion: aquí. Es importante que usted entiendan que la consola se utiliza. 300 00:33:56.820 --> 00:34:03.420 Brincus Anfitrion: Profe: No me aparece eso. ¿qué hago? ¿dónde quedó que si puso botón derecho y le puso inspeccionar. 301 00:34:04.530 --> 00:34:05.960 Daniel_octavio_Tesser_silva: Z F: No sé. 302 00:34:08.219 --> 00:34:10.039 Brincus Anfitrion: Le aparece esto nuevo. Cris. 303 00:34:10.040 --> 00:34:13.120 Daniel_octavio_Tesser_silva: Quería mencionar otra cosa. Profesor me permite. 304 00:34:13.400 --> 00:34:14.340 Brincus Anfitrion: Sí. Dígame. 305 00:34:15.830 --> 00:34:27.879 Daniel_octavio_Tesser_silva: Una forma muy simple de aprender ciertos cosas que yo recomiendo personalmente Para los que juegan Minecraft: Traten de usar. 306 00:34:28.280 --> 00:34:29.860 Daniel_octavio_Tesser_silva: traten de hacer trampa. 307 00:34:30.130 --> 00:34:34.080 Daniel_octavio_Tesser_silva: Porque ahí la forma de hacer trampa con los comandos. 308 00:34:34.340 --> 00:34:38.449 Daniel_octavio_Tesser_silva: como, por ejemplo, Give and o Effect. 309 00:34:38.820 --> 00:34:41.369 Daniel_octavio_Tesser_silva: son muy similares al código. 310 00:34:45.010 --> 00:34:45.580 Brincus Anfitrion: Sí, 311 00:34:45.719 --> 00:34:48.999 Brincus Anfitrion: es cierto. En realidad así es la manera de poder 312 00:34:49.370 --> 00:34:50.820 Brincus Anfitrion: modificar cosas. 313 00:34:53.280 --> 00:35:05.950 Brincus Anfitrion: Entonces, ¿qué es? No sé si le salió ahí. Ya ahí apareció. Que qué? Bueno, entonces vas a apretar acá donde dice con sol, ya con Sole, que es la consola, la consola el día mañana, cuando ustedes programen, la van a utilizar un montón 314 00:35:06.150 --> 00:35:18.959 Brincus Anfitrion: porque aquí pueden hacer una llamada desde su programa que le muestre tal cosa y le van a aparecer los errores también que su programa está teniendo ya. ¿cómo sabemos que en la consola yo le voy a dar un poquito más de suma aquí para que ustedes vayan viendo. 315 00:35:19.580 --> 00:35:25.369 Brincus Anfitrion: Son sustancia. Se ve muy grande, aunque ustedes no lo crean. Si yo hago esto, 1 más 1, Eso ya es Javascript. 316 00:35:25.680 --> 00:35:27.459 Brincus Anfitrion: Me sumo, Me devolvió el 2. 317 00:35:28.500 --> 00:35:31.650 Brincus Anfitrion: Entonces ustedes van a ver que aquí, cuál es mi 318 00:35:31.900 --> 00:35:41.529 Brincus Anfitrion: Mi pregunta es esta: la que apunta hacia la derecha, la flecha que apunta a la derecha en mi texto y la que apunta hacia la izquierda con un puntito es lo que me devuelve la consola. 319 00:35:42.100 --> 00:35:42.900 Brincus Anfitrion: Ya 320 00:35:44.380 --> 00:35:50.540 Brincus Anfitrion: entonces yo les mencionaba que ustedes pueden escribir números. Pueden hacer operaciones matemáticas. Yo pongo 321 00:35:51.800 --> 00:35:53.530 Brincus Anfitrion: 5 322 00:35:53.710 --> 00:35:56.220 Brincus Anfitrion: por 5. Me devuelve 25 323 00:35:56.640 --> 00:35:57.410 Brincus Anfitrion: ya. 324 00:35:58.110 --> 00:35:59.620 Joel_Victor_Mora_Lopez: De donde. 325 00:36:01.050 --> 00:36:02.790 Brincus Anfitrion: ¿cómo fue culpa? 326 00:36:02.790 --> 00:36:04.340 Joel_Victor_Mora_Lopez: 1 000. 327 00:36:05.200 --> 00:36:06.109 Brincus Anfitrion: El mam 1 000. 328 00:36:06.740 --> 00:36:07.820 Brincus Anfitrion: Eso se puede. 329 00:36:08.470 --> 00:36:09.230 Brincus Anfitrion: Venga 330 00:36:09.610 --> 00:36:10.730 Brincus Anfitrion: más 1 000. 331 00:36:11.710 --> 00:36:12.470 Joel_Victor_Mora_Lopez: Sí. 332 00:36:12.960 --> 00:36:22.799 Brincus Anfitrion: En realidad miren lo que les quiero. Lo que les quiero mostrar es que si ustedes apretan un número muy grande. Aquí cambia el número, nos muestra lo mismo. Ya. 333 00:36:23.570 --> 00:36:34.749 Brincus Anfitrion: Por ejemplo, aquí ya no. Cam nos muestra 2 que muestra 3 000. Significa que todas las memorias, todos los computadores, tienen la memoria. Y esa memoria se acaba en un momento. 334 00:36:34.930 --> 00:36:40.100 Brincus Anfitrion: pero existe lo que se llama Big Number y que donde ustedes le coloquen una N, al final 335 00:36:40.490 --> 00:37:00.339 Brincus Anfitrion: les va a devolver exactamente el mismo número. ¿para qué útil esto? Si ustedes están haciendo una aplicación o algo, van a contar las estrellas. Por ejemplo, van a ser 1 000 000 de estrellas. Entonces van a ser muchas, muchas, si quieren que le sume exactamente el número y le entregue la variable. Se pueden poner n más un número mucho mucho más grande. N, al final, y ese va a ser un resultado su número. 336 00:37:00.690 --> 00:37:02.330 Brincus Anfitrion: Ya hay un número exacto. 337 00:37:02.650 --> 00:37:04.479 Brincus Anfitrion: Eso se utiliza para números grandes 338 00:37:05.730 --> 00:37:06.520 Brincus Anfitrion: ya 339 00:37:06.760 --> 00:37:15.290 Brincus Anfitrion: y aquí, y pueden hacer cualquier en realidad cualquier operación matemática. Quieren hacerlo aquí. Esto es totalmente y es consola ya 340 00:37:17.120 --> 00:37:29.580 Brincus Anfitrion: entonces para nosotros borrar esta cantidad de números porque se me va a perder en la pantalla. Ustedes le pueden poner en clip consola, ya el botón derecho les va a aparecer la primera opción y se les va a eliminar todo eso. 341 00:37:29.970 --> 00:37:32.930 Brincus Anfitrion: Estas son pruebas. No van, no no van a hacer absolutamente nada. Ya 342 00:37:33.510 --> 00:37:38.280 Brincus Anfitrion: no no hay ningún error. Aquí no van a dañar su computador ni nada. Solamente están dentro del navegador. 343 00:37:38.420 --> 00:37:48.369 Brincus Anfitrion: Ahora vamos a ver los strings que me preguntaba si podían usar cualquiera de las de las comillas. Y Sí, Martín 344 00:37:49.120 --> 00:37:50.779 Brincus Anfitrion: tiene su mano levantada, ¿cierto? 345 00:37:51.080 --> 00:37:56.359 Martin_Ignacio__Aranda_Fuentes: Eso fue una pregunta, eso de Consola, donde está. Allí es de Javascript, Nomad. 346 00:37:57.050 --> 00:37:59.300 Brincus Anfitrion: No. Eso? 347 00:37:59.760 --> 00:38:07.480 Brincus Anfitrion: Bueno, sí. En la consola en la que tú puedes mu utilizar Javascript que viene el el como el lector de Javascript dentro de tu navegador. 348 00:38:09.410 --> 00:38:12.830 Brincus Anfitrion: puede colocar H. T. M. L. O solo Javascript 349 00:38:13.640 --> 00:38:18.860 Brincus Anfitrion: Sis No es que en realidad aquí lo que tú en los elementos puedes modificar el H. T, M Y del equipo. 350 00:38:20.100 --> 00:38:20.960 Brincus Anfitrion: Si tú. 351 00:38:21.230 --> 00:38:21.770 Martin_Ignacio__Aranda_Fuentes: Vale. Vale. 352 00:38:21.770 --> 00:38:33.599 Brincus Anfitrion: Pero lo importante acá es que tú hagas como pruebas de tu es que después más adelante, cuando nosotros hagamos el link. Desde que Visual Studio Code hasta acá vas a ver que las pruebas van a ser. Aquí, te va a indicar incluso en qué línea tienes un error? ¿en qué línea de tu código. 353 00:38:36.260 --> 00:38:38.130 Brincus Anfitrion: De Martín Benjamín. 354 00:38:38.430 --> 00:38:39.260 Brincus Anfitrion: Dígame. 355 00:38:39.550 --> 00:38:40.280 Brincus Anfitrion: Emilia 356 00:38:40.280 --> 00:38:41.800 Brincus Anfitrion: con un método consolas. 357 00:38:41.800 --> 00:38:42.330 Brincus Anfitrion: Mhm. 358 00:38:42.440 --> 00:38:47.190 Brincus Anfitrion: Así mira botón, derecho, le pones inspeccionar, Te va a aparecer esto. 359 00:38:47.190 --> 00:38:48.320 Benjamin_Garrido_Maffet: Río. 360 00:38:48.320 --> 00:38:51.500 Brincus Anfitrion: Y arriba dice consola, Te va a salir. Una opción que se console 361 00:38:53.620 --> 00:38:56.709 Brincus Anfitrion: en tu navegador en alguna de las opciones, te va a decir consola. 362 00:38:59.450 --> 00:39:01.559 Brincus Anfitrion: No sé si lo puedo encontrar también. 363 00:39:04.200 --> 00:39:10.080 Brincus Anfitrion: Si no puede, veis Emilia con botón derecho y dice clic con sol sobre sobre la consola. 364 00:39:11.120 --> 00:39:12.240 Brincus Anfitrion: si no, pues 365 00:39:12.440 --> 00:39:13.580 Brincus Anfitrion: me hice igual 366 00:39:15.380 --> 00:39:17.929 Brincus Anfitrion: o también puede ser con 367 00:39:18.450 --> 00:39:20.319 Brincus Anfitrion: fumando. Casi no me equivoco, ¿ 368 00:39:22.380 --> 00:39:27.300 Brincus Anfitrion: con comando K o control K en Windows, control K y en mac 369 00:39:27.430 --> 00:39:28.510 Brincus Anfitrion: comando K. 370 00:39:29.640 --> 00:39:34.570 Brincus Anfitrion: Ya entonces, con y me había preguntado cierto por el tema de si podía usar Cualquiera 371 00:39:35.480 --> 00:39:36.939 Brincus Anfitrion: mira mira cuál Acá 372 00:39:37.270 --> 00:39:41.560 Brincus Anfitrion: yo puedo escribir con 2 comillas. Voy a escribir francos, ustedes escriban su nombre. 373 00:39:41.920 --> 00:39:47.170 Brincus Anfitrion: Y si tú te das cuenta con o aquí todo que nos devuelve con una comilla con comillas simple. 374 00:39:47.390 --> 00:39:52.680 Brincus Anfitrion: porque entiende que eso también lo puede hacer. Entonces, si yo vuelvo a escribir con comillas simple, franco. 375 00:39:53.570 --> 00:39:55.609 Brincus Anfitrion: me lo devuelves con una comida y está bien. 376 00:39:56.070 --> 00:39:58.729 Brincus Anfitrion: Ahora, si yo lo quisiera con 377 00:40:00.580 --> 00:40:02.190 Brincus Anfitrion: acuerdo? Bien, si acá 378 00:40:06.400 --> 00:40:08.399 Brincus Anfitrion: con el el 379 00:40:10.120 --> 00:40:12.450 Brincus Anfitrion: el tilde al revés, también lo pueden hacer. 380 00:40:16.640 --> 00:40:19.730 Brincus Anfitrion: A mí no me está tomando el el del revés. 381 00:40:21.700 --> 00:40:22.800 Brincus Anfitrion: ya. Pero 382 00:40:23.020 --> 00:40:27.989 Brincus Anfitrion: cualquiera de estas 3 opciones las pueden utilizar. Ya Entonces. 383 00:40:28.270 --> 00:40:30.319 Brincus Anfitrion: profe ¿dónde es esa página? 384 00:40:31.450 --> 00:40:33.420 Brincus Anfitrion: Acá Javier? Tú. 385 00:40:33.420 --> 00:40:35.359 Daniel_octavio_Tesser_silva: Dos puntos blancos. 386 00:40:35.360 --> 00:40:37.550 Brincus Anfitrion: Hago hago 2 puntos: Blank. 387 00:40:38.780 --> 00:40:41.180 Brincus Anfitrion: Y tienes ahí una página en blanco, ya. 388 00:40:41.540 --> 00:40:43.450 Brincus Anfitrion: Y ahí le pones inspeccionar 389 00:40:44.750 --> 00:40:50.189 Brincus Anfitrion: y acá dentro, inspeccionar. Javier. Dar en consola a ti, te va a ser un poquito más chiquitito. 390 00:40:50.730 --> 00:40:51.400 Brincus Anfitrion: Mhm. 391 00:40:51.550 --> 00:40:55.839 Brincus Anfitrion: y ahí vas a encontrar tu consola Y ahí te pones. Ya te pue puedes poner a escribir. 392 00:40:57.350 --> 00:41:03.269 Brincus Anfitrion: Entonces, ahora, si yo les pregunto: ¿cómo creen ustedes que yo puedo sumar cadenas de texto. 393 00:41:03.420 --> 00:41:04.849 Brincus Anfitrion: ¿cómo puedo hacer 394 00:41:05.150 --> 00:41:07.440 Brincus Anfitrion: que diga mi nombre y mi apellido juntos? 395 00:41:09.390 --> 00:41:16.390 Brincus Anfitrion: Alguien se le ocurre, alguien, cree como puede ser, si cree en diga lo normal, no se preocupan si se equivocan aquí, nosotros vamos corrigiendo 396 00:41:19.800 --> 00:41:23.530 Brincus Anfitrion: con un signo más. Dice, agustín, exacto, Agustín, si yo coloco aquí 397 00:41:23.790 --> 00:41:24.810 Brincus Anfitrion: blanco. 398 00:41:26.700 --> 00:41:30.469 Brincus Anfitrion: Coloco un signo más aquí y voy a poner incluso la misma cadena como 399 00:41:32.190 --> 00:41:33.690 Brincus Anfitrion: con comida, simple. 400 00:41:36.720 --> 00:41:46.740 Brincus Anfitrion: lo suma, pero se acuerdan que le dije que las indicaciones, las instrucciones para programar y para que ustedes hagan tienen que ser exactas. Lo que hizo aquí fue sumarnos, pero no hizo el espacio. 401 00:41:47.300 --> 00:41:48.779 Brincus Anfitrion: Entonces existen 2 opciones. 402 00:41:49.250 --> 00:41:51.350 Brincus Anfitrion: Yo puedo escribir aquí, canco. 403 00:41:51.560 --> 00:41:53.010 Brincus Anfitrion: escriban su nombre. 404 00:41:53.140 --> 00:41:54.449 Brincus Anfitrion: puedo colocar un más. 405 00:41:55.060 --> 00:41:58.280 Brincus Anfitrion: puedo colocar otra cadena de texto y poner un espacio dentro 406 00:41:58.970 --> 00:41:59.800 Brincus Anfitrion: más. 407 00:42:00.250 --> 00:42:03.140 Brincus Anfitrion: otro signo y escribir herrera. 408 00:42:05.660 --> 00:42:15.489 Brincus Anfitrion: Y ahí suma con el espacio. ¿qué quiere decir esto? Que toma cadenas que estén con espacios o vacías que dicen algunos, pero tienen espacio. Entonces lo considero como un carácter 409 00:42:15.730 --> 00:42:19.530 Brincus Anfitrion: y también se puede hacer así. Yo creo que a algunos se le ocurrió espacio. 410 00:42:19.870 --> 00:42:21.200 Brincus Anfitrion: comillas más. 411 00:42:25.210 --> 00:42:26.649 Brincus Anfitrion: y también se puede hacer así, 412 00:42:26.760 --> 00:42:30.500 Brincus Anfitrion: ya importante que sepan que pueden 413 00:42:32.070 --> 00:42:39.370 Brincus Anfitrion: pueden unir. Puede unir cadenas de texto sin ningún problema. Yo voy a limpiar mi consola con comando. Cada usted lo puede hacer con control K. 414 00:42:41.360 --> 00:42:48.680 Brincus Anfitrion: Ahora, las variables, las variables son importantes que ustedes lo sepan. Se acuerdan. Cuál era la palabra reservada para la variable. 415 00:42:53.270 --> 00:42:54.760 Brincus Anfitrion: Y lo vimos hace un ratito. 416 00:42:55.640 --> 00:42:57.360 Brincus Anfitrion: ¿con qué palabra Led. 417 00:42:58.090 --> 00:42:59.780 Brincus Anfitrion: Gracias. Lucas Led. 418 00:43:00.190 --> 00:43:01.070 Brincus Anfitrion: sí que había. 419 00:43:01.270 --> 00:43:06.230 Brincus Anfitrion: No, yo escribo Led, y eso significa que ya es un Es una variable. Yo voy a escribir variable nombre. 420 00:43:07.520 --> 00:43:09.579 Brincus Anfitrion: ¿cómo puede ser que me muestre 421 00:43:09.900 --> 00:43:11.710 Brincus Anfitrion: que me muestren el sitio. 422 00:43:12.960 --> 00:43:19.840 Daniel_octavio_Tesser_silva: A lo que me refiero. Quiero escribir algo y que luego, al apretar, me muestre ese algo. 423 00:43:21.340 --> 00:43:22.980 Brincus Anfitrion: Tiene que estar 424 00:43:23.970 --> 00:43:27.489 Brincus Anfitrion: enlazado desde en este caso con tu visor Studio Code. 425 00:43:29.100 --> 00:43:32.280 Brincus Anfitrion: Porque quiero decir como que lo que tú escribes aquí, te aparezca en tu sitio al lado en el blanco. 426 00:43:32.990 --> 00:43:33.950 Daniel_octavio_Tesser_silva: Exacto. 427 00:43:34.340 --> 00:43:43.879 Brincus Anfitrion: Que debería estar en las aguas. Aquí solamente nosotros abrimos para que ustedes puedan utilizar la consola, pero igual lo vamos a ver. Daniel, para que ustedes lo puedan. Lo importante es que primero vean como estos fundamentos, ya 428 00:43:45.910 --> 00:43:47.269 Brincus Anfitrion: pero sí sí se puede. 429 00:43:47.630 --> 00:43:54.929 Brincus Anfitrion: Entonces vamos a crear una variable que se llama N, o M, B, R, E Y a ese nombre usted le va a dar su nombre, denle su nombre. Yo voy a colocar el mío 430 00:43:55.370 --> 00:44:05.859 Brincus Anfitrion: Ustedes aquí. Ya declararon una variable. Tiene que ser tal cual como está aquí ya dicen, defiende. Quiere decir que ya está lista, o sea, ya la definió, pero no tiene nada, entonces. 431 00:44:06.200 --> 00:44:09.919 Brincus Anfitrion: Y voy a escribir otra variable que se va a llamar apellido 432 00:44:11.680 --> 00:44:12.760 Brincus Anfitrion: apellido. 433 00:44:13.950 --> 00:44:18.300 Brincus Anfitrion: Le voy a dar otro string con mi apellido 434 00:44:19.890 --> 00:44:22.029 Brincus Anfitrion: es que usted ya declaran 2 variables. 435 00:44:23.500 --> 00:44:25.140 Brincus Anfitrion: ya todos van Bien, ahí 436 00:44:26.870 --> 00:44:36.439 Brincus Anfitrion: ¿Qué significa que es una variable que la variable puede va a guardar algo. Se acuerdan que era como un cajoncito donde ustedes van a guardar. En este caso está guardando mi nombre. Está guardando mi apellido. 437 00:44:36.550 --> 00:44:39.790 Brincus Anfitrion: pero también más adelante yo la puedo volver a a 438 00:44:40.380 --> 00:44:42.200 Brincus Anfitrion: a darle otro 439 00:44:42.970 --> 00:44:59.529 Brincus Anfitrion: otro atributo. Ot, o como que guardar otra cosa que ya no se llame Franco que diga, no sé, Alejandro, por ejemplo, eso también se puede. Pero existe una variable que no se va a cambiar nunca, que es esta Const. Esta es siempre siempre así. No se va. No se va a cambiar, por ejemplo, decir edad. 440 00:45:02.870 --> 00:45:04.509 Brincus Anfitrion: y le voy a poner 441 00:45:05.610 --> 00:45:06.370 Brincus Anfitrion: ahí. 442 00:45:07.800 --> 00:45:09.130 Brincus Anfitrion: Ustedes pongan su edad. 443 00:45:09.300 --> 00:45:16.570 Brincus Anfitrion: esta variable no va a poder cambiar nunca. Si yo quisiera aquí darle otra otra variable, yo le voy a poner. Voy a intentar hacerlo de edad. 444 00:45:17.930 --> 00:45:19.840 Brincus Anfitrion: Le voy a poner 30. 445 00:45:22.050 --> 00:45:24.720 Brincus Anfitrion: Aquí la tomo, pero no la va a cambiar 446 00:45:25.510 --> 00:45:27.030 Brincus Anfitrion: solamente la definió, 447 00:45:27.390 --> 00:45:30.809 Brincus Anfitrion: pero la mostró. Dice que está lista, pero no la va a mostrar ya. 448 00:45:31.470 --> 00:45:35.120 Brincus Anfitrion: Lo importante es que ahora, como yo muestro esto como yo lo sumo 449 00:45:35.450 --> 00:45:37.389 Brincus Anfitrion: así con el console. Log 450 00:45:37.920 --> 00:45:42.489 Brincus Anfitrion: ¿Qué significa? Con solo que yo le estoy pidiendo perdón 451 00:45:42.630 --> 00:45:44.580 Brincus Anfitrion: con sol. Lok 452 00:45:45.400 --> 00:45:46.590 Brincus Anfitrion: para colocar 453 00:45:46.960 --> 00:45:50.960 Brincus Anfitrion: paréntesis, abren paréntesis, cierran paréntesis, y aquí van a poner 454 00:45:51.690 --> 00:45:55.500 Brincus Anfitrion: el nombre de la variable para poner nombre 455 00:45:56.070 --> 00:45:57.150 Brincus Anfitrion: y un más 456 00:45:58.350 --> 00:45:59.670 Brincus Anfitrion: apellido. 457 00:46:00.120 --> 00:46:02.180 Brincus Anfitrion: Y si quieres le pueden poner más 458 00:46:02.580 --> 00:46:05.249 Brincus Anfitrion: edad. Les va a mostrar todo junto 459 00:46:06.550 --> 00:46:10.589 Brincus Anfitrion: y le va a mostrar Franco rey de 30, que es la última constante que está aquí. 460 00:46:11.190 --> 00:46:12.040 Brincus Anfitrion: Ya 461 00:46:12.270 --> 00:46:13.839 Brincus Anfitrion: a usted le va a pasar lo mismo. 462 00:46:15.400 --> 00:46:24.829 Brincus Anfitrion: El console log es lo que ustedes les va a mostrar qué es lo que ustedes definieron? Es para hacerle un llamado a la consola que les muestre qué es lo que están haciendo la consulta. Javier Dígame. 463 00:46:26.730 --> 00:46:32.660 JAVIER_ARTURO_MIRANDA_HURTADO: No entendí bien eso del cons te o con solo eso. 464 00:46:33.330 --> 00:46:33.990 Brincus Anfitrion: Ya 465 00:46:34.890 --> 00:46:36.900 Brincus Anfitrion: voy a limpiar la la 466 00:46:37.230 --> 00:46:40.780 Brincus Anfitrion: la consola. Existen 2 tipos de variables que son Led 467 00:46:42.710 --> 00:46:45.340 Brincus Anfitrion: y que son. Voy a limpiar mi 468 00:46:45.510 --> 00:46:46.510 Brincus Anfitrion: mi historia 469 00:46:48.250 --> 00:46:53.419 Brincus Anfitrion: y existe otro tipo de variable que se llama Const. No me deja poner el paréntesis en Console, log 470 00:46:56.260 --> 00:46:59.920 Brincus Anfitrion: pero me acuerdo un poquito. Lo vamos a ver al tiro. 471 00:47:00.420 --> 00:47:14.270 Brincus Anfitrion: Javier Existen 2 tipos de variables que el Led, que igual está reservado para una variable. Pero esta variable se puede ir modificando más adelante, ya. Y cons es constante. Es una variable, igual, pero que tú no vas a cambiar nunca. Por ejemplo, como tu Ruth, Tu Ruth no puede cambiar. 472 00:47:16.070 --> 00:47:41.050 Brincus Anfitrion: Entonces, cuando tú creas un sistema con tu root, tu Room no va a cambiar nunca. No lo pueden. No pueden hacer cambios, pero sí pueden cambiar tu fecha de nacimiento. No sé tú me refiero dentro de que tú puedes hacer el uso, o puedes cambiar tu número de teléfono. Por ejemplo, tu número de teléfono. Si lo puedes, puede ser editable, pero tu road no va a cambiar. Entonces, en este caso, yo voy a colocar Led. Puede ser número de teléfono número 473 00:47:43.580 --> 00:47:44.880 Brincus Anfitrion: telefónico. 474 00:47:45.100 --> 00:47:46.440 Brincus Anfitrion: Voy a escribir 475 00:47:46.830 --> 00:47:50.250 Brincus Anfitrion: ese es tu número de teléfono 476 00:47:50.880 --> 00:47:51.960 Brincus Anfitrion: y const 477 00:47:52.090 --> 00:47:53.510 Brincus Anfitrion: va a ser tu rutina. 478 00:47:55.230 --> 00:47:57.720 Brincus Anfitrion: o sea. 479 00:47:58.030 --> 00:47:59.680 Brincus Anfitrion: 1. 480 00:48:00.010 --> 00:48:01.639 Brincus Anfitrion: Bueno, aquí ya tienen que ser 3. 481 00:48:05.630 --> 00:48:12.869 Brincus Anfitrion: Entonces, cuando son 2 tipos de variables diferentes, pero esta no va a cambiar nunca. Está tú después la puede volver a cambiar 482 00:48:13.680 --> 00:48:17.490 Brincus Anfitrion: ya. Por eso el Led Const es constante. No va a cambiar nunca. 483 00:48:18.140 --> 00:48:20.980 Brincus Anfitrion: Profe Hice lo que dijo, pero no me res. No me responde 484 00:48:21.430 --> 00:48:22.490 Brincus Anfitrion: dónde faenas. 485 00:48:24.600 --> 00:48:29.849 Brincus Anfitrion: Sí, te lo va a mostrar emilio, pero es porque es consola solamente cuando lo defines acá No. 486 00:48:30.420 --> 00:48:36.890 Brincus Anfitrion: no te cuando lo defines en un programa como tal, no te lo va a dejar hacer porque son consultas que tú estás haciendo en tu consola. 487 00:48:38.110 --> 00:48:40.819 Brincus Anfitrion: Entonces Lucas, dígame. 488 00:48:41.510 --> 00:48:44.499 Lukas Henríquez Peña: Profe yo, que 489 00:48:45.320 --> 00:48:47.079 Lukas Henríquez Peña: yo, que tengo algo de 490 00:48:47.330 --> 00:48:49.229 Lukas Henríquez Peña: experiencia con. 491 00:48:49.230 --> 00:48:50.900 Daniel_octavio_Tesser_silva: Sí que. 492 00:48:50.900 --> 00:49:05.799 Lukas Henríquez Peña: Bueno, yo conozco 3 formas de definir variables Let Bar y y Const: Bueno, ya sabía esa diferencia, pero no todavía. Pero, ¿cuál es la diferencia entre definir una variable con let y con Var. 493 00:49:05.800 --> 00:49:07.700 Daniel_octavio_Tesser_silva: Me siento muy tranquilo. 494 00:49:08.290 --> 00:49:09.180 Daniel_octavio_Tesser_silva: ya. 495 00:49:09.180 --> 00:49:15.970 Brincus Anfitrion: Luego lo vamos más adelante. Pero la diferencia es que al menos ustedes aprendan que el Led es 496 00:49:16.690 --> 00:49:21.110 Brincus Anfitrion: es una variable que ustedes más adelante la pueden modificar. Solamente es como. 497 00:49:22.010 --> 00:49:33.910 Brincus Anfitrion: como, por ejemplo, agregar tu número de teléfono, como hablábamos recién y tu número de teléfono. Tú en un mes más y de un sistema, tú lo quieres cambiar o tu in tu email, lo puedes cambiar. Se va a asociar un nuevo email a tu 498 00:49:34.320 --> 00:49:35.320 Brincus Anfitrion: a tu 499 00:49:35.500 --> 00:49:36.830 Brincus Anfitrion: sistema. 500 00:49:37.530 --> 00:49:50.540 Brincus Anfitrion: pero en realidad, las que más se utilizan, el led y const Pero Const no cambia nunca, No puede cambiar. Tú le asignas un valor dentro de un programa y no va a cambiar, aunque tú quieras te va a salir error. Error, pero Led, si puede tomar el valor más adelante. 501 00:49:51.000 --> 00:50:06.220 Brincus Anfitrion: Por ejemplo, puede ser. Vamos a Vamos a una calculadora más adelante. Y vamos a poner Led número 1, y tú le vas a dar el 5 como valor y va a tomar ese valor 5, pero más abajo, tú quieres que el número 1 ya no sea el 5, va a ser el 2, 502 00:50:06.370 --> 00:50:10.439 Brincus Anfitrion: y también lo va a transformar en 2, porque se va a poder ir cambiando constantemente 503 00:50:11.020 --> 00:50:17.169 Brincus Anfitrion: ya. Pero, por ejemplo, sería la variable suma resta dividir un botón que nunca va a cambiar. 504 00:50:17.480 --> 00:50:22.180 Brincus Anfitrion: Solamente va a restar, va a multiplicar o va a dividir según el símbolo que tú le estés entregando. 505 00:50:23.080 --> 00:50:27.380 Brincus Anfitrion: No sé si me no sé si se entiende igual, lo van a ver más adelante. En realidad lo vamos a ver más detalle. 506 00:50:27.920 --> 00:50:28.560 Brincus Anfitrion: Daniel. 507 00:50:28.560 --> 00:50:29.810 Lukas Henríquez Peña: Gracias. 508 00:50:31.450 --> 00:50:34.999 Daniel_octavio_Tesser_silva: ¡ay, perdón es que quería mostrarle lo que logré hacer solito. 509 00:50:35.990 --> 00:50:36.629 Daniel_octavio_Tesser_silva: Me voy a meter. 510 00:50:36.630 --> 00:50:36.980 Brincus Anfitrion: La de. 511 00:50:36.980 --> 00:50:37.650 Daniel_octavio_Tesser_silva: Se lo. 512 00:50:38.280 --> 00:50:44.929 Brincus Anfitrion: Sí, dame un segundo. Sí, Daniel, porque voy a terminar de de explicarle a Javier para que pueda ser el cónsul 513 00:50:45.110 --> 00:50:51.379 Brincus Anfitrion: Ya gracias. Dani Entonces Javier. Para que tú puedas mostrar tu número de teléfono y tu Ruth 514 00:50:51.730 --> 00:50:53.460 Brincus Anfitrion: tienes que usar console log 515 00:50:53.890 --> 00:51:06.179 Brincus Anfitrion: cónsult punto. Lock, aquí le está diciendo la consola que te muestre o que te muestre lo que tú le estás pidiendo. En este caso va a ser dentro de tu de tu Consort Lock. Dentro de tu paréntesis, vas a escribir el nombre de tu variable 516 00:51:06.360 --> 00:51:13.000 Brincus Anfitrion: números. Y aquí me me entrega a mí el número de teléfono para saber apretar entero. Otra vez se prestan Enter. Se les va, les va a salir un error. 517 00:51:13.750 --> 00:51:15.039 Brincus Anfitrion: Ese punto loco 518 00:51:17.460 --> 00:51:18.450 Brincus Anfitrion: número 519 00:51:20.070 --> 00:51:22.290 Brincus Anfitrion: telefónico más 520 00:51:23.180 --> 00:51:27.989 Brincus Anfitrion: tu rut le puedes poner y le pones punto y coma, y te va a entregar 521 00:51:28.860 --> 00:51:30.719 Brincus Anfitrion: Nos entregó el número telefónico. 522 00:51:33.410 --> 00:51:34.500 Brincus Anfitrion: Es un punto rojo. 523 00:51:35.172 --> 00:51:37.220 Brincus Anfitrion: porque los sumo, los sumo como números. 524 00:51:38.370 --> 00:51:47.370 Brincus Anfitrion: pero el console log lo que hace es mostrarte a ti lo que yo, de hecho, les voy a mostrar un botón interactivo más fácil en codyling ya para que ustedes puedan entender. 525 00:51:48.320 --> 00:51:49.330 Brincus Anfitrion: De hecho, miren. 526 00:51:49.660 --> 00:51:52.129 Brincus Anfitrion: aún no es todo el link. Vamos a Daniel 527 00:51:52.240 --> 00:51:53.850 Brincus Anfitrion: comparta lo que usted hizo 528 00:51:54.290 --> 00:51:55.630 Brincus Anfitrion: debería tener. 529 00:51:55.630 --> 00:51:57.349 Daniel_octavio_Tesser_silva: Y y. 530 00:51:58.080 --> 00:52:00.239 Brincus Anfitrion: Lo perdiste, ya. 531 00:52:00.240 --> 00:52:06.489 Daniel_octavio_Tesser_silva: Había reiniciar, pero había logrado hacer lo que le mencioné de que quería poner texto en la pantalla. 532 00:52:06.930 --> 00:52:08.690 Brincus Anfitrion: Ya eso vamos a ver nosotros. Ahora. 533 00:52:09.670 --> 00:52:12.400 Brincus Anfitrion: eso vamos a hacer para que lo puedan entender de mejor manera. Ya 534 00:52:12.810 --> 00:52:17.050 Brincus Anfitrion: nos vamos a ir al Codilink. Yo les voy a enviar el el enlace 535 00:52:19.750 --> 00:52:25.559 Brincus Anfitrion: para los que no conocen. Covid Lo hemos utilizado bastante ahí le salió Cony 536 00:52:26.237 --> 00:52:28.139 Brincus Anfitrion: Se lo envié a Emilia. Solamente 537 00:52:29.860 --> 00:52:33.750 Brincus Anfitrion: ahí váyanse todo a Codilink y les debería aparecer como 538 00:52:33.930 --> 00:52:35.150 Brincus Anfitrion: en 539 00:52:36.080 --> 00:52:42.580 Brincus Anfitrion: a ustedes cuando inicien, les va a aparecer posiblemente. Así los que nunca han iniciado nada ya 540 00:52:44.180 --> 00:52:52.800 Brincus Anfitrion: va a aparecer. Así, cuando ingresen, van a ir a ajustes y van a tomar. La última. Dice aquí, editor de diseño, y van a tomar el último editor de diseño 541 00:52:54.080 --> 00:52:55.370 Brincus Anfitrion: que vendría siendo aquí 542 00:52:56.700 --> 00:52:59.710 Brincus Anfitrion: ya y se les va a ver así ahí. Ustedes, pues, ajustan 543 00:53:01.130 --> 00:53:01.900 Brincus Anfitrion: todo esto. 544 00:53:04.840 --> 00:53:07.170 Brincus Anfitrion: Ya pudieron llegar ahí. 545 00:53:12.360 --> 00:53:14.519 Brincus Anfitrion: Si lo detienen. Así, me van avisando Si no. 546 00:53:16.120 --> 00:53:18.540 Brincus Anfitrion: Daniel tiene su mano levantada o se le quiere levantar. 547 00:53:21.170 --> 00:53:23.010 Daniel_octavio_Tesser_silva: Luxorri se me olvidó. 548 00:53:25.360 --> 00:53:38.279 Brincus Anfitrion: Entonces vamos a escribir un poquito de Html. Lo que vamos a hacer es que vamos a apretar H, 1 aquí dentro de la opción Html, para que vean que las 3 cosas funcionan bien. Y aquí pueden ver mejor la diferencia. 549 00:53:40.590 --> 00:53:42.570 Brincus Anfitrion: y vamos a poner as 550 00:53:42.780 --> 00:53:43.580 Brincus Anfitrion: clic 551 00:53:44.840 --> 00:53:47.410 Brincus Anfitrion: en el botón, ¿verdad? 552 00:53:51.520 --> 00:53:56.370 Brincus Anfitrion: Eso de primero te describan eso por mientras les va a ir apareciendo aquí al lado en el en el lado blanco. 553 00:53:57.560 --> 00:53:58.360 Brincus Anfitrion: Ya 554 00:53:58.680 --> 00:54:08.090 Brincus Anfitrion: después de esto, vamos a crear un botón, te van a escribir Button, le van a Dar Enter. Y dentro de les va a quedar el cursor. Van a escribir 555 00:54:09.560 --> 00:54:11.330 Brincus Anfitrion: Presioname 556 00:54:11.530 --> 00:54:12.330 Brincus Anfitrion: ya 557 00:54:13.940 --> 00:54:14.760 Brincus Anfitrion: 3 558 00:54:16.300 --> 00:54:17.340 Brincus Anfitrion: que van a ver. 559 00:54:18.880 --> 00:54:19.860 Brincus Anfitrion: van a ser 560 00:54:20.170 --> 00:54:21.160 Brincus Anfitrion: enter. 561 00:54:22.040 --> 00:54:28.009 Brincus Anfitrion: Y ahora, para que ustedes escriban un javascript o un script dentro de Html, tienen que usar la etiqueta script 562 00:54:28.660 --> 00:54:39.130 Brincus Anfitrion: se acuerdan que yo les comentaba que todo funciona con etiqueta en Html, porque es la manera en la que el navegador lo ve. Entonces, si ya tienes la la etiqueta script van a dar enter 563 00:54:40.410 --> 00:54:45.180 Brincus Anfitrion: ya también ahí alguno se va. Se va atrasado. Me va comentando. 564 00:54:45.520 --> 00:54:49.179 Brincus Anfitrion: pero tienen que copiar, voy a darle un poquito más de zoom para que puedan ir viendo. 565 00:54:50.760 --> 00:54:55.349 Brincus Anfitrion: Y dentro de aquí lo que nosotros vamos a hacer, vamos a una función solamente para que vean la diferencia. 566 00:54:56.140 --> 00:54:58.190 Brincus Anfitrion: ¿vamos a escribir. 567 00:54:58.580 --> 00:54:59.580 Brincus Anfitrion: ¿ 568 00:55:00.250 --> 00:55:01.060 Brincus Anfitrion: Pum. 569 00:55:02.820 --> 00:55:04.869 Brincus Anfitrion: sí o no, Así tienen que escribir. 570 00:55:06.080 --> 00:55:10.160 Brincus Anfitrion: Y vamos a escribir, mostrar nosotros que lo queremos mostrar un mensaje. 571 00:55:10.880 --> 00:55:11.960 Brincus Anfitrion: mostrar 572 00:55:12.120 --> 00:55:17.509 Brincus Anfitrion: mensaje, todas las variables, Todo lo que ustedes quieran definir cuando tienen 2 palabras: no, no usan espacio. 573 00:55:17.650 --> 00:55:23.439 Brincus Anfitrion: Pero si se usa la segunda en mayúscula, ya eso se llama Camel Case. Así se llama, Por si lo quieren buscar. 574 00:55:23.680 --> 00:55:31.500 Brincus Anfitrion: Vamos a escribir mensajes, van a escribir paréntesis, van a cerrar paréntesis y después van a dar una llave de esta llave, la misma que se usan Css 575 00:55:31.640 --> 00:55:32.700 Brincus Anfitrion: ya. 576 00:55:32.830 --> 00:55:34.800 Brincus Anfitrion: Y lo que vamos a hacer, vamos a ser un enter. 577 00:55:34.960 --> 00:55:36.690 Brincus Anfitrion: Y vamos a escribir aler 578 00:55:38.890 --> 00:55:39.720 Brincus Anfitrion: aquí 579 00:55:40.170 --> 00:55:41.670 Brincus Anfitrion: paréntesis de nuevo. 580 00:55:42.480 --> 00:55:45.160 Brincus Anfitrion: Ahora vamos a escribir comillas. 581 00:55:45.870 --> 00:55:52.680 Brincus Anfitrion: Y vamos a escribir. Felicidades. Creaste 582 00:55:54.270 --> 00:55:58.160 Brincus Anfitrion: botón, te pones aquí, lo que quieras botón integrar. 583 00:55:58.860 --> 00:56:00.250 Brincus Anfitrion: pero ya 584 00:56:00.600 --> 00:56:03.989 Brincus Anfitrion: de momento, el botón no va a hacer nada. Si usted lo aprietas, no pasa nada. 585 00:56:04.200 --> 00:56:11.959 Brincus Anfitrion: ¿cierto? Porque el botón no tiene nada que hacer lo que ustedes escribieron solamente fue aquí. Tiene que haber un punto. Y com ahí 586 00:56:12.510 --> 00:56:18.730 Brincus Anfitrion: lo que ustedes crearon solamente fue la función, pero la función donde va en el botón y el botón está aquí 587 00:56:19.470 --> 00:56:28.439 Brincus Anfitrion: y se tiene que incorporar dentro de la etiqueta de apertura. Al final de primer botón, le dan un espacio y escriben on 588 00:56:29.150 --> 00:56:30.000 Brincus Anfitrion: click. 589 00:56:30.550 --> 00:56:31.330 Brincus Anfitrion: Ya 590 00:56:31.900 --> 00:56:34.929 Brincus Anfitrion: le va a arrojar para que ustedes puedan escribir dentro. 591 00:56:35.050 --> 00:56:37.390 Brincus Anfitrion: ¿qué van a escribir dentro esta parte. 592 00:56:37.680 --> 00:56:38.430 Brincus Anfitrion: esto. 593 00:56:38.640 --> 00:56:44.819 Brincus Anfitrion: mostrar mensaje tal cual como está ahí. De hecho, se les va a decir cómo lo pueden escribir le dan Enter. 594 00:56:45.640 --> 00:56:47.899 Brincus Anfitrion: Pero tienen que escribir el paréntesis. 595 00:56:48.210 --> 00:56:51.030 Brincus Anfitrion: Si ahora ustedes escriben aquí, les va a salir la opción 596 00:56:51.170 --> 00:56:54.110 Brincus Anfitrion: con el índice. Felicidades! Quédate! Tu primer botón interactivo 597 00:56:55.070 --> 00:56:56.160 Brincus Anfitrion: le funcionó. 598 00:57:02.660 --> 00:57:04.609 Javier_Ricardo_Constantino_Cid_De_la_barra: Yo estoy escribiendo todavía. Profe. 599 00:57:04.820 --> 00:57:10.770 Brincus Anfitrion: Ya no hay problema. Decimos con y como que función dentro. Así mire, voy a volver a escribirlo. Script 600 00:57:11.640 --> 00:57:18.660 Brincus Anfitrion: atrás, el entre aquí te va a quedar justo el medio, ponía aquí. Da un Enter. Y aquí escribes aquí, 601 00:57:20.220 --> 00:57:25.829 Brincus Anfitrion: sí funcionó. Gracias. Emilia. Ahí con el sur de Funchy. Aquí estoy en mostrar mensaje, lo mismo que está ahí 602 00:57:26.310 --> 00:57:31.860 Brincus Anfitrion: y ahí está escribiendo dentro. De hecho, va a ver que va, se va a aparecer una línea blanca y que tú estás dentro de tu 603 00:57:32.550 --> 00:57:33.830 Brincus Anfitrion: de tu etiqueta 604 00:57:35.690 --> 00:57:40.629 Brincus Anfitrion: le funcione aquí. Pueden cambiar el mensaje las veces que ustedes quieran y a lo que ustedes quieran. 605 00:57:41.250 --> 00:57:42.080 Brincus Anfitrion: Ya 606 00:57:42.260 --> 00:57:43.460 Brincus Anfitrion: esto es 607 00:57:43.880 --> 00:57:47.670 Brincus Anfitrion: H. T, M. L, Junto con J. Con javascri 608 00:57:48.810 --> 00:57:51.740 Brincus Anfitrion: agustín, ya que, bueno, que le le funcionó. 609 00:57:52.180 --> 00:57:55.690 Brincus Anfitrion: Ahora, alguien me preguntó que por qué funcionan las 3 cosas juntas. 610 00:57:55.860 --> 00:58:03.079 Brincus Anfitrion: Si yo me voy a. C, C. S: No sé si todos saben. Css: pero si si copian exactamente lo que yo voy a poner, les debería funcionar. 611 00:58:03.710 --> 00:58:07.170 Brincus Anfitrion: Si yo voy a Css: Aquí arriba, escribo el botón 612 00:58:07.600 --> 00:58:12.159 Brincus Anfitrion: alguno ya tiene el conocimiento. Ya lo regalo bien, pero le pongo Phone. Size. 613 00:58:13.060 --> 00:58:15.430 Brincus Anfitrion: le puedo poner 40 píxeles. 614 00:58:16.830 --> 00:58:18.900 Brincus Anfitrion: Ven ahí. Yo ya cambié la 615 00:58:19.530 --> 00:58:26.479 Brincus Anfitrion: la la visual del botón. Si yo le escribo guardar radios, voy a escribir cosas que ya vimos el otro día para que no se le haga tan difícil 616 00:58:26.870 --> 00:58:28.560 Brincus Anfitrion: para que el botón queda. 617 00:58:29.330 --> 00:58:30.870 Brincus Anfitrion: Ahora, Sí, vestido Padding. 618 00:58:32.140 --> 00:58:33.520 Brincus Anfitrion: Voy a escribir 20 619 00:58:33.950 --> 00:58:35.120 Brincus Anfitrion: y 20 620 00:58:38.370 --> 00:58:39.180 Brincus Anfitrion: ahí. 621 00:58:39.520 --> 00:58:43.950 Brincus Anfitrion: Entonces, ¿qué estoy haciendo aquí? Las 3 cosas están funcionando al mismo tiempo. Si aprieto. El botón 622 00:58:45.190 --> 00:58:48.070 Brincus Anfitrion: sigue funcionando. Se ve el C. C. S. 623 00:58:48.640 --> 00:58:53.729 Brincus Anfitrion: Ya ves que yo puedo cambiar aquí incluso el H, 1 ponerle que 624 00:58:55.030 --> 00:59:01.059 Brincus Anfitrion: on family. Voy a ponerle una para que ustedes la puedan ver ahí. Cambio la letra 625 00:59:02.160 --> 00:59:04.280 Brincus Anfitrion: a que huele porque Font family. 626 00:59:05.620 --> 00:59:07.770 Brincus Anfitrion: cualquiera en realidad solamente para que vean 627 00:59:08.460 --> 00:59:12.430 Brincus Anfitrion: que ahí están funcionando las 3 cosas en conjunto. H, T, M. L. 628 00:59:13.390 --> 00:59:14.620 Brincus Anfitrion: Javascript 629 00:59:14.800 --> 00:59:16.390 Brincus Anfitrion: y C, C, S, 630 00:59:17.290 --> 00:59:20.329 Brincus Anfitrion: Eso es lo que hace una web. Obviamente tiene un montón de componentes más. 631 00:59:21.420 --> 00:59:22.620 Brincus Anfitrion: pero funciona 632 00:59:22.940 --> 00:59:23.740 Brincus Anfitrion: ya 633 00:59:24.910 --> 00:59:25.790 Brincus Anfitrion: ahora 634 00:59:26.270 --> 00:59:27.470 Brincus Anfitrion: en 635 00:59:29.470 --> 00:59:30.460 Brincus Anfitrion: aquí. 636 00:59:31.130 --> 00:59:35.739 Brincus Anfitrion: No sé si alguno tiene alguna duda, si no pudo, si no le funciona 637 00:59:40.850 --> 00:59:42.580 Brincus Anfitrion: ninguna duda que, bueno, Amelia. 638 00:59:42.810 --> 00:59:43.690 Brincus Anfitrion: ¿qué hacemos. 639 00:59:43.690 --> 00:59:45.290 Martin_Ignacio__Aranda_Fuentes: Profe. Yo tengo una duda. 640 00:59:45.290 --> 00:59:46.349 Brincus Anfitrion: Dígame Martín. 641 00:59:47.310 --> 00:59:51.929 Martin_Ignacio__Aranda_Fuentes: Cómo cómo se hacía para el Font Family. 642 00:59:52.850 --> 00:59:56.499 Brincus Anfitrion: Aquí en el C. C. S, es que dentro del 643 00:59:56.680 --> 01:00:03.749 Brincus Anfitrion: del de lo que le quiera cambiar la fuente, escribe Font Family y escribe la fuente que usted quiera. Le va a aparecer una opción ahí. 644 01:00:04.620 --> 01:00:07.130 Brincus Anfitrion: Lo voy a borrar para que me aparezca la opción ya. 645 01:00:09.150 --> 01:00:16.639 Brincus Anfitrion: Y aquí, dentro de las que te aparezcan, por ejemplo, impact que va a haber que cambia el tiro, le pones, botón, punto y coma y listo. 646 01:00:17.730 --> 01:00:18.350 Martin_Ignacio__Aranda_Fuentes: Ya. 647 01:00:18.350 --> 01:00:20.790 Brincus Anfitrion: Función, pero no me sale azul. 648 01:00:21.300 --> 01:00:22.359 Brincus Anfitrion: Dígame, Dígame. 649 01:00:23.080 --> 01:00:25.770 Martin_Ignacio__Aranda_Fuentes: No sé y cómo era para el script del botón. 650 01:00:26.240 --> 01:00:26.900 Brincus Anfitrion: Aquí 651 01:00:27.130 --> 01:00:37.990 Brincus Anfitrion: este el script del botón. Recuerden que el script del botón después lo tienen que poner aquí con este one click on clic, perdón, mostrar mensaje hasta ahí. Eso es lo que tienen que poner dentro de la etiqueta de apertura 652 01:00:38.350 --> 01:00:40.009 Brincus Anfitrion: para que vean que sí le funciona 653 01:00:40.230 --> 01:00:43.250 Brincus Anfitrion: con Y comp si quieres compartir pantalla 654 01:00:43.430 --> 01:00:46.750 Brincus Anfitrion: a lo mejor a alguien igual le pasa lo mismo. Voy a dejar de compartir. 655 01:00:47.530 --> 01:00:50.169 Brincus Anfitrion: Debería poder compartir pantalla con 656 01:00:52.480 --> 01:00:53.630 Brincus Anfitrion: a gustar. 657 01:00:58.400 --> 01:01:01.829 Brincus Anfitrion: Le funcionó a Agustín, ¿cierto? Te envió una foto ahí 658 01:01:02.270 --> 01:01:03.520 Brincus Anfitrion: debería funcionar. 659 01:01:09.080 --> 01:01:14.050 Brincus Anfitrion: ¿qué Bueno, agustín, si funciona, si tiene su código, está bien. Así que debería funcionar 660 01:01:24.120 --> 01:01:29.069 Brincus Anfitrion: porque dice: fuctian Connie. Tiene que ser función. Ahí falta un aire 661 01:01:29.490 --> 01:01:31.170 Brincus Anfitrion: ahí justo ahí donde tiene el. 662 01:01:36.420 --> 01:01:38.959 Javier_Ricardo_Constantino_Cid_De_la_barra: Profe y cómo es la parte que se onclic 663 01:01:39.220 --> 01:01:39.990 Javier_Ricardo_Constantino_Cid_De_la_barra: ¿Cómo se escribe. 664 01:01:39.990 --> 01:01:40.630 Brincus Anfitrion: Países 665 01:01:41.630 --> 01:01:48.169 Brincus Anfitrion: de nada. Co: Ni siquiera puedes seguir ahí, co escribiendo para que puedan ver cómo se escribe Long play 666 01:01:48.720 --> 01:01:52.409 Brincus Anfitrion: ahí después de mostrar mensaje, abrir y cerrar. Paréntesis. 667 01:01:56.910 --> 01:02:00.210 Brincus Anfitrion: No, el paréntesis normal, no más con Esa es la llave 668 01:02:01.220 --> 01:02:03.449 Brincus Anfitrion: ahí. Ahora, fuera de esa 669 01:02:05.670 --> 01:02:08.830 Brincus Anfitrion: haga la llave que estaba haciendo recién la del C, C. S, 670 01:02:09.690 --> 01:02:11.159 Brincus Anfitrion: Esa un enter. 671 01:02:13.170 --> 01:02:14.770 Brincus Anfitrion: Y ahí ahora escriba Alert. 672 01:02:17.500 --> 01:02:18.460 Coni Alarcón: ¿qué escribo. 673 01:02:19.070 --> 01:02:22.949 Brincus Anfitrion: Alert como alerta, pero sin a L E, R, T, 674 01:02:24.510 --> 01:02:26.720 Brincus Anfitrion: alerta? No, pero sí, tal 675 01:02:30.440 --> 01:02:34.320 Brincus Anfitrion: y después de aler, No. ¿pero ¿de qué o de qué on verde 676 01:02:34.590 --> 01:02:35.480 Brincus Anfitrion: Mira. 677 01:02:35.890 --> 01:02:40.420 Brincus Anfitrion: voy, voy a compartir pantalla mejor para poder. Puede que tenga un error ahí. 678 01:02:42.790 --> 01:02:44.819 Brincus Anfitrion: Yo le voy a escribir de nuevo 679 01:02:45.960 --> 01:02:48.009 Brincus Anfitrion: y voy a borrar. Está Acá para que 680 01:02:49.340 --> 01:02:51.170 Brincus Anfitrion: no tengan problemas. 681 01:02:53.890 --> 01:02:58.539 Brincus Anfitrion: ya acá quién me preguntó recién, cómo va a ser el 682 01:02:58.890 --> 01:02:59.689 Brincus Anfitrion: pero van a escribir. 683 01:02:59.690 --> 01:03:00.910 Javier_Ricardo_Constantino_Cid_De_la_barra: Yo profe. 684 01:03:01.370 --> 01:03:02.090 Brincus Anfitrion: Ya 685 01:03:02.460 --> 01:03:07.669 Brincus Anfitrion: van a escribir. Script le van a dar un enter, y van a escribir función. 686 01:03:08.601 --> 01:03:10.689 Javier_Ricardo_Constantino_Cid_De_la_barra: No, Yo le había preguntado por el Onclick. 687 01:03:10.920 --> 01:03:13.460 Brincus Anfitrion: En botón aquí. 688 01:03:14.470 --> 01:03:15.350 Javier_Ricardo_Constantino_Cid_De_la_barra: Yo. 689 01:03:15.810 --> 01:03:19.949 Brincus Anfitrion: Le da un espacio dentro y le van a poner un clic o un clic ahí. 690 01:03:20.100 --> 01:03:25.449 Brincus Anfitrion: Y dentro de esto va a escribir el nombre de la función que va a decir mostrar mensaje en este caso, mostrar. 691 01:03:25.852 --> 01:03:29.470 Javier_Ricardo_Constantino_Cid_De_la_barra: No cambiaba de color. Entonces, ¿por qué por fuera. 692 01:03:29.690 --> 01:03:33.720 Brincus Anfitrion: No tiene que ser aquí dentro y tiene que ir con el. 693 01:03:33.720 --> 01:03:35.840 Javier_Ricardo_Constantino_Cid_De_la_barra: Pegué que mej y quedó funcionando. Parece. 694 01:03:35.840 --> 01:03:41.040 Brincus Anfitrion: Da que bueno, ahí funciona. Entonces yo voy a escribir, mostrar el mensaje aquí. 695 01:03:41.040 --> 01:03:43.350 Javier_Ricardo_Constantino_Cid_De_la_barra: No muestra texto. Eso sí. 696 01:03:44.530 --> 01:03:45.850 Brincus Anfitrion: Nos muestra el texto. 697 01:03:46.210 --> 01:03:49.469 Javier_Ricardo_Constantino_Cid_De_la_barra: No, no muestra el texto. Sale como un cuadrado gris, no más. 698 01:03:49.470 --> 01:03:53.210 Brincus Anfitrion: Le pus le pusiste, le puso este paréntesis. 699 01:03:54.850 --> 01:03:57.850 Brincus Anfitrion: Tiene que ser con lo tiene que. 700 01:03:57.850 --> 01:04:00.269 Javier_Ricardo_Constantino_Cid_De_la_barra: Tengo 2 paréntesis del corchete. Sí. 701 01:04:00.530 --> 01:04:01.220 Brincus Anfitrion: Ya. 702 01:04:02.770 --> 01:04:07.190 Brincus Anfitrion: Y el el alerta está dentro de pare. Está dentro de comillas. 703 01:04:07.510 --> 01:04:08.000 Javier_Ricardo_Constantino_Cid_De_la_barra: Sí. 704 01:04:08.000 --> 01:04:08.800 Brincus Anfitrion: Que es. 705 01:04:11.180 --> 01:04:12.400 Brincus Anfitrion: ya. Vamos a revisarlo al tiro. 706 01:04:12.400 --> 01:04:15.329 Javier_Ricardo_Constantino_Cid_De_la_barra: No me sale ni el mensaje, ni 707 01:04:15.330 --> 01:04:16.819 Javier_Ricardo_Constantino_Cid_De_la_barra: ahí está. 708 01:04:16.820 --> 01:04:17.610 Javier_Ricardo_Constantino_Cid_De_la_barra: Sí. 709 01:04:17.610 --> 01:04:19.650 Brincus Anfitrion: Comparta pantalla, por favor. 710 01:04:20.730 --> 01:04:21.779 Brincus Anfitrion: Sí que puede. 711 01:04:27.890 --> 01:04:32.600 Brincus Anfitrion: Ahí debería estar listo. No sé cómo se le llama en el teclado. Depende de su teclado manual. 712 01:04:33.130 --> 01:04:35.020 Brincus Anfitrion: Se puede mandarme una foto. 713 01:04:35.380 --> 01:04:38.569 Brincus Anfitrion: La A era en minúscula, sí con I era con minúscula. 714 01:04:41.020 --> 01:04:45.220 Brincus Anfitrion: Ya falta ahí la etiqueta de cierre del script 715 01:04:45.780 --> 01:04:46.640 Brincus Anfitrion: Javier. 716 01:04:48.510 --> 01:04:53.940 Brincus Anfitrion: Ahí tiene que ser mayor que no tiene que ir un slash antes del script 717 01:04:57.000 --> 01:05:00.920 Brincus Anfitrion: dentro antes, no antes de la de la S entre la S y la 718 01:05:01.270 --> 01:05:02.819 Brincus Anfitrion: y el el menor. ¿qué 719 01:05:05.040 --> 01:05:05.830 Brincus Anfitrion: ahí. 720 01:05:09.040 --> 01:05:13.009 Brincus Anfitrion: Y esa tiene que ir ahora. El Mallorca, el otro. Ahí debería funcionar. A ver. 721 01:05:13.290 --> 01:05:14.659 Brincus Anfitrion: prueben el botón. 722 01:05:18.850 --> 01:05:23.350 Brincus Anfitrion: Porque después del aler, tiene que ir a un punto y coma. Después de los paréntesis, de lola 723 01:05:24.500 --> 01:05:25.310 Brincus Anfitrion: ahí 724 01:05:26.090 --> 01:05:30.230 Brincus Anfitrion: ya y arriba también le falta la la final de Vutón. 725 01:05:30.510 --> 01:05:33.970 Brincus Anfitrion: donde dice mostrarme ahí, escribe ahí un texto, póngale 726 01:05:34.080 --> 01:05:36.050 Brincus Anfitrion: presionar o presióname. 727 01:05:37.330 --> 01:05:40.880 Brincus Anfitrion: Es que ya presióname o clic. No sé lo que usted quiera. 728 01:05:41.710 --> 01:05:44.290 Brincus Anfitrion: y ahora la menor qué 729 01:05:44.880 --> 01:05:49.189 Brincus Anfitrion: después de ese hace el el paréntesis del menor. ¿qué? Y ahí se escribe Button 730 01:05:49.310 --> 01:05:56.720 Brincus Anfitrion: ahí que igual tiene que ir con el Slat, todas las etiquetas de cierre, esa misma que aparece ahí como sugerencia. Ahora debería funcionar a ver. Haga click. 731 01:06:02.020 --> 01:06:03.289 Brincus Anfitrion: ¿Le parece algo. 732 01:06:04.900 --> 01:06:07.790 Brincus Anfitrion: Yo no puedo. Si le aparece como una alerta. Puede que no le 733 01:06:11.610 --> 01:06:14.220 Brincus Anfitrion: Yo no sé si le funciona. No sé si lo está, 734 01:06:17.090 --> 01:06:20.549 Brincus Anfitrion: porque si un mensaje que está oculto o tiene algún bloqueador. Puede que no se lo muestre 735 01:06:24.480 --> 01:06:28.500 Brincus Anfitrion: ya en Ma. En mostrar mensaje, Te fal te faltan los paréntesis 736 01:06:28.720 --> 01:06:32.199 Brincus Anfitrion: arriba. Damos un clic, mostrar mensaje. 737 01:06:32.860 --> 01:06:35.390 Brincus Anfitrion: te faltan los paréntesis al final de mostrar el mensaje 738 01:06:35.910 --> 01:06:36.680 Brincus Anfitrion: ahí 739 01:06:37.430 --> 01:06:38.800 Brincus Anfitrion: dentro de las comillas 740 01:06:41.900 --> 01:06:43.910 Brincus Anfitrion: dentro de las comillas. Javier 741 01:06:45.160 --> 01:06:46.309 Brincus Anfitrion: después de la E. 742 01:06:46.730 --> 01:06:47.500 Brincus Anfitrion: Ahí 743 01:06:48.530 --> 01:06:50.720 Brincus Anfitrion: ahora debería funcionar 744 01:06:50.990 --> 01:06:51.889 Brincus Anfitrion: Ahí Sí, 745 01:06:56.360 --> 01:06:57.440 Brincus Anfitrion: ahí funciona. 746 01:06:58.640 --> 01:07:01.500 Brincus Anfitrion: Ya cuando tienes que terminar la clase, porque nos pasamos poquitito. 747 01:07:02.260 --> 01:07:10.810 Brincus Anfitrion: pero recuerden que va a estar la primera clase. Tenían que conocer como los fundamentos. Un poquito ya la próxima clase vamos un poco más interactivo. Y lo que vamos a terminar viendo es 748 01:07:11.010 --> 01:07:12.320 Brincus Anfitrion: en. 749 01:07:13.350 --> 01:07:14.370 Brincus Anfitrion: vamos a. 750 01:07:14.370 --> 01:07:22.149 Javier_Ricardo_Constantino_Cid_De_la_barra: A dejar de compartir. Yo creo, pero antes le gust, me gustaría tal vez mostrar una página que vi que yo creo que es como muy única que puede servirnos de ejemplo. 751 01:07:22.480 --> 01:07:25.160 Brincus Anfitrion: Ya Javier. Así que. 752 01:07:25.160 --> 01:07:27.049 Javier_Ricardo_Constantino_Cid_De_la_barra: No le dejé de compartir. No me di ni cuenta. 753 01:07:27.050 --> 01:07:28.220 Brincus Anfitrion: Compártanos. 754 01:07:29.670 --> 01:07:34.199 Javier_Ricardo_Constantino_Cid_De_la_barra: Que, como digo, en una página que en general es solamente una página de mercancía que digamos, pero. 755 01:07:34.200 --> 01:07:35.009 Joel_Victor_Mora_Lopez: No, pero sí. 756 01:07:35.010 --> 01:07:37.920 Brincus Anfitrion: Que tiene un estilo muy, digamos. 757 01:07:40.690 --> 01:07:46.860 Javier_Ricardo_Constantino_Cid_De_la_barra: Simula como una página noventera que digamos, así como con ventanas como de Windows, Xp. Y cosas de estas. 758 01:07:47.410 --> 01:07:48.510 Brincus Anfitrion: Ya ya. 759 01:07:48.510 --> 01:07:51.379 Javier_Ricardo_Constantino_Cid_De_la_barra: Como muy única por su estilo de diseño. 760 01:07:51.820 --> 01:07:54.080 Javier_Ricardo_Constantino_Cid_De_la_barra: Encuentro, yo. 761 01:07:54.630 --> 01:07:57.809 Brincus Anfitrion: Ya si quieres? Comparte el enlace aquí al chat del del zoom. 762 01:07:58.030 --> 01:07:58.840 Brincus Anfitrion: Claro. 763 01:08:00.910 --> 01:08:06.400 Javier_Ricardo_Constantino_Cid_De_la_barra: Que igual es lo que pasa, que esa es de una. Se es de unas web, de una web serie que hay 764 01:08:06.650 --> 01:08:12.339 Javier_Ricardo_Constantino_Cid_De_la_barra: entonces a la larga. Por eso es que es así porque la de por sí la serie es como muy noventera de de su a su forma. 765 01:08:12.530 --> 01:08:13.300 Brincus Anfitrion: Ya 766 01:08:13.440 --> 01:08:16.229 Brincus Anfitrion: aquí la la voy a abrir aquí. La voy a revisar 767 01:08:17.040 --> 01:08:21.830 Brincus Anfitrion: ya. Chicos nos vemos entonces el próximo. Bueno, nos vamos a ver. Mañana 768 01:08:22.210 --> 01:08:24.830 Brincus Anfitrion: nos vemos el próximo miércoles. 769 01:08:24.830 --> 01:08:25.210 Mateu_Duran_Albornoz: Sí. 770 01:08:25.210 --> 01:08:37.820 Brincus Anfitrion: Vamos a practicar. Así que espero que les haya gustado que esto para que ustedes supieran un poco la los fundamentos, pero ya se pone más entretenido más adelante. Así que 771 01:08:38.149 --> 01:08:40.909 Brincus Anfitrion: eso nos vemos. Espero que estén bien, que tengan una buena tarde. 772 01:08:40.910 --> 01:08:42.179 Mateu_Duran_Albornoz: La Profe hubiese. 773 01:08:42.180 --> 01:08:43.930 Nacho_Saez: Gracias por la clase. 774 01:08:43.969 --> 01:08:44.529 Mateu_Duran_Albornoz: ¿por qué? 775 01:08:44.529 --> 01:08:45.099 Brincus Anfitrion: Mucho. 776 01:08:45.970 --> 01:08:46.729 Lukas Henríquez Peña: Está todo. 777 01:08:47.470 --> 01:08:48.420 Brincus Anfitrion: Chau, gas.