El curso completo para principiantes en JavaScript para desarrollo web

1. Introducción al curso: Que quieres llevar el desarrollo web al siguiente nivel. Y tomas un poco de Java es cursos de script y tutoriales. ¿ Y no confías en codificar? Entonces Java Script curso completo de principiantes para el desarrollo web es perfecto para ti. Este es el curso más completo y mejor que jamás construí. Java es hoy en día uno de los más exigentes arte del lenguaje. Hay muchos materiales disponibles en el script Java, pero muchos de ellos están desactualizados y no lo completan. Es el último curso más completado sobre JavaScript en un corte de piel, que te llevan todo el camino desde principiante hasta el discurso de desarrollo de nivel junior dividido en sección diferente. En plus b, aprenderás la introducción al curso. Entonces aprenderás lo fundamental para el script java. Entonces aprenderás operadores en el script java. Entonces aprenderás los métodos incorporados en el JavaScript. Después de esto, aprenderás el flujo de control o toma de decisiones en el script java. Después de aprender el flujo de control y la toma de decisiones, moverá el, el script Java incluso. Entonces aprenderás que bucles en el JavaScript de lo que aprenderás las matrices en el script java. Después de completar el anuncio, pasarás a las funciones en el script Java y también aprenderás más allá lo básico en la división de Java después de aprender estas secciones Al y construir tu concepto. Por lo que vamos a pasar a la java es script Document Object Model, material africano, el dom, vamos a pasar a la programación Java Script Orientada a Objetos. Después de completar la programación orientada a objetos, pasarás a la sección avanzada de Java Script. Después de completarlo, sección avanzada Java Script, pasaremos al script java en mi script seis puentes, ES6. Por fin, vamos a aprender el generador y fue iteraciones y mucho más. Este curso surge con 12 horas de videoconferencias, recursos descargables, ejemplos del mundo real, forma amistosa y rápida de enseñanza, asignaciones y cuestionarios y muchos retos de codificación. Si eres un Java completo es más grande y definitivamente habrá algo para ti en este curso. Entonces, si quieres convertirte en desarrollador web, no pierdas el tiempo inscribiéndote en el curso y empieza. Estoy muy emocionado de tenerte a bordo. Entonces, ¿a qué esperas? Inscribirse y dar un primer paso al desarrollo web. 2. Editores de codificación: Oigan chicos, bienvenidos a esta conferencia. En esta conferencia, vamos a hablar de eso, cómo puedes configurar tu entorno para el desarrollo web. Estableces elevando tu entorno para el desarrollo web, hay un uso de software que es un sueño v eran Dreamweaver es un software que es la prosperidad de las herramientas de desarrollo web de Adobe IMC. Y fue creado por macro media en 1997 y desarrollado por ellos hasta que el macro medio fue adquirido por Adobe system en 2005. Adobe Dreamweaver está disponible en sistemas operativos Mac y sistemas operativos Windows también. Recuerda que Adobe Dreamweaver es un software que no es gratuito. Tienes que pagarlo si buscas el software libre. Por lo que hay que ejecutar corchetes. Los brackets es el software que también es desarrollado por Adobe, pero es un editor de código abierto con están enfocados principalmente en el desarrollo web ayuda a obtener eso. Aquí en esta conferencia, estamos usando el Adobe Dreamweaver. Si desea descargar las versiones gratuitas de bracket aquí, simplemente haga clic en este soporte y descargado desde aquí. Aquí puedes ver que simplemente tienes que hacer clic en comprar ahora o simplemente descargar la versión de prueba gratuita de Adobe Dreamweaver. Por lo que ya tengo la versión de este Adobe Dreamweaver. Entonces aquí se puede ver que tengo versión 019 de Adobe Dreamweaver pelo procedimiento de instalación de Dreamweaver es muy sencillo. Simplemente haz clic en Instalar. Después tienes que encontrar la opción de directorio donde puedes configurar tu directorio para el software. Y aquí se puede ver que esta es nuestra ubicación de directorio. Establece tu cabello de idioma y simplemente haz clic en continuar. Y aquí se puede ver que se está instalando está procediendo justo aquí. Después de terminar la instalación, tienes que encontrar el botón de terminar y simplemente hacer clic en Finalizar y se instalará tu software. Es así como puedes configurar tu Adobe Dreamweaver. Si encuentra alguno del problema aquí mismo en esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 3. Desarrollo de final y trasero: Oigan chicos, están calientes. Bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar de desarrollo front-end y back-end. Y les diré la diferencia entre el desarrollo frontal y el back-end. Abre una nueva pestaña del navegador, escribe una URL y presiona el Enter, la carga del sitio al instante y casi te quita el aliento con su diseño en última instancia y páginas bien construidas y te impresionas. Visuales, front-end y back-end son dos de los términos más utilizados en la industria informática. En cierto modo, empeoran. Dictan el tipo de trabajo que haces como desarrollador de software y las tecnologías que usas y cuánto te pagan. Entonces hablemos de la diferencia entre estos dos términos. Bay, existen en primer lugar, y los diferentes caminos que puedes tomar en tu carrera de desarrollo de software. Antes de iniciar el desarrollo frontal y el back-end, solo necesitamos entender que cuál es el renderizado del sitio. Para comenzar este viaje, necesitamos entender el concepto de renderizado visual, término de iluminación, el renderizado del sitio significa generar o renderizar la salida HTML. Html es un lenguaje de marcado que los desarrolladores web utilizan para crear las páginas web. Es triste que el renderizado del sitio pueda ocurrir tanto en el lado del servidor de anuncios como en el nivel del lado del cliente. Entonces, ¿qué significa esto? No vale nada que front end, los lados del cliente son sinónimos. Lo mismo es cierto para el backend, el lado del servidor. En primer lugar, vamos a hablar del renderizado del lado del servidor, lo que significa que un desarrollo back-end, no hasta hace dos mucho tiempo, renderizados del lado del servidor o un desarrollo back-end fue la forma de facto de crear el sitio web y aplicaciones web. Se visita una página, envía una solicitud para el contenido y el servidor procesa esta solicitud y se crea una respuesta que se envía de vuelta al navegador cuando a un lado se renderice lado del servidor todos los procesos involucrados en la creación de un Página HTML que eres navegador web puede entender y manejar en un servidor remoto que aloja el sitio web o la aplicación web. Esto incluye curar la base de datos para obtener información y procesar cualquier lógica que usted es aplicaciones Web requiere mientras el servidor remoto está ocupado en el trabajo, su navegador web está idealmente esperando a que el servidor termine el procesamiento que solicitar y enviar una respuesta. Cuando se reciba la respuesta. Navegador web lo interpreta y muestra el contenido en la pantalla. Ahora hablamos del renderizado del lado del cliente, que es un desarrollo front-end. En los días más modernos, surgió una nueva forma de desgarro de la vista. Renderización del lado del cliente de tarjeta o el frente y desarrollo con renderizado del lado del cliente, la representación del contenido sucede a su computadora en lugar de los servidores web remotos utilizando el lenguaje de facto de la web, que es JavaScript. En términos parciales, es significa que sólo se necesita un servidor para atender las aplicaciones web sin procesar y el navegador será el encargado de renderizar estas aplicaciones en su forma final, HTML. También significa que algunas de las lógicas involucradas en la creación de la página web es sobre todo la de cobrar de lidiar con cómo se presentan las cosas a los usuarios en la pantalla, que es lógica de presentaciones de autos, que se manejan en el lado del servidor. renderizados del lado del cliente se vuelven populares con el advenimiento de las bibliotecas de scripts java como Angular, React y BU. Digamos que decide iniciar un negocio de su tienda y deje suponer que esta es la Panadería o una sastre. Necesitas un sitio web profesional para presentar tu empresa o a tus clientes y decirles dónde te encuentras. A lo mejor incluirás algunas fotos y alguna información sobre tus productos. Necesitaré nuestras tecnologías front end para construir su sitio web. Ahora que entendemos el diferente tipo de métodos de representación de sitios, es más fácil entender que el desarrollo front-end es el arte de crear el sitio y las aplicaciones web que renderizan en el lado del cliente. Las tecnologías utilizadas para los desarrollos front-end son, mientras que hay muchos tipos diferentes de tecnologías y es fiscal, mayoría de los desarrolladores front-end usan HTMLs, CSS, y JavaScript que defecto o bloques de construcción de la web. Y los marcos del lado del cliente como Angular, React es tracción y vista. No todo le pasa al front end. A través de renders del lado del cliente. Aplicación aún se basa en los servicios y API que se ejecutan en el back-end, servidores remotos o la nube. ¿ Cuáles son los algunos frente y empleos? En primer lugar, el diseñador VC, un diseñador web lo adivinaste, está diseñando el sitio web. El título de trabajo del diseñador web es un bastante amplio a través un diseñador web o simplemente alguien que diseñó los sitios en un programa, como Photoshop o fuegos artificiales, y nunca toque el código. Pero en otras ubicaciones son diseñador web podría hacer todos los diseños viene en Photoshop y luego ser responsable de crear todo el HTML y CSS en JavaScript para ir junto con él. Entonces nosotros como el diseñador de interfaz de usuario, que es un diseñador de interfaz de usuario. Este es básicamente un diseñador visual y generalmente está enfocado en los diseños. No suelen estar involucrados en la implementación del diseño, pero podrían conocer un HTML ligero y CSS para que puedan comunicar sus ideas de manera más efectiva al desarrollo front end. Entonces tenemos al diseñador UX, que es un diseñador de experiencia de usuario. Por lo que los diseñadores de UX trabajan en un front end, que es estudiar e investigar cómo las personas usan el sitio. Y luego hacen cambios a través de muchas pruebas. Después celebramos a un desarrollador front-end, también llamado desarrolladores front-end. Pueden crear un lado sin ningún lado de desarrollo back-end que crearían sin un desarrollador web o usando el revés. Se trata de un sitio web estático. Yo lado estático es algo así como lado de hielo de restaurantes o un salón de peluquería. No requiere que ninguna información sea almacenada en una base de datos. La página casi siempre permanecerá igual a menos que sea hora de un rediseño. Un desarrollador front-end puede ser requerido al infierno un agarre en las pruebas así como B, bueno, peor en HTML, CSS, y JavaScript, esta persona puede o no tener la experiencia con la creación del programa de diseño en diseño. Una versión diferente de este título es un ingeniero front-end. Las personas que trabajaron con frontales aspecificos y lenguajes como Java script también son considerados como el desarrollador front-end. Entonces esta es la conferencia de hoy. Ojalá entiendas ahora, si no entiendes alguno del punto aquí en esta conferencia que ¿cuál es la diferencia entre el front end y el backend? Entonces por favor házmelo saber y gracias por ver esta conferencia. 4. Programa de sintaxis básico de Hello world y: Oigan chicos, bienvenidos a esta primera conferencia de codificación sobre el script Java. En esta conferencia, te voy a contar sobre eso, cómo puedes crear un programa básico de sintaxis en un script Java. Pero antes de iniciar este programa, sólo necesitamos entender que cuál es la diferencia entre el HTML y JavaScript y cómo el HTML interactúa con el JavaScript. Html, que es no tiene ningún Smarts. Lo que significa que el HTML, cuánto no inteligencia inteligente, lo que significa que si estás haciendo la operación masiva, por lo que en HTML, esto no es posible. En HTML, no se puede averiguar si alguien ha rellenado correctamente el formulario o no. Y no puede tomar decisiones basadas en la forma en que el visitante web interactúa con él. Básicamente HTML permite que la gente lea los textos, mire la imagen, vea los videos, y haga clic en los enlaces para pasar a otras páginas web. Esta es la tarea real del HTML con el fin de agregar inteligencia a tus páginas web para que puedan responder a tu visitante del sitio. Para ello, necesitas JavaScript. Javascript deja una página web que reacciona o naufragó inteligentemente con ella. Se puede crear un formulario web más inteligente que permita a los visitantes conocer Venn Day, infierno, olvidar e incluir la información necesaria, lo que significa que se puede hacer que los elementos aparezcan o desaparezcan. Cómo como HTML fue diseñado para agregar interactividad a páginas web HTML, lo que significa que se puede interactividad al HTML y JavaScript juntos. Script Java, recuerde, que es un lenguaje de scripting y html es un lenguaje de marcado de hipertexto es script, o el lenguaje de scripting es un lenguaje de programación ligero. Recordado que java es, suele estar incrustado directamente en las formas HTML. Ahora aquí puedes ver que te diré que cómo puedes crear un JavaScript y el HTML juntos. Esta es nuestra primera conferencia, y les diré que cómo pueden crear un programa básico de sintaxis. Sintaxis básica. O se puede decir que un programa helloworld es una tradición clásica y homenajeada por el tiempo en la programación informática. Es assort y completar primer programa para el principiante. Y es una buena manera de asegurarse de que su entorno sea probablemente o que su entorno esté configurado correctamente o no. Aquí puedes ver que solo estoy creando un nuevo archivo. También puedes crear un nuevo archivo con este enlace. O simplemente puedes crear un nuevo desde aquí, o simplemente escribir control o n. aquí. Se puede ver que este es el archivo, y yo solo escribiré que este es el archivo de sintaxis básico. Este es mi primer archivo de sintaxis básica, lo que estoy creando con un HTML. Se puede ver que si estás trabajando con un ensueño, Estamos, así que esto se te mostrará así. O si estás trabajando con un bloc de notas o Bloc de notas Plus, Plus. Por lo que tienes que ir a lo nuevo y puedes crear un nuevo archivo aquí mismo. Y cuando solo estás guardando el archivo, como control y.s. así que tienes que encontrar esta caja así. Aquí puedes ver que simplemente escribes como HTML o puedes tener texto básico de San text dot html, o simplemente escribes un script Java. Entonces HTML y el script java aquí son la extensión de tu lenguaje de programación si estás escribiendo el HTML aquí. Entonces esto significa que esta es la extensión del lenguaje de programación HTML. Si estás escribiendo los Javascripts con Esto significa, eso significa, eso significa que esto es extensión del JavaScript. O si estás trabajando con Python, así que tienes que escribir PY o si estás escribiendo g o.Entonces esto significa que este es un lenguaje de programación de objetivos. Simplemente estás escribiendo a salvo. Por lo que eres archivo aquí se crea con JavaScript. Se puede ver que aquí no necesitamos Notepad ni Notepad Plus, Plus aquí mismo porque estamos usando nuestro mejor editor aquí mismo, que es un mundo de ensueño. Ahora aquí pueden ver que los dos es, solo les estoy mostrando esto chicos que cómo podemos crear nuestro primer programa JavaScript. En primer lugar, nosotros cómo escribir archivos HTML aquí mismo, se puede ver eso. Y otro es, solo estoy creando un nuevo archivo aquí mismo, lo que significa cual es el nombre aquí es que puedes ver que acabo de escribir textos enviados básicos dot java script. ¿ De acuerdo? Entonces solo estoy editando estos dos y te mostraremos aquí. Puedes ver ese paso más rápido justo aquí cuando solo estás creando un script Java. Entonces está nuestra etiqueta usando para ese propósito, que es la etiqueta de script cuando solo estás escribiendo el código de script Java. Por lo que esta etiqueta es necesaria aquí mismo, que son las etiquetas de script. Para que puedas codificar tu JavaScript entre estas etiquetas. Javascript se puede implementar usando sentencia JavaScript que se coloca dentro de una etiqueta de script. Entonces este guión de aquí es, se puede ver que esta es una etiqueta HTML justo aquí. Y solo escribes código JavaScript aquí mismo. ¿ De acuerdo? Ahora aquí puedes ver que dentro de eso cuando solo estás escribiendo tu código JavaScript aquí mismo. Por lo que necesitas escribir el lenguaje aquí mismo. Entonces solo estoy seleccionando el idioma a partir de eso. Así que solo selecciono script Java aquí mismo. Entonces, ¿cuál es el lenguaje? El atributo language especifica? Qué es el lenguaje de scripting que está utilizando. Al igual que normalmente estamos usando aquí mismo, que es el Java Script. O son algún lenguaje de scripting que son como el típico lenguaje de programación aquí es HT, XHTML. Entonces esto es solo un lenguaje de scripting aquí mismo. De acuerdo, Entonces para eso acabo de pronunciar eso como un lenguaje de programación. ¿De acuerdo? Ahora aquí puedes ver que tenemos el lenguaje de scripting aquí mismo, que es el script Java. Ahora después de eso, aquí acabo de establecer el tipo de la misma. Por lo que dentro del tipo simplemente escribes texto slash JavaScript. ¿ Qué es un tipo? Por lo que este atributo es lo que ahora se recomienda incluir o indicar el lenguaje de scripting en uso. Y su valor se debe establecer como texto slash JavaScript, lo que significa que estamos usando el archivo de texto de JavaScript aquí mismo. Es así como puedes crear tu etiqueta Java Script. Después de esto, se puede ver aquí que vamos a crear nuestro primer programa aquí mismo, que es como documento. Perdón por eso aquí puedes ver que esto es document.escribir, ¿verdad? Por lo que esta escritura de punto de documento significa que el menú solo están obteniendo una salida aquí o cuando solo estás obteniendo parte del valor aquí mismo. Por lo que puedes escribir dentro de este documento dot write. Este es un método usando un JavaScript. Cuando estás trabajando con nosotros C plus, hay un método usando el cual es C out cuando estás usando Python. Entonces hay un método usando el cual es como la materia de impresión para obtener la salida del usuario justo aquí. Igual es el caso como dentro de este script java. Este método document.write está usando para obtener la salida aquí mismo. Ahora como pueden ver, nuestro código para helloworld es la computadora aquí mismo. Ahora solo voy al archivo y solo voy al navegador, abriendo en el navegador, Google Chrome. Y como pueden ver, este es un programa de helloworld donde apenas estamos escribiendo aquí. Entonces esta es nuestra salida aquí mismo. Una finalizada Delta-V, que cómo puedes obtener tu Java es salida recortada. Para ello, necesitamos el método Java Script console.log. Aquí puedes ver que solo uso esta matemática aquí mismo, que es la consola dot log. En este VR importado, imprime la misma cuerda que quieres imprimir el más shallower. O si quieres imprimir alguna de la lata aquí mismo, supongamos que aquí solo escribo que v están aprendiendo Java. Estos dos son esta cadena de aquí, que es el hola mundo, y estamos aprendiendo el Java. Entonces aquí estamos usando el método de registro de puntos de la consola. Simplemente ven eso aquí. Simplemente voy al navegador, refresco esto. Se puede ver aquí no encontramos ninguna de la salida aquí mismo. Por lo que sólo voy a la inspeccionar más patrimonio para ir a la consola. Y aquí se puede ver que, sí, no encontramos ninguna de la salida aquí mismo. Volvamos aquí mismo. Y aquí podemos ver que sí, Fie, ms, punto y coma aquí mismo. Entonces solo guardo este programa, refresco esto. Por lo que puedes ver aquí, estamos aprendiendo el JavaScript aquí mismo. Esta es una forma más que cómo puedes obtener tu salida en el JavaScript. Vamos sólo al archivo de script java. Aquí sólo voy al Dreamweaver luego archivo. Y aquí puedes ver que acabo de abrir el archivo de sintaxis básica de Java Script justo aquí. Aquí se puede ver que acabo de escribir documento punto archivo de escritura. Y dentro de esto yo, solo estoy escribiendo ese alto aprendizaje de VR Java Script. ¿ De acuerdo? Y aquí está, ¿verdad? Hola, soy instructor. Está bien. Ahora puedes ver que como solo estoy vinculando este archivo JavaScript con el HTML. Y acabo de obtener esta salida aquí mismo. Yo sólo voy al SML aquí mismo, y aquí sólo escribo fuente. Por lo que SRC significa que una fuente de su archivo. Por lo que aquí proporcionarías la fuente de tu archivo, ese archivo fuente V8 que estás vinculando con tu HTML. Es así como un script java interactúa con HTML. Aquí puedes ver que acabo de escribir que este es el archivo JavaScript enviado x-dot básico. Acabo de guardar este archivo aquí mismo. Simplemente voy al navegador. Por lo que puedes ver aquí. Y yo solo refresco esto. Por lo que puedes ver aquí que alto aprendizaje de VR JavaScript y Hola, soy tu instructor. Por lo que acabo de vincular este archivo JavaScript y este archivo XML juntos. Entonces esta es otra forma en la que puedes escribir tu archivo de script java o código JavaScript en el JavaScript y simplemente enlazar tu archivo con tu HTML y obtener la salida. Ojalá entiendas ahora que el hall V puede escribir nuestro primer programa en el JavaScript, cualquiera del punto que no entiendas aquí mismo, por favor avísame y puedes hacer cualquier pregunta. Gracias por ver. Nos vemos en próxima conferencia. 5. Comentarios y declaraciones de Javascript y declaraciones de Javascript: Oigan chicos, bienvenidos a esta conferencia. En esta conferencia, les voy a mostrar el script java es declaración y comentarios. En esta conferencia, aprenderás que cuáles son la declaración en el script Java y cómo escribimos los comentarios a esa declaración. En primer lugar, te mostraré la gramática del JavaScript. ¿ Cuál es la gramática del JavaScript? El gramática del JavaScript significa que cuando estás escribiendo el patrimonio. Entonces cuando estás aprendiendo un lenguaje de programación. Por lo que el lenguaje de programación se parece mucho a aprender un nuevo idioma. Lo que significa que si quieres aprender español o francés, entonces necesitas aprender las nuevas palabras y las pronunciaciones del mismo. Así como vas al maestro un nuevo conjunto de reglas. Y así como necesitas aprender la gramática del francés y el español del lenguaje de programación. Y aprenderás eso a hablar. Debes familiarizarte con la gramática del JavaScript para programar script Java. En esta conferencia, cubriremos ese concepto. Cómo se puede escribir y cómo se pueden establecer los comentarios al respecto, y cuáles son el comercio. Si ya tienes la experiencia en la programación de script java. Tantos de estos conceptos pueden ser viejos para ti, lo que significa que podrías igual que conferencia de Kansas. Pero si eres nuevo en el Java Script o aún no estás seguro de lo fundamental del script java. Por lo que esta conferencia es muy importante para ti. Antes de iniciar la declaración de script java, sólo necesitamos entender que ¿qué es esta declaración? Una declaración JavaScript es una unidad de programación básica, generalmente la cual está representando un is tap en el programa JavaScript. Piensa en lo enunciado como la sentencia. Al igual que otros idiomas como el español, el inglés , o el francés, parece un caso como si solo estuviera escribiendo algo de la palabra como, estoy feliz. Entonces esto es sólo una sentencia. Entonces en JavaScript, como se ve en la última conferencia que estamos escribiendo, aquí se toma una sola línea, que es documento punto derecho, que está imprimiendo la cadena justo aquí, que es Hello World. Se trata de auto, la declaración aquí. Se puede ver que acabo de decir esto en la etiqueta de guión y lo pego aquí mismo. Por lo que esto es un solo son declaraciones que se abren en el document.write. Y eso es imprimirnos el mensaje que es más lento. En muchos casos, declaro I es una sola línea de código. Y las declaraciones de Egipto terminan con un punto y coma. Se puede ver que como un punto al final de la oración, los puntos y comas dejan en claro que el paso está cubierto y que el intérprete de JavaScript debe moverse en la próxima elección. Esto en realidad es tarjeta, esta afirmación. Ahora pasemos a los comentarios. ¿ Cuáles son los comentarios? El comentario en cualquier lenguaje de programación, que son muy importantes, porque como puedes ver que estamos ejecutando el programa básico de sintaxis aquí mismo. Si está trabajando con unas aplicaciones complejas. Entonces ahí los comentarios son muy importantes porque si estás escribiendo para P 1000 líneas de código y después de un año, no entendiste ni siquiera eres Encore que lo que línea está haciendo en realidad. Trabajando. Para ello, VR escribiendo el comentario. Para crear un comentario de una sola línea en JavaScript, coloca dos barras inclinadas con él. Se puede ver que aquí se puede ver que esto es declaraciones cambia de color, lo que significa que solo comento esta afirmación aquí mismo. Se puede ver que acabo de escribir estas dos barras en la parte delantera del núcleo o el TextView desea comentar en el intérprete de JavaScript, o quieres ignorar. Cuando estés colocando estas dos barras, todos los textos del lado derecho serán ignorados hasta la siguiente línea. Se puede ver aquí sólo voy a la siguiente línea. Y aquí solo escribo que esto es documento y documento dot write. ¿ De acuerdo? Y aquí me acabo de basar una cadena como hola mundo. Entonces se puede ver aquí esta es declaración está tomando, pero aquí simplemente creo esta afirmación como el comentario, sólo una sola línea justo aquí. Ahora, sé que una pregunta en tu mente que este es un comentario de una sola línea, cómo podemos escribir un comando de múltiples longitudes. Al igual que yo sólo quería comentar esta afirmación. Y este es un tratamiento ya que para ese propósito, necesitas una barra. Entonces es Tarik, luego Tarik firma aquí y luego cierra justo aquí. Vamos a ver cómo aquí se puede ver que yo sólo escribo barra. Aquí, solo escribo histérico. Entonces puedes ver aquí, simplemente no me acerqué a Herik justo aquí. Se puede ver aquí, si solo escribo miles de líneas aquí, y simplemente no cerré este comentario aquí mismo. Entonces esto será encomiar todo el código para cerrar esto, simplemente creo histérica otra vez y luego cierro esta baraja justo aquí. Aquí puedes ver que solo copio. Y aquí solo estoy, como se puede ver aquí, acabo de empezar esto desde una nueva línea, y esta es nuestra tarjeta, una multilínea comenta. Aquí se puede ver, esto está dentro de estos comentarios multilínea. Esperemos que entiendas ahora, ahora puedes ver que solo comento, declaro aquí mismo. Supongamos que esto es doble barra inclinada y acabo de escribir que este código es para entender. Entonces puedes ver aquí, solo comento, esto es afirmación, solo elimino esto. Aquí se puede ver. Y se puede ver que esto es para una mejor comprensión de mi código, que este es el puntaje es para entender. Entonces puedes ver aquí, solo escribo que la barra doble contracorriente está justo aquí. Se trata de documento dot. Escribe esta declaración. Ok. Esperemos que entiendas ahora que cómo funcionan estos comentarios y cómo estos comentarios son importantes en nuestro lenguaje de programación o cualquiera del lenguaje de programación te ayuda a entender ahora. Entonces si encuentra alguno del problema con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 6. Qué son las variables y la forma de utilizarlas: Oigan chicos, bienvenidos a esta conferencia. En esta conferencia, les mostraré que cuáles son las variables y cómo las usamos. En lenguaje de programación, una variable es un valor que se puede cambiar, que depende de las condiciones están en la información que se pasa a un programa. Por lo general, un programa consiste en instrucción remota que le dice a la computadora qué hacer y los datos que utiliza el programa cuando se está ejecutando. Los datos consisten en constantes y valor fijo que nunca cambiaron, y un valor variable que generalmente se inicializan al 0. Y se puede cambiar el valor de la variable. Aquí. Deja suponer V mientras el valor a. Y alguien te dice que a este valor en esta caja. Entonces aquí se puede ver que solo agrego esto a a esa caja, o simplemente escribo esto a en la pizarra. ¿ De acuerdo? Se puede ver aquí, esto toma parte del espacio en esta pizarra blanca justo aquí. Lo que significa que la variable toma algunas de las asignaciones de memoria y toma algunas de las SPS aquí mismo, que es cambiable. En otra etapa, alguien te dice que quita esto a de esta pizarra blanca y en el lugar de a, solo montas b, así que simplemente escribes b también. Por lo que B también sube parte del espacio de memoria. Entonces entiendes ahora y tu concepto sobre las variables es claro. Se utilizan las variables para almacenar informaciones para ser referenciadas y manipuladas en un programa informático. También proporcionan una forma de etiquetar datos con nuestro nombre descriptivo. O nuestros programas pueden ser entendidos más claramente por las células de lectura y de salida. Es útil. Es útil pensar en variables como contenedores que albergan información. Como se puede ver, que esta pizarra tenga parte de la información que es a y B. Su único propósito es etiquetar y almacenar los datos en la memoria. Este dato puede ser este dato puede entonces ser utilizado para salir de nuestro programa. Te diré que cómo puedes asignar el valor a la variable. Veamos esa variable vehicular a y solo asignas el valor de este E. Supongamos 0 para asignar. Por lo que solo escribes es igual a firmar aquí. La variable de nomenclatura se conoce como una de las tareas más difíciles en la computadora. Programación. Cuando estés nombrando las variables, piensa mucho en los nombres. Haga todo lo posible para asegurarse de que el nombre, ya que asigna su variable lo sea. Significa que describen con precisión dos y comprensible para otro lector. A veces ese otro lector es tú mismo cuando te gusta, revierte un programa que escribiste meses o incluso un año antes. Por lo que a tal efecto, las variables o los nombres de las variables toman un papel muy importante. Supongamos que si estás escribiendo un programa donde simplemente montas o raro, solo te llevas el interior del alumno. Entonces a ese propósito, solo escribes el nombre como la variable. Entonces como puedes ver que este nombre_nombre, que es igual a 0, o nombre ij es igual a 0 aquí mismo, lo cual es mucho comprensivo para ti. Si estás vigilando tu cancha incluso después de un año. Ojalá entiendas todo esto es solo nuestra pauta. Ahora, te diré que cómo puedes crear una variable Java Script. Aquí puedes ver solo escribo una etiqueta de guión, ¿de acuerdo? Y sólo cerraré esta etiqueta de guión aquí mismo. ¿ De acuerdo? Esto es solo una etiqueta de script, como sabes, cuando solo estás trabajando con JavaScript. Aquí esta es una sección de cabecera, así que solo estoy entrando en el cuerpo. De acuerdo, ahora aquí puedes ver que acabo de escribir un guión. Dentro de este script, acabo de escribir v. Como saben, esa VR es una palabra clave para crear la variable en el JavaScript. Aquí me deslice VaR. Entonces aquí sólo escribo ese E y E, que es igual a yo, sólo escribo diez. Y hay que cerrar con punto y coma. Entonces aquí, la variable a, que es igual a decenas, significa que solo asigno el valor de a. Acabo de crear una variable a, y solo le asigno el valor, que es diez. Entonces aquí se puede ver que acabo de probar la variable B, que es igual a aquí. Yo sólo escribo que esto es 15. Y acabo de cerrar este código aquí mismo. Ahora se puede ver que acabo de probar la variable c y c, que es igual a un plus b justo aquí. Y yo solo puntaje más cercano justo aquí. Aquí se puede ver que acabo de crear una lógica aquí mismo, que está agregando los dos números justo aquí, que es a y b Ok, ahora aquí se puede ver que acabo de probar documento, document.write. Y aquí acabo de pausar el valor de la variable c justo aquí. Espero así que entiendas ahora aquí simplemente estoy consiguiendo el valor de la C justo aquí. Vamos sólo al navegador y aquí al Google Chrome. Y aquí se puede ver que el valor de los diez más 15 aquí están, aquí, son 25 aquí, lo que significa que el valor de a que contienen, por lo que esa variable a contiene el valor de diez. Y variable b. contener valor 15, lo que significa que tienes una pizarra blanca justo aquí. Y en la pizarra blanca, solo asignas parte del espacio que es de diez a la a. Y para B, solo asignas 15. Y para c, estás mostrando el resultado de estos dos, que son 25. Espero así que entiendas ahora, sepan que esta es la forma en que estamos creando la variable en un programa muy pequeño. Este es tu comienzo de tu JavaScript. Ahora les hablaré de la compleja obligación. O aquí en primer lugar, estoy distribuyendo estas variables aquí mismo. Entonces aquí se puede ver que acabo de borrar esta lógica en el archivo JavaScript. Y aquí se puede ver que ahí sólo estoy escribiendo estos archivos aquí mismo. Y aquí se puede ver que acabo de escribir que este es un idioma, lenguaje que es JavaScript. Y aquí se puede ver que después de esto aquí sólo escribo que simplemente el tipo, tipo, que es texto o guión java slash. Y ahora aquí estoy striding fuente. Por lo que la fuente de estas variables aquí son harems de punto variable javascript eliminando esto. Por lo que puedes ver aquí que estamos escribiendo este código JavaScript aquí mismo. Y ahora solo te estoy mostrando la salida de eso también en el Google Chrome. Y aquí puedes ver ese mismo ejemplo de código aquí mismo. Ojalá entendamos ahora que cómo podemos trabajar con un archivo de script java y archivos HTML juntos, ahora llegan al punto de que cómo estamos declarando la variable en las obligaciones complejas. Aquí puedes ver que se trata de un sistema de restaurantes de pausa. ¿ De acuerdo? Que es nuestra gran aplicación aquí mismo, que se hace en un PHP, HTML, CSS, JavaScript, jQuery y Bootstrap. De acuerdo, ahora aquí puedes ver que estos son algunos de los archivos. Se puede ver que sólo estoy usando la versión de coordinador aquí mismo. Entonces no te preocupes por eso. Nos estamos centrando en el JavaScript aquí mismo, donde cada archivo está por separado. Toma su lugar aquí mismo. Ahora aquí puedes ver que solo voy a los archivos JavaScript. Y aquí se puede ver que va a las urnas. Y aquí puedes ver que esta es toda nuestra carpeta Java Script en ese proyecto. Y ve al JavaScript. Aquí solo voy a la calculadora y ejecuto esto entre corchetes justo aquí, registra es uno o IDEO, puede decir que este es un editor justo aquí para escribir tu código basado en la web justo aquí. Ahora aquí puedes ver esto es una función. No te preocupes por eso. También aprenderemos el aire de una función, y también aprenderemos aquí la declaración if. Simplemente concéntrate en estas variables aquí mismo. Aquí solo creo la variable. Se puede ver que aquí la variable es Calculadora. Y solo estoy inicializando algunos de los valores aquí mismo, que se está ejecutando total, corriendo, lo siento, el conjunto de valores actuales, establecer el valor actual que ejecuta la acción y mostrar. Entonces todas estas aquí son nuestras variables de nuestra esta puerta calculadora código Java Script. Aquí, puedes ver que estas variables tomando los valores aquí mismo, que es cadena vacía, cadena vacía, este es un valor booleano, cadena vacía, cadena vacía, no te preocupes por eso. Aprenderemos sobre los tipos de datos de la variable en la próxima conferencia. Entonces aquí solo haz que tus variables conceptuen que cómo podemos crear la variable. Aquí, se puede ver que una pregunta para ustedes chicos que cómo VR creando las variables aquí mismo en las complejas aplicaciones. Y se puede ver aquí, allá en lugar de es igual a Vr escribiendo la columna aquí, se puede ver que solo estoy creando una variable justo aquí, que es una calculadora de variables y la calculadora que es igual a la sub valores o sub variables justo aquí, que está ejecutando el total de los valores actuales corriendo. Establezca los valores actuales, ejecute la acción y visualice aquí mismo. Es así como se puede ver que la única variable aquí mismo, que es la calculadora, pero aquí, este es el valor a esas variables. Estamos tomando estos valores aquí mismo de nuestro código basado en GUI, lo que significa que cuando estamos limpiando el sistema de poros, así que agrega los lados de la calculadora, VR ejecutando los valores totales, lo que significa que puedes obtener el valores actuales de su valor actual aquí es 25. Entonces puedes establecer el valor actual en lo ordinario. Basta con dar click en ese 25 de aquí. Entonces aquí puedes ejecutar la acción. Entonces aquí esto les mostrará 25 a ustedes chicos. Y luego puedes correr el total o correr el total aquí mismo. Entonces este es el ejemplo de codificación de ese proyecto, pero no te preocupes por eso, solo concéntrate en eso. Entonces aquí se puede ver que dentro de esta compleja aplicación, también creamos las variables parecen como un caso como esa variable. Aquí se puede ver esta es la variable justo aquí. Entonces aquí se puede ver que la calculadora es el nombre de la variable y luego es igual a firmar, y luego estamos asignando los valores a eso. Muy bien, aquí. Se puede ver eso para llamar a esta calculadora aquí mismo. Se puede ver que aquí acabo de asignar el valor diez, pero aquí se puede ver que acabo de asignar el valor aquí ejecutando valores actuales establecidos, valor actual ejecutado acción y mostrar justo aquí. Esperemos que entiendas ahora que cómo podemos crear variables, ¿cuáles son las variables en el JavaScript? Si encuentran alguno del problema aquí mismo en esta conferencia o cualquiera de la planta simplemente no está claro para ustedes chicos. Por favor avísame y puedes hacer cualquiera de la pregunta. Gracias por ver. Nos vemos en próxima conferencia. 7. Diferentes tipos de variables y tipos de datos: Bienvenidos a esta conferencia. En esta conferencia vamos a hablar del java es recortado tipos de datos y variables. En tipos de datos. Todos los que tratas son diferentes tipos de informaciones todos los días. Esto es útil como tu nombre, el precio de la comida, lo que compras, la dirección de tu oficina, y la fecha de tu próximo cumpleaños. Toda nuestra información que es importante para ti. Usted toma decisiones sobre qué hacer en base a esta información. Los programas informáticos no son diferentes. También confían en la información para hacer las cosas. Por ejemplo, vas a calcular el total de tu escena de jardín de compras como un caso como nuestro viejo ejemplo donde acabo de calcular la u, donde solo estoy usando la calculadora variable, donde acabo de ejecutar los diferentes tipos, donde ejecutar el total, ejecutando el valor actual, set, el valor actual, ejecutar x y, y la visualización. Entonces estos son algunos de los tipos aquí mismo. Vayamos a nuestro programa aquí mismo. Aquí puedes ver que los programas de computadora no son la diferencia aquí mismo. ¿ De acuerdo? Aquí. Se puede ver que sólo estoy manejando el carrito de compras. Y aquí puedes ver que estos programas necesitan conocer el precio y la cantidad. Precio y cantidad de cada pedido para personalizar una página web con un nombre de visitante, solo tienes que escribir como Bienvenido a esta página nombre XYZ. Los programas que necesitas saber el nombre aquí mismo. En los lenguajes de programación suelen categorizar la información en los diferentes tipos, y tratan a Egipto o tipean de una manera diferente. En JavaScript, existen tres tipos de datos más básicos, vis nuestro número está capacitado y booleanos. En primer lugar, les diré que ¿cuál es el número? El número se utiliza para, conteo y cálculo. Se hace un seguimiento del número del día hasta las vacaciones de verano. Supongamos aquí se puede ver que acabo de probar 1010 es el número, 20 es un número para diesel, número 100 es un número. Entonces estos son los números que estoy aquí. Te diré que cómo podemos inicializar nuestro número disuadió al VIH en el script Java. Aquí, hay dos V de tipos de datos, o hay dos categorías del tipo de datos. Primero uno es tipo de datatype estático, y otro es una dinámica más tarde murió. Los tipos estéticamente disuadidos se utilizan en lenguaje de programación estático, pero los tipos de datos dinámicos se utilizan en nuestro lenguaje de programación dinámica. ¿ Cuáles son el lenguaje de programación estática? Los lenguajes de programación estáticos son C, C plus plus y Java, o C como aquí estamos. Estamos, acabo de probar entero y entero aquí nuestro lago, supongamos a0, que es igual a diez. Esto significa que están estáticamente tipados el entero justo aquí. Igual es el caso como C, C plus y java aquí mismo, ¿de acuerdo? Y cuando acabas de declarar la cadena, así que tienes que escribir una cadena rápido y luego tienes que escribir b, que es igual a string, que es hola palabra. Ok. Aquí, dentro del script java, las escenas no son así porque el script Java aquí los lenguajes dinámicamente tipados donde se puede escribir variable. Por lo que VR es sólo una declarando la variable que estamos dentro de una que es igual a diez. Lo que significa que por defecto, esta e se toma el valor diez como un entero aquí mismo, porque el valor entero R1, 2345, o de 0 a número de. ¿ De acuerdo? ¿ Cuáles son los lenguajes mecanografiados dinámicamente? Los lenguajes dinámicamente tipados son Ruby, Python, Java, script, etc. Aquí se puede ver que acabo de probar datatype aquí, que es el entero. ¿ De acuerdo? Ahora después de eso, solo creo variable variable B, que es igual a aquí solo escribo, esta es una variable de tipo string donde acabo de escribir hola. Entonces aquí puedes ver que este es el otro tipo de datos aquí, que son la, lo siento, cadena justo aquí. Entonces, ¿qué es una cuerda? El string tocando un nombre o una frase, o una serie de letras. Por lo que cuerda es solo una serie de los correctores VR, puedes establecer las letras y otros símbolos, como Bienvenido a nuestra página web, Hola Word, o cualquiera de ustedes son marcas de citas aquí mismo. Entonces así es como funciona una cuerda. Pasemos al tipo de datos booleanos y les diré que ¿cuáles son los tipos de datos booleanos? Tipos de datos booleanos, ya sean los números y las cadenas. Después de la mayoría de las variaciones ilimitadas. Aquí solo tomas solo dos valores aquí mismo. Supongamos que la variable c, que es igual a, acabo de decir que este valor aquí es cierto. O aquí solo escribo variable d y d aquí está, solo escribo el d aquí es falso. Entonces estamos tomando sólo dos valores aquí mismo, lo cual es verdadero o falso aquí mismo. Parece un caso como en nuestro este código justo aquí donde acabo de decir ese valor actual establecido que es falso. Entonces este es auto, este es el valor booleano justo aquí. Te ayuda a entender ahora. Entonces así funcionan los booleanos. Ahora puedes ver que este es nuestro tipo entero, este es nuestro tipo de cadena, y estos son los tipos de datos booleanos. Aquí puedes ver que si solo creo esta variable aquí es, supongamos E y E, que es igual a aquí, solo escribo 10.5. Entonces por defecto, JavaScript tomará este número aquí está defectuoso porque 10.5, lo que significa que flotar justo aquí. Entonces este es un número de punto flotante. Estos son algunos de los tipos de datos. Lo que estamos utilizando en el script Java te ayuda a entender ahora, si encuentras alguno del problema con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 8. Uso de un mensaje de impresión variable: Bienvenidos a esta conferencia. En esta conferencia, les voy a mostrar que cómo se puede crear una variable y cómo se puede mostrar el mensaje. En el editor de textos. Se puede ver aquí, solo estoy creando un archivo con la expansión de SML justo aquí, donde acabo de decir ese patrimonio justo en una etiqueta, lo que significa que este es el encabezamiento número uno, que es un encabezamiento mucho más grande luego el número de lectura 234 y hasta seis patrimonios, ¿no? Estoy usando variable aquí mismo. ¿ De acuerdo? Ahora, después de esto, se puede ver que solo estoy creando la etiqueta de guión aquí mismo. Y dentro de esta etiqueta de script, solo estoy creando dos variables entre esta etiqueta de script. Acabo de probar variable número uno, que se deja suponer que solo te digo al inicio del programa que es el nombre de pila. Se puede ver que se trata de una variable. Nombrar o nombrar se licita aquí mismo que estás creando la variable como un 123, entonces tienes que escribir un guión bajo 1-2-3. No se puede escribir variable como 1-2-3 o como un guión bajo. Este es un cangrejo erróneamente, Estos dos son la forma correcta de tu escritura de variables. De acuerdo, ahora aquí puedes ver que solo estoy creando el nombre aquí mismo, lo cual es peligroso. Ok, este es el primer nombre de eso. Y entonces aquí se puede ver que estoy disputando el segundo nombre justo aquí, o el apellido justo aquí, que es el último nombre de subrayado justo aquí, que es igual a, acabo de escribir que esto es un peligroso. Y, y luego dice Smith, ¿de acuerdo? Ahora aquí puedes ver que acabo de crear dos variables aquí mismo, que es un tipo de cadena. Entonces aquí se puede ver que acabo de crear la variable de dos, que es un nombreNombre es Daniel, y apellido aquí es el herrero. Entonces solo estoy almacenando estos dos es valores entrenados aquí mismo. Y aquí, te diré que cómo puedes concatenar estos valores. Ahora se puede ver eso aquí. Yo sólo escribo que esto es documento y documento punto Harris, ¿verdad? Correcto. De acuerdo, entonces este comando solo te está mostrando la salida de eso. Y aquí acabo de decir ese hielo ¿verdad? Nombre de subrayado forzado que Harris, ¿verdad? Entonces aquí solo te estoy mostrando la cadena vacía justo aquí. Y después de este hielo, correcto, plus y el plus aquí son el apellido. Por lo que este es el último nombre de subrayado aquí mismo. ¿ Qué es un signo más justo aquí? Además firma aquí, cuando solo estás usando entre estos dos valores están entre estas etiquetas. Entonces esto significa que esto está sumando los dos valores, lo que significa que Daniel Smith aquí mismo. Y esta es una cadena vacía. Simplemente te mostramos un sencillo o qué enqueuing, mostrándote Lei kong. Espacio entre estos dos textos. Esto también está tallado. Este valor más también se llama, Esto es una concatenación. Aquí se puede ver que, que este valor se desgarra en las variables y se crea aquí ese document.write. En primer lugar, obtendremos el valor de nombre. Entonces obtendremos el valor del apellido aquí mismo, que está en el comando document.write aquí en esta variable de nombre. Simplemente guardo el valor de Daniel y en el apellido que solo guardo es el valor de mito aquí mismo. Vamos a ejecutar este código aquí mismo, acuerdo, en este navegador. Y aquí puedes ver que solo voy al navegador. Aquí puedes ver que en primer lugar, que se me muestre esta puntuación, que es la etiqueta H1, estoy usando variable. Y luego estos dos valores, se puede ver aquí al Daniel Smith. Esperemos que entiendas ahora que cómo puedes ejecutar una variable y concatenar dos valores e imprimir cualquiera del mensaje. Esperemos que entiendas ahora, esta es una buena práctica de programación que puedes trabajar con nuestra buena nomenclatura de variables. Simplemente escribo cualquiera de las variables como a, B, C, D. Pero tienes que escribir tus propias variables como FirstName, LastName, como esto te ayuda a entender ahora, si encuentras alguno del problema con respecto a esta conferencia, por favor avísame. Y puedes, si tienes alguno del problema de acuerdo a mi curso grabando a cualquiera de la conferencia. Por lo que hay una opción disponible para ustedes chicos que es publicar cualquiera de la pregunta en su calma. Espera que entiendas ahora. Gracias por ver. Nos vemos en próxima conferencia. 9. Operador Arithmetic de Javascript: Oigan chicos, bienvenidos a esta conferencia. En esta conferencia vamos a hablar de los operadores en el JavaScript. Un operador en un lenguaje de programación es un símbolo que le dice al compilador o intérprete que realice una operación matemática o lógica específica, y que es producir un resultado final. En esta conferencia, nos estamos centrando en el operador aritmético en script Java. Antes de hablar con el operador aritmético, les diré la importancia del operador. Como saben, en una temática es las habilidades son algo útil para tener en estos días. Los usamos para determinar cuánto dinero ahorraremos en compras para determinar si tenemos tiempo suficiente para ejecutar una rápida ganada antes de que llegue nuestro autobús. Y para hacer el equilibrado en nuestro o y para equilibrar nuestro banco en casa. El hecho es que es difícil funcionar sin al menos batería aleatoria. Escala aritmética significa que si tú, si no te hubieras escapado, no puedes hacer este tipo de cosas. Cme como un caso como en una computadora a través de ellas son fundamentalmente máquinas lógicas. programador puede hacer que realicen la operación numérica también. Para ello, utilizan la capacidad, que es operador de tarjetas. Ahora bien, ¿cuáles son los operadores aritméticos y cómo los usamos? Y operador es un indicador recordado que, que es un símbolo que muestra algunas operaciones específicas necesitan realizar dentro de un programa informático. Estos operadores pueden ser aritméticos, lógicos y relacionales. ¿ De acuerdo? Ahora ven a los operadores aritméticos en script Java y cualquier lenguaje de programación. Hay operador aritmético donde usamos más, menos, multiplicamos, dividimos, y tienes módulo de escritura del flujo o la división de piso, ¿de acuerdo? Ahora aquí V L más operaciones, resta, multiplicación, y división. Estos son los cuatro principales operadores en la aritmética. Te voy a mostrar el ejemplo aquí mismo, donde puedes ver que supongamos x plus y. ¿ Ok? X aquí está, ya sabes, una variable, y aquí está la variable. Ok. Y aquí se puede ver que este es el operador, que es, operador está haciendo las operaciones entre el x y y, que es AD. Entonces supongamos que aquí tenemos 1010 más diez, que es igual a 20. Entonces esto lo hizo nuestra operación de adición, operación. Y entonces aquí eso me va a dar el resultado que es 20 justo aquí. Igual es el caso como la resta, la multiplicación, y la división. Pasemos al ejemplo de codificación de estos. Aquí se puede ver que tengo que escribir guión. Script aquí es, como saben, etiqueta JavaScript. Ahora aquí solo creo una variable. Variable aquí es x, que es igual a, solo escribiré que el valor aquí es diez. Entonces aquí. Después de esto, se puede ver que x, que es igual a diez. Entonces aquí describo variable creador, que es y y que también es igual a diez. Entonces estos son los dos operadores aquí mismo, lo siento, las dos variables aquí mismo. Sólo vamos a comprobar. Aquí. Simplemente escribo variable, variable z, que es igual a, solo escribiré esa X más Y aquí mismo. Y se puede ver aquí que simplemente escribo documento. Y aquí se puede ver que me acabo de montar documento dot write. Y aquí tengo que escribir que esto es sólo una impresión del zed justo aquí y luego la puntuación más cercana. Entonces lo que en realidad acabo de hacer justo aquí. Aquí se puede ver que acabo de asignar el valor diez a la variable x. valor tienden a la variable y Entonces aquí sólo realizo las operaciones aquí mismo, que es operador de adición. Entonces esto es plus aquí es operador de adición, que es una categoría de, se puede ver aquí el operador aritmético. ¿ De acuerdo? Ahora aquí puedes ver que cuando solo reviso el resultado de eso en el navegador. Por lo que puedes ver abierto en el navegador aquí mismo. Entonces aquí, diez más diez, que es igual a 20 justo aquí. Este es el primer operador, que es el operador de adición justo aquí. Ahora puedes ver aquí, solo copio esto. Pegar están justo aquí. Entonces aquí es correcto que esto se multiplique k aquí es x1, y1, y z1, y aquí está escribir z1, ¿vale? Cme como un caso como yo solo creo para la resta justo aquí, donde acabo de escribir Z2, Z2, Y2, y x2 aquí mismo. Y agregamos pérdida, el operador de división aquí mismo, que es que tres, y tres, lo siento, x3, y3, z3. Y aquí lo celebramos. También son tres. De acuerdo, solo hay que ir al navegador, refrescar esto. Se puede ver aquí en primer lugar, llevamos a cabo el 20 justo aquí. Entonces tenemos el solo porque, entonces tenemos un 100 justo aquí, sólo por diez multiplicado por diez, que es igual a un 100 justo aquí. ¿ De acuerdo? Entonces solo realizamos el operador menos, que es 0. Y luego en la última V, infierno 20 justo aquí. De acuerdo, ahora vamos a ver, solo estoy escribiendo un solo salto final entre ellos. Esto es justo en la etiqueta BR justo aquí. ¿ De acuerdo? Y se puede ver que esta es la salida que te queda mucho claro en este momento. ¿ De acuerdo? Entonces esto es división. ¿ De acuerdo? Ahora aquí puedes ver y solo refrescar esto. Entonces aquí o aquí, una forma formal de escribir un solo salto final justo aquí, que es slash n Así que solo escribo slash invadido. Entonces aquí es barra derecha n. ¿De acuerdo? Ahora solo copio pegar, pegar, pegar aquí mismo. Vea si este código se ejecuta al navegador. Y lo siento por eso aquí. Al infierno. Acabo de intentarlo. Diferente barra justo aquí. Esto es barra hacia atrás. Ok. Por lo que acabo de escribir idea de carne hacia adelante. Ahora aquí solo reemplazo esto y voy al navegador, refresca esto. Y se puede ver aquí, en primer lugar, estamos sumando el valor. Entonces puedes ver aquí, este es el resultado y valor aquí, que es 20, lo que significa que diez más diez aquí es 20. Entonces aquí diez se multiplican por diez, que se escribe valor aquí es un 100. Entonces diez menos diez, que es el valor aquí, es, se puede ver que 0 entonces aquí diez dividido por diez, que es el valor aquí es uno. Entonces aquí se puede ver que describí operador de suma, multiplicación, resta, y este es nuestro operador de división justo aquí. Y estos son la categoría de los operadores aritméticos en script Java. Esperemos que entiendas ahora que cómo podemos crear operadores eméticos de edición en el JavaScript. Esperemos que entiendas ahora si encuentras alguno del problema con respecto a esta conferencia, por favor házmelo saber. Y si tienes alguna pregunta de acuerdo a esta conferencia, puedes publicar tu pregunta. Gracias por ver. Nos vemos en próxima conferencia. 10. Operador de proyectos de Javascript: Bienvenidos a esta conferencia. En esta conferencia vamos a hablar del operador de asignación en script Java. Y operador de asignación es el operador utilizado para asignar un nuevo valor a una variable o un evento de propiedad o indexado o elemento en el lenguaje de programación JavaScript, operador de asignación también se puede utilizar para operadores lógicos, como operador lógico bit wise. O montas con los operandos integrales o booleanos. Aquí acabo de usar la palabra operando. El operando aquí se deja suponer el x y x, que es igual a yo sólo escribo diez. Ok? Ahora aquí, x es mi variable y X también es mi operando aquí. Entonces aquí se puede ver que este es un operador y este es el valor que acabo de asignar a este operando aquí mismo. Entonces esto es, se puede ver aquí. Aquí sólo escribo x que es igual a diez. Entonces esto es igual a sine está tomando el lugar del operador de asignación justo aquí, lo que significa que acabo de asignar el valor a esta variable x justo aquí. Ahora, acabo de ejecutar nuestro ejemplo en eso donde acabo de usar parte del operador aritmético y luego acabo de usar también el operador Simons. Vamos, vamos a ver, estoy distribuyendo una variable. Variable aquí se deja suponer x, que es igual a mano derecha. ¿ De acuerdo? Entonces aquí sólo escribo que este es un valor de x, que es diez. Y entonces aquí está, correcto, que un valor de total que es igual a, yo, sólo escribo el total aquí es 20. Ok? Ahora aquí ojos derecha documento punto, derecha. Y entonces aquí tengo escribir ese valor de total. Y el total que es igual a aquí, escribo eso y luego aquí sólo escribo operador plus. Por lo que no te voy a contar de este operador plus aquí mismo. Y luego les contaré sobre este operador plus próxima conferencia. Ahora aquí. Escribiré el valor aquí, que es total, ¿de acuerdo? Y el total aquí es mi variable justo aquí. Y luego total, que es plus, es igual al hielo, ¿verdad? X. ¿De acuerdo? Ahora, sólo revisa la lógica aquí mismo. Ahora aquí solo escribo plus, además aquí es que tengo que escribir esa etiqueta BR. Simplemente estamos cerrando esta etiqueta BR aquí mismo y luego cerramos esta declaración. Ahora. Ahora aquí donde solo uso operador de asignación cuando solo defino el valor a esta variable, que es x es igual a diez. Entonces aquí se puede ver que eso es igual a la policía sine t del operador de asignación aquí mismo. ¿ De acuerdo? Ahora aquí puedes ver que hay gerentes consiguiendo la salida del usuario aquí mismo. Estamos justo primero derivamos el valor de cadena del total justo aquí. Y entonces aquí solo escribo más operadores. Entonces no te contaré de ese operador plus, que ¿qué es un operador plus aquí mismo? Te contaré de eso en nuestra próxima conferencia. Entonces aquí se puede ver que después de esto, sólo voy a obtener el valor de esta variable total justo aquí. Entonces aquí se puede ver que acabo de escribir plus es igual a que acabo de asignar el valor de este total justo aquí, que es x. Y luego aquí un simple salto de línea justo aquí. Aquí puedes ver que solo uso operador plus. Entonces esto significa que este es el operador de adición, lo que significa que diez más total, que es 20, es igual al valor aquí, es 30 justo aquí. ¿ De acuerdo? Sólo comprobemos. Entonces en primer lugar, solo estoy revisando la salida para esto y luego vamos a seguir adelante. Aquí. Yo solo escribo navegador, luego corro aquí se puede ver que diez más 20 es 30. Entonces como se puede ver que esto es total variable, lo que significa que este es operando aquí mismo. Entonces aquí solo usa operador para suma plus, que es igual a lo que significa que acabo de asignar este valor total dos x y solo agrego este valor también. Entonces esta es una forma más de sumar tus valores. Entonces no lo confundas aquí mismo. Vamos a ejecutarlo de nuevo. Entonces puedes ver aquí solo escribo menos aquí. Entonces aquí sólo intenté dividir también. Entonces aquí describí la multiplicación también aquí mismo, ¿de acuerdo? O puedes tomar el módulo de este valor aquí mismo, que es signo de porcentaje. Acude al navegador, actualiza esto, y aquí puedes ver en primer lugar, valor adicional. Entonces aquí se puede ver que esta es la resta aquí mismo. Entonces aquí se puede ver que se trata de una división. Entonces esto es, se puede ver aquí que esta es la multiplicación aquí mismo, luego agregar la última. Nosotros vamos a escribir el módulo aquí mismo. ¿ De acuerdo? Es así como se puede asignar o así se puede utilizar el operador de asignación. Por lo que puedes ver aquí, esto es sólo una Z igual a firmar, que es igual a, lo siento, que se utiliza para operador de asignación. Aquí te diré otra cosa porque eres muy principiante al JavaScript aquí mismo y ahora puedes ver que solo uno es igual a seno cuando solo estás usando entre tus valores aquí mismo así, x e y. así lo hará significan que x está asignando, o lo siento, la y está asignando a la variable x justo aquí. Simplemente lo hago simple aquí mismo, que es x, que es igual a diez. Entonces esto significa que penny está asignando a esta X aquí mismo. Si está escribiendo x, que es igual, igual a diez. Entonces esto significa que estás comparando xn tn aquí mismo, lo que significa que dejo suponer que decido x que es igual, igual a yEntonces esto aquí, este W es igual a signos significa que estás comparando el valor entre x e y justo aquí. También aprenderemos de eso en próximas conferencias. Esperemos que entiendas ahora que esto es solo un operador de asignación en el script java, que es solo por asignar el valor. Si encuentra algún problema con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 11. Operadores de la cuerda de Javascript: Oigan chicos, bienvenidos a esta conferencia. En esta conferencia vamos a hablar de los operadores de cadena en el script java es cadenas se concatenan más allá del operador plus. Esto puede funcionar. El otro operando, dos I string, si uno del operando es una cadena, ¿cómo legado? Aquí se puede ver eso. Simplemente les digo en la última conferencia que voy a explicar este operador plus. Esto significa que esta es la concatenación. Kenneth conseguir ations significa que cuando solo estás agregando signo más entre los dos operadores ahí, supongamos e más b Así que aquí puedes ver que estás agregando los dos valores. Pero si simplemente estás escribiendo esto con la ayuda de estas dos cuerdas aquí mismo. Entonces esto significa que estás concatenando esta cadena aquí mismo. ¿ De acuerdo? Ahora, aquí se puede ver que este signo más está haciendo el corte justo aquí. Sangre. Este plus n es igual a seno, está haciendo concatenación y asignación aquí mismo. Somos el extremo superior, total y la X justo aquí. Ha llegado al ejemplo aquí mismo. Y vamos a estudiar sobre eso. Acabo de tratar de variable, variables que se suponen STR, que es igual a borrar, escribir hola. Y entonces yo sólo núcleo más cercano. Entonces aquí está rojo Variable STR dos, que es igual a palabra. Ok. Ahora está cerca esto aquí mismo. No, yo documento de huelga. Documento aquí es document.escribir. Y entonces aquí se puede ver que solo escribo SUR uno plus solo escribiré SDR. Ahí. Se puede ver que solo uso el operador de concatenación para agregar dos cadenas juntas. A ver si este correr este curso. Por lo que puedes ver aquí esto es HelloWorld. Entonces se puede ver aquí yo solo agregando las dos es cuerdas justo aquí. Por lo que esto significa que se trata de un operador de cadena. También se puede hacer aquí mismo. Se puede ver que acabo de escribir eso aquí. Str uno pluss es igual a SDR a, está bien, aquí me acabo de cerrar. Y se puede ver aquí tuve que escribir ese document.escribir. Y luego aquí imprimiremos el valor de la cadena número uno. El navegador refresca esto. Por lo que se puede ver aquí esto también es un poco más superficial aquí mismo, sólo por que se puede ver aquí. Aquí solo hago una concatenación. Y aquí sólo hago concatenación. Y es Simon opera donde solo proporciono o simplemente estamos fijados el valor de cadena número uno a esta cadena y lo que somos Hola y palabras juntos. Y aquí se puede ver que acabo de decir dos valores, Cadena de Office. Entonces esto es solo un operador de cadena E en el script java si encuentras alguno del problema y si no entiendes el planeta aquí mismo, por lo que puedes publicar tu pregunta. Gracias por ver. Nos vemos en próxima conferencia. 12. Aumentar y Incrementing los operadores: Oigan chicos, bienvenidos a esta conferencia. En esta conferencia vamos a hablar del operador de incremento y decremento en JavaScript. ¿ Cuál es el operador de incremento? Operador de incremento es que cuando estás agregando un valor con el valor existente, esto significa que tienes el valor como uno. Entonces cuando solo estás agregando el operador de incremento con uno justo aquí, que es n signo más. Por lo que este signo significa que se trata de un operador de incrementos. De acuerdo, aquí, antes de este operador de incremento y decremento, te diré el tipo de éste cuando solo estés escribiendo plus y plus después de este valor. Esto significa que se trata de un operador de incremento posterior. ¿ De acuerdo? Y cuando solo estás escribiendo más n más uno, por lo que esto significa que este es un operador de preincremento. Por lo que operador de preincremento se deja suponer que esto es más N más uno. Entonces aquí, uno está agregando un valor con él, y eso devolverá el valor como dos aquí mismo. Y visto como un caso como este operador de incremento de postfix, que es uno más uno, que es igual a dos. ¿ De acuerdo? Cuando acabas de agregar, suponga el operador de incremento con su valor. Entonces esto significa que este valor será igual a dos aquí mismo, porque este operador de incremento se sumará un valor otro con uno. Entonces este es el valor resultante aquí son dos. Esto es sólo un operador de incrementos. ¿ De acuerdo? Ahora aquí se puede ver que en primer lugar, voy a implementar este operador de incrementos aquí mismo. Por lo que puedes ver aquí solo escribo una etiqueta de guión. Ahora aquí variable. Y que supongamos aquí dentro de la variable x, ¿de acuerdo? Ahora aquí solo estoy declarando la variable justo aquí. Y ahora aquí se puede ver que x, que es igual a, aquí, yo sólo escribo el valor diez. O aquí se puede ver que x, que es para nosotros, ok, x que es igual a diez. ¿ De acuerdo? Ahora aquí ofrecen esto. Yo sólo escribo que este es el documento. Y aquí decido document.escribir. Ok. Y aquí se puede ver que aquí yo había descrito que esto es x y x plus. Entonces este es nuestro incremento de post aquí mismo, ¿de acuerdo? Y visto como un caso así. Entonces aquí se puede ver que yo tenía razón, que esto es sólo n variable. Y ahora puedes ver aquí que solo estoy escribiendo operador de preincremento justo aquí. ¿ De acuerdo? O aquí tengo que quitar esto y copiar esto para su mejor comprensión aquí mismo, que está aquí. Supongamos que el valor aquí es diez y copiarlo y pegarlo aquí mismo y luego se cierra. ¿ De acuerdo? Y aquí se puede ver que tengo que escribir plus, más firmar el código más cercano. Y se puede ver aquí. De acuerdo, solo comprobemos la salida para esto en el navegador. Por lo que se puede ver aquí que en primer lugar tenemos el valor que es de diez. Y después del operador de incremento, imprimimos el valor aquí es un limón porque diez más uno que es igual a 11. Por lo que este operador de incremento significa que estás agregando un valor con tu operador. Ahora aquí volvamos al operador decremento. El operador decremento cuando solo estás usando el signo menos con tus variables para esto significa que esto disminuirá un valor de tu operador. Supongamos que tienes el valor que es diez. Por lo que este operador decremento significa que usted está resultando valor aquí serán nueve aquí mismo. Está bien, vamos a revisar copia. Y aquí se puede ver que tengo que ser es este núcleo. Y aquí se puede ver, así que esto es solo operador decremento y visto como un caso como aquí. Este es nuestro operador de predicamento y este es el operador de post decremento justo aquí. Ahora aquí se puede ver que acabo de ejecutar este curso. Aquí se puede ver esto son nueve y esto son diez. ¿ Es sólo por el pelo? Se puede ver que tengo que imprimir el valor de la X aquí mismo. ¿ De acuerdo? Ahora aquí se puede ver que esto es sólo un 99 justo aquí. ¿ De acuerdo? Por lo que se puede ver aquí la diferencia entre el operador de incremento y decremento y la diferencia entre preincremento y post-incremento. ¿ Cómo? Sólo vamos a ver. En primer lugar, se puede ver que este es nuestro operador post decrement. Solo comprobemos la salida para esto. Por lo que se puede ver aquí helada, que va a inquilino entonces 11. Por lo que les contaré la lógica del operador post decremento. Cuando solo estás escribiendo el operador de pre decremento o el operador de preincremento justo aquí. Entonces esto significa que cuando solo estás obteniendo el resultado de esto, así será, supongamos que lo eres, el experto sería diez. Por lo que en la salida, su valor resultante sería 11. Pero cuando estás escribiendo el operador de incremento de post justo aquí, así que esto es más N plus justo aquí, que es igual a en primer lugar, eso te dará el resultado y el valor aquí es diez. Y luego después de esto, cuando apenas estás obteniendo el valor de eso, por lo que se te dará en la siguiente iteración. Por lo que esto significa que se trata de un operador de incremento posterior, CME como un decremento de luz de caso. Entonces esta es la lógica del operador de incremento y decremento en el script java. Si encuentra alguno del problema con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 13. Operadores lógicos de Javascript: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar de las expresiones lógicas u operador lógico. El operador lógico donde estudiamos acerca de AND OR y NOT, que realizan álgebra booleana y se utilizan a menudo en conjunto con los operadores relacionales para combinar dos expresiones relacionales en una expresión más compleja. Discutiremos uno por uno en esta conferencia sobre O lógico Y lógico, y nodo lógico. Para entender plenamente este tipo de operador, es posible que desee revisar el concepto sobre las expresiones booleanas donde estudiamos sobre lo verdadero y lo falso. Valor booleano que representa verdadero o falso. O se puede decir dentro y fuera y sí o no. Sólo existen dos valores posibles de este tipo. La guerra inversa son verdaderas y falsas. Para evaluar dos, estos dos valores. Supongamos que si tenemos un que es igual, igual a cuatro, ¿de acuerdo? Ahora aquí tenemos los dos estados. Si un que es igual a cuatro, entonces este valor será cierto. Si un que es igual a cinco, entonces nuestro, este valor será falso aquí mismo. Entonces esto es sólo un valor booleano donde sólo tenemos dos estados que son verdaderos y falsos encendidos y apagados. Y el otro estado aquí es sí o no. Espero que así lo entiendas ahora. Ahora lleguemos a la primera expresión lógica, que es N. El fin lógico se puede entender a tres niveles diferentes. En el nivel más simple, cuando usamos los operandos booleanos como n, VSB realiza el booleano y el operador en dos valores. Devuelve verdadero si, aunque sólo como primer operando y los segundos operandos son verdaderos, lo que significa que como primer operando a y segundo operando B. Ok, por lo que estos dos son verdaderos. Por lo que nuestra salida será verdadera aquí mismo. Espero que así lo entiendas ahora. Por lo que se utiliza el operador y cuando se debe cumplir la condición. Esperemos que entiendas ahora supongamos X, que es mayor que seis, y estamos usando n seno justo aquí. Y yo sólo escribo y, que es igual a cinco. Por lo que esto significa que x debe ser mayor a cinco e y debe ser igual a la condición cinco. Entonces aquí esta condición se hace realidad. Y tercer ejemplo aquí es como si estamos escribiendo los dos operandos son distintos de cero, entonces la condición se hace cierta en un operador. Supongamos un aquí sólo escribo y firmo, y luego aquí sólo escribo b Así que ahora este operador será cierto aquí mismo. ¿ De acuerdo? Esperemos que entiendas ahora. Ahora acabamos de llegar al ejemplo de eso. Entonces aquí solo escribo variable y variable a, que es igual a aquí trato de, ¿de acuerdo? Y entonces aquí sólo escribo esa variable y variable B, que es igual a falso. Esperemos que entiendas ahora. Ahora aquí solo escribo si variable y variable c, que es igual a aquí, solo escribo que esta es una sola membrana. Yo sólo quería dar un solo a2 eso, vale. Ahora aquí se puede ver. Ahora, en primer lugar, estamos tomando las dos declaraciones aquí mismo. Sólo estoy escribiendo el sencillo y puentes por VR Just a crear el OR y el operador NOT también en el mismo núcleo. Ahora aquí se puede ver que me acabo de montar en eso un documento. Y aquí sólo escribir, document.escribir. Y entonces aquí se puede ver que tengo que escribir eso primero, lo siento, y primero tengo que escribir que el valor de a, y aquí sólo uso el valor de p. Ok? Ahora puedes ver esto es solo una declaración de salida, y aquí solo estoy escribiendo la lógica aquí mismo. Supongamos que nuestro resultado aquí es igual a, I. Simplemente escribe que a y E aquí está la enzima que es igual a b ¿De acuerdo? Y así para ellos este es un signo de dólar y tengo que escribir y firmar con eso. ¿ De acuerdo? Vamos a comprobar que nuestro si verdadero es verdadero y b aquí es falso. Entonces, ¿cuál será nuestra salida aquí mismo? Y aquí, tengo que escribir ese document.escribir y document.escribir aquí imprimiremos el resultado. ¿ De acuerdo? Entonces eso imprimirá el resultado de esta expresión justo aquí, que es la lógica N. Ahora aquí tengo que escribir ese documento y documento punto escribir susto aquí. Y aquí imprimiré la variable C para el solo embrión. Comúnmente, si quieres imprimir, entonces está bien, si no lo estás, déjalo. Ahora solo comprobemos. Y aquí. Y aquí tenemos la salida. Por lo que se puede ver aquí el que lo lógico y a y b aquí es falso. ¿ Por qué esto es falso? V, cómo el signo de interrogación aquí es por qué nuestro, Esta afirmación es falsa aquí mismo. Esto es sólo porque de aquí tenemos una declaración verdadera y una declaración falsa. Por eso esta afirmación aquí es falsa. Ahora solo escribo las dos afirmaciones verdaderas aquí mismo. Ve al navegador, actualiza esto. Por lo que se puede ver aquí por esta expresión, aquí es cierto. Esperemos que entiendas ahora entonces cómo funcionan esta lógica y operadores. Si ves portones lógicos y entiendes la lógica del operador lógico. Entonces lo mismo es un concepto aquí mismo en los operadores lógicos. Aquí puedes ver que estamos estudiando sobre NOT y OR operador en el n operador aquí. Se puede ver que fue a fuera del escenario, lo que significa que se tiene el valor aquí también está apagado 0 medios de N, una media en justo aquí. Si uno de tu valor aquí está activado, esto significa que esto está fuera del estado. Parece un caso así. Si ambas declaraciones son verdaderas aquí mismo, lo que significa que tu resultado será aquí cierto en el operador y. Veamos aquí el valor aquí es caídas como caídas y caídas aquí, lo que significa que cae en el n operador. Un valor aquí es falso y un valor aquí es verdadero. Lo que significa que esto también se cae en la hora del operador n cuando casi el pelo es cierto y otro valor aquí es falso, lo que significa que esto es también cae justo aquí. Si ambos los valores son verdaderos en el y operador y lógico y operador, lo que significa que usted tiene la salida verdadera justo aquí. Vamos sólo a llegar al u operador donde tanto la declaración, nuestra culpa. Esto significa que se trata de una declaración falsa. Si uno de ellos es cierto aquí, lo que significa que este es el verdadero resultado, caso similar como ese. Y si tanto el cabello resultado son ciertos. Por lo que esta afirmación también es cierta aquí mismo. Ahora pasemos a lo lógico y a la tabla de verdad, añadamos también el JavaScript. Si tienes las Cataratas es estado. Por lo que la salida de este estado plegado aquí será cierta. Y si tienes verdadero estado, por lo que esto significa que tienes la salida es falsa. Esto es lo contrario de su declaración en el n operador. Entonces estas son sólo n puertas lógicas justo aquí. Ok, espero así que tu concepto sea mucho más claro sobre los operadores lógicos y las puertas lógicas. Ahora aquí, lleguemos al otro ejemplo del operador lógico OR. El lógico u operadores realizan el booleano o expresiones en sus dos operandos. Si uno de ambos operandos es verdadero, se devuelve valores verdaderos. Si ambos operandos son falsos, devolverá valor falso. Ejemplo muy simple de eso te ayuda a entender ahora, supongamos que se utiliza el operador OR. Una de las condiciones que cumplan debe ser cierta. Como te acabo de decir. Supongamos que si tenemos el valor aquí es igual a cuatro. Aquí solo monto operador OR. Y entonces SE describe si y, que es igual a si y que es menor a tres justo aquí. Entonces esto significa que la condición es verdadera cuando la x es, debe ser cuando la x es igual a cinco, o y es menor a tres. Entonces aquí, ¿cuál será la salida? Sólo comprobemos. Ahora. Te voy a contar sobre. Los dos valores más, supongamos v, cómo los valores aquí son diez y otro valor aquí es 20. ¿ De acuerdo? Aquí solo escribo un operador r sea si uno de los dos operandos son distintos de cero. El otro enunciado aquí mismo, entonces nuestras condiciones se hacen realidad. Por lo que puedes ver aquí nuestros dos valores aquí son distintos de cero, por lo que nuestro resultado aquí es cierto. Pasemos al ejemplo aquí mismo, y les contaré sobre eso, que cómo podemos escribir el ejemplo sobre los operadores lógicos. Aquí, se puede ver que acabo de definir variable, otra variable aquí mismo, ¿de acuerdo? Y si quieres trabajar en eso, entonces este es un adelanto. Aquí. Simplemente escribo variable x, que es igual a, solo escribiré N. Y entonces tenemos variable y, que es igual a la vista seis. ¿ De acuerdo? Aquí sólo escribo eso. Este es documento y document.getElementById o tienes escritura document.write. Esto es solo para su comprensión de que puede trabajar con ambas declaraciones de salida. Aquí sólo escribo ese lógico u operador. ¿ De acuerdo? Y aquí está, correcto, esta es la declaración HTML de punto interno, ¿de acuerdo? Ahora aquí se puede ver aquí en primer lugar, tengo escribir que si x, que es igual, igual a cuatro, ok? Y entonces aquí sólo escribo y operador, lo siento, u operador. Y entonces aquí dije y, que es igual, igual a tres. ¿ De acuerdo? Entonces, ¿cuál será nuestra salida? Y aquí está justo ahí. Esto es solo un salto de línea justo aquí. Y entonces aquí está escribir el signo de concatenación. ¿ De acuerdo? Ahora solo copio esta declaración y acabo de ejecutar múltiples tipos de declaración sobre eso. Ahora aquí puedes ver que aquí solo escribo si nuestro valor aquí es diez y nuestro otro valor aquí es 0. Entonces, ¿cuál será nuestra salida? Entonces aquí tenemos, supongamos que nuestro valor aquí es 0 y otro valor aquí es supongamos seis. Entonces, ¿cuál será nuestra salida aquí mismo? ¿ De acuerdo? Y entonces aquí se puede ver que si nuestro, este valor aquí es diez y otro, y otro valor aquí es seis. Entonces, ¿cuál será nuestra salida? Por lo que aquí se puede ver que en la primera etapa tenemos los dos valores diferentes. Entonces aquí tenemos el valor diez, y luego esto es 0 y esto es 0 aquí mismo, y este es el valor seis justo aquí. Y entonces tenemos los mismos valores de salida aquí mismo, ¿de acuerdo? Y luego cierra el marcador. Ahora sólo tienes que ir al navegador y comprobar esta declaración. Entonces, en primer lugar, tenemos que salvar esto. Y luego se puede ver. Entonces antes de ejecutar esta salida, solo me olvido de una cosa justo aquí para mostrarte, los xi se prueban aquí donde probé ID e ID aquí es el operador lógico OR. Y entonces aquí revelé marcador. Ahora correré esta salida en la sección de cuerpo aquí mismo. Y se puede ver que aquí, nuestra primera cita. Se puede ver eso falso, verdadero, verdadero, y verdadero. Está bien. Por qué esto es falso. En una primera etapa, se puede ver aquí v, cómo las dos declaraciones falsas, lo que significa que cae en el operador lógico OR. Si uno de ellos es cierto. Se puede ver que esta es una afirmación verdadera y esta es la caída de la declaración, lo que significa que aquí tenemos la declaración más verdadera. Entonces aquí se puede ver que lo mismo es el caso como hora muerta. Uno de los enunciados aquí es aseado. Entonces esto es falso y verdadero, lo que significa que esta afirmación es verdadera. Y añadir lo último tenemos las dos, tanto afirmaciones verdaderas como verdaderas y verdaderas aquí en la verdadera en lógica u operador. Esperemos que entiendas ahora. Por lo que a través del operador lógico OR es el más utilizado simplemente como booleano u operador. Al igual. O operador tiene un comportamiento más complejo. Y comienza evaluando su primer operando, la expresión en su lado izquierdo o su lado izquierdo, si el valor de este primer operando es cierto en especie como circuitos y eso se devuelve que los verdaderos valores sin nunca elevando las expresiones del lado derecho. Cómo les diré, supongamos que comprobaremos las expresiones desde el lado izquierdo. De aquí. Si lógico u operador, bien aquí, el valor verdadero. Por lo que eso no comprobará esta expresión aquí mismo. Y eso simplemente irá al resultado y eso nos mostrará el resultado aquí mismo, cierto. Si el resultado del operador lógico aquí cae, entonces eso se moverá a las siguientes Expresiones. Consulta esto aquí es cierto. Entonces y entonces eso nos mostrará el resultado aquí mismo. Si ambos valores son falsos. Entonces primero, eso se moverá con estas expresiones y luego, y luego tomará la decisión como las caídas justo aquí. Esperemos que tu concepto sea mucho claro sobre el operador lógico OR. El conocimiento ha llegado a lo lógico, no a lo lógico, no al signo aquí no es signo. Este operador es el operador unitario. Se coloca ante un solo operando. El propósito de eso es, en palabras, el valor booleano de su operando. Por ejemplo, nuestro valor de x aquí es cierto. De modo que eso va hacia adentro o que va a revertir este valor por caídas. Y si nuestro valor aquí es falso para eso convertirá este valor en verdadero aquí mismo. Entonces este es el concepto simple del operador lógico NOT. Pasemos al ejemplo de este operador lógico NOT. Aquí, obteniendo el ejemplo de valores verdaderos y falsos. Y se puede ver el cabello. Yo sólo copio esto. Y aquí solo cambio este ancho, no está bien. Sólo ven aquí. Se puede ver que tengo que escribir resultado. Y En primer lugar, comprobaré este resultado en entonces operador. Entonces aquí sólo escribo nada senoidal. Y entonces aquí sólo escribo si valores a y a y b aquí. De acuerdo, acabo de decir que estos dos valores son ciertos. Y si a y B aquí son ciertos, entonces cómo este verdadero valor que haremos por make cae por este operador lógico NOT. Ahora aquí, tengo la lógica correcta, lo siento, documento dot write, y aquí mismo es un resultado. Ok. Eso se puede ver. Ahora sólo tienes que ir al navegador y refrescar esto. Aquí se puede ver que V, Cómo los estados tanto a como b son ciertos. Por lo que nuestra salida aquí también es cierta. Se puede ver que en este ejemplo que tenemos este valor la salida aquí es verdadera. Entonces con la ayuda de este no operador, hacemos esta salida como la falsa. Entonces esto es sólo un trabajo fuera del operador lógico NOT. Entonces como solo te digo que operador lógico NOT se usa cuando el, el valor aquí es cierto. Y si quieres hacer este valor como el falso, ¿de acuerdo? Entonces supongamos que tenemos la expresión como no, x es menor o mayor que cinco. Entonces si nuestro este valor es cierto, por lo que por defecto, este no operador hará este valor como las caídas justo aquí. Esperemos que tu concepto sea mucho más claro. Y ahora con los operadores lógicos en JavaScript, si encuentras alguno del problema y algún punto en no entender en esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 14. Operadores de comparación de Javascript: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar del operador relacional o de las compresiones o expresiones en el JavaScript. Estos tipos de operadores prueban para nuestra relación, como es igual a menor que o la propiedad de entre dos valores. Y eso se devuelve el resultado en lo verdadero o falso, que depende de si esa relación existe o no. Operador relacional siempre, esperaría a un valor booleano. Y ese valor se utiliza a menudo para controlar el flujo de la ejecución de su programa, como cuando sólo está utilizando IFStatement while o la instrucción for. Por lo que hay que usar este relacional o las compresiones más. Un operador de compresión, compara su operando y devuelve el valor lógico en función de si esta compresión es verdadera o no. El operando puede ser numérico, es cadena, valor lógico u objeto es cadena cuando solo estás usando una cadena aquí. Por lo que las cadenas se comparan en base al estándar Lexi, ordenamiento lexicográfico usando los valores Unicode. En la mayoría de los casos, si los dos operandos no son del mismo tipo, intento de JavaScript de convertirlos y apreciar tipos de compresiones. Y este comportamiento generalmente destila al comparar numéricamente los operandos. De acuerdo, así que veamos cómo podemos usar el operador de compresiones en nuestro ejemplo. Una cosa más, les diré que si el valor de cinco aquí, supongamos a que es igual a cinco, y b que es igual a 20. Ahora, hay que entender, hay que entender mejor esta lógica aquí mismo. En primer lugar, vamos a comprobar el operador de compresiones entre el igual a, como acabo de decir, cuando usted está escribiendo solo igual a, supongamos un que es igual a cinco. Esto significa que estás asignando el valor a un, que es cinco. Cuando acabas de escribir un que es igual, igual a b, lo que significa que estás comparando a con B con estos dos es igual a seno. Ahora aquí, se puede ver que tenemos el valor E aquí es cinco, y el valor b aquí es 20 justo aquí. Entonces aquí ¿cuál será la salida? El resultado aquí es falso sólo por cinco no es igual a 20 lúpulos. Entiendes ahora, ahora aquí nos vamos a revisar una otra afirmación aquí mismo, que es a, significa que cinco no es igual a b o 20. Entonces aquí tenemos esta afirmación es verdadera aquí mismo. Entonces aquí escribo cinco es mayor a 20. Por lo que esto también es cae justo aquí. Entonces aquí se puede ver que estoy comparando a con B, que si a es igual a B, el resultado será, entonces H no es igual a B. Cuál será nuestra salida n Si a es mayor que b. Entonces, ¿cuál será nuestra ope? Ahora aquí se puede ver que tengo que escribir eso a que es menor que B, o a, o cinco que es menor que 20. Por lo que esta afirmación aquí es cierta. Entonces entiendes ahora, o tienes que escribir a que sea mayor o igual a b, o a que es menor o igual a B. Así que estamos trabajando en este tipo de ejemplos aquí mismo. Sólo vamos a ver. Tengo derecho en de mi etiqueta de guión aquí mismo. Entonces esta es una etiqueta de script y solo cerraré esta etiqueta de script aquí mismo. En primer lugar, lo mismo es un caso de nuestro ejemplo diagramático. Yo sólo escribo e, que es igual a cinco. Y entonces aquí sólo escribo la variable B que es igual a 20. ¿ De acuerdo? Ahora aquí tengo escribir ese documento. Entonces este es un pequeño documento. Y documento punto aquí tengo que escribir ese document.escribir. Y aquí se puede ver que acabo de escribir que a que es igual, igual a b Esta son nuestras primeras expresiones, ¿de acuerdo? Donde estamos comparando estos valores. Y ya puedes ver aquí, yo escribiría eso. Supongamos V, cómo una otra variable, que es resultado. Y el resultado aquí es que se puede decir a que es igual, igual a b Entonces aquí lo que acabo de sacar justo aquí. Entonces puedes ver yo solo comparando a que es igual a b, ¿verdad? Harish significa y cinco, que es igual, igual a 20. Entonces veremos que cuál será nuestra salida. Entonces aquí tenía razón, que esto es documento y documento dot escribir. Y aquí solo pauso el resultado aquí mismo. ¿ De acuerdo? Ahora aquí puedes ver que solo reviso la salida de este código y corro al navegador. Por lo que se puede ver aquí que cinco, que es igual, igual a 20. Entonces como te acabo de decir que esto es, las Cataratas es Llévame aquí mismo. Espero que así sea. Entiendes ahora. Ahora aquí, después de esto, tengo que escribir ese documento y documento dot write. Y aquí tengo que escribir así de simple. O se puede decir que aquí solo creo la variable c y c, que es igual a tengo que escribir un salto de línea solo porque estamos ejecutando la sentencia múltiple está justo aquí. Por lo que le daré un solo descanso de LAN aquí mismo. ¿De acuerdo? Ahora puedes ver que simplemente nos movemos a la una, otra expresión aquí mismo. Entonces solo copio este código aquí y pegué este código aquí mismo. Entonces aquí en esa etapa, intenté que a que no es igual a b, ¿de acuerdo? Y se puede ver que aquí sólo escribo esa E, que no es igual a b justo aquí. Comprobemos la salida. Por lo que se puede ver aquí cinco no es igual a 20. Por lo que esta afirmación aquí es cierta. Espero así que tu concepto esté claro ahora. Ahora se puede ver que aquí tengo que escribirme una otra declaración. Supongamos a que es menor que b. Y aquí también tenemos paseo a que es menor que B. Entonces aquí se puede ver que tengo derecho, que a que es mayor que b y visto como un caso como aquí, que es mayor que B. Entonces esto es sólo una declaración de salida. ¿ De acuerdo? Entonces no lo confundas aquí mismo. Y se puede ver ese document.escribir de nuevo. Y aquí tenemos escribir que a que es mayor que b y parece un caso como aquí, que también es mayor que B. Novae, cómo ejecutarse uno a otro enunciado, a que es menor o igual a, y a que es menor que o igual a y agregar pérdida. Nosotros vamos a escribir esa e, que es mayor o igual a. Y aquí se puede ver que un que es mayor que lo que son iguales. Echemos estas declaraciones aquí mismo. Entonces se puede ver aquí, yo sólo escribo e que es igual a cinco, y b que es igual a 20. ¿ De acuerdo? En una primera etapa, se puede ver que a que es igual, igual a b. Entonces esta afirmación aquí es falsa. Entonces tenemos que escribir ese cinco, que no es igual a 20. Por lo que esta afirmación aquí es cierta. Entonces se puede ver que un que es menor que v. Así v, cómo esta afirmación es falsa aquí mismo. Y se puede ver que a, que es mayor que b, que también es cae justo aquí. ¿ De acuerdo? Entonces hemos corrido dos declaraciones aquí mismo, vale, que es mayor que no integrado. Entonces revisemos esta declaración. Y se puede ver que e, que es menor que, menor que y mayor que, y mayor que. ¿ De acuerdo? Y tengo que quitar esto, volver a ejecutar este código. Entonces se puede ver aquí si a es mayor que B, por lo que esta es una declaración falsa, es menor o igual a b Así que se puede ver que esta es una declaración verdadera aquí mismo y vista como un caso como a que es mayor que o igual a b. Entonces tenemos la falsa declaración aquí mismo. Entonces así es como funcionan nuestras estas compresiones o los operadores relacionales en el JavaScript. Esperemos que entiendas y tu concepto sea mucho claro sobre esta lógica. Si no entiendes alguna de la planta aquí mismo. Entonces por favor házmelo saber y gracias por ver esta conferencia. 15. Métodos de incorporación en la alerta de Javascript: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar del cuadro de diálogo de alerta en JavaScript, o de la función o método de alerta en el JavaScript. El método de alerta en el JavaScript, que es mostrar un cuadro de diálogo de alerta con un mensaje especificado y un botón OK. A menudo se utiliza para asegurarse de que la información haya llegado al usuario. El cuadro de alerta o cuadro de diálogo de alerta, quita el enfoque de la ventana actual y enfoca o obliga a los navegadores a leer el mensaje. Y debes evitar usar en exceso este método ya que evita que el usuario acceda a otras partes de la página hasta que se cierre la casilla. Te ayuda a entender ahora. Ahora veamos que cómo podemos usar este cuadro de diálogo de alerta en nuestro núcleo. En primer lugar, se puede ver aquí que sólo estoy creando un botón justo aquí. ¿ De acuerdo? Y este es nuestro botón. Botón aquí es que acabo de decir este botón en el onclick. Ok. Y aquí sólo escribo eso una caja de Alerta. Simplemente dejo esto en el método click porque aquí solo pego la función donde acabo de crear en esta etiqueta de script. Ahora aquí solo creo una función. Por lo que solo creo función con pequeña f. aprenderemos sobre las funciones más adelante en nuestras conferencias también. Y aquí solo escribo esta es función de alerta. ¿ De acuerdo? Entonces te diré la definición de las funciones que ¿cuál es la función exactamente? Estoy hablando de esta palabra clave de función, ¿de acuerdo? Una función es un grupo de código reutilizable que se puede llamar en cualquier parte de su programa. Esto elimina la necesidad de escribir el mismo código una y otra vez. Ayuda al programador en la redacción de código modular. Las funciones permiten a los programadores dividir un gran programas en el pequeño número de pogromos, lo cual es manejable, fácil. Al igual que cualquier otro lenguaje de programación avanzado, script Java también soporta todas las características necesarias para escribir código modular. Uso de la función. Debes tener escenas, las funciones como alerta. Esta es nuestra primera función donde solo estoy usando aquí mismo, que es Elor. Entonces tenemos las funciones adecuadas también. Por lo que vamos a utilizar este tipo de funciones también, como prompt, una Alerta, confirmar. Entonces aquí vamos a venir a nuestro tema y les contaré sobre el cuadro de diálogo de Deller. Entonces para escribir el mensaje de alerta, tengo que escribir la alerta de palabra clave. Y aquí solo te muestro el mensaje que hola, estás aprendiendo Java Script. De acuerdo, y acabo de cerrar el marcador con punto y coma. Ahora aquí se puede ver que esto es sólo la declaración de una función. Y ahora solo estoy llamando a estas funciones a OnClick. Espero así que esto es mucho confuso para ti porque V nada ya estudió sobre las funciones. Pero haz, solo haz tu concepto aquí mismo porque la función es mucho fácil. Te contaré sobre el, algunos de la explicación diagramática de la función donde puedes ver que supongamos v, cómo los grandes programas aquí mismo, que es el sistema LMS, que es Aprendizaje Sistema de Gestión, un ejemplo muy común. Esta es toda nuestra funcionalidad. Si quieres dividir esta funcionalidad en este pequeño programa. Entonces supongamos v, cómo tres módulos aquí mismo en este sistema LMS, que es en primer lugar maestro es Turín y administración. Entonces puedes ver aquí, solo divido este gran programa y a los tres es pequeños módulos. Se puede ver que esto en realidad es lo que hacen las funciones y VR reutilizables este profesor funciones, esto es funciones estudiantiles en esta administración funciones son varias número de veces. En lugar de escribir nuestro código una y otra vez. Un ejemplo sencillo de las funciones aquí mismo. Al igual que una vez acabo de declarar este mensaje de alerta, por lo que no escribiré este mensaje de alerta una y otra vez. Simplemente escribo el nombre de las funciones. Por lo que todo nuestro código será ejecutado en este botón o en cualquier otra funcionalidad. Este es el concepto de reutilización. Espero que así lo entiendas ahora. Ahora vayamos al navegador y comprobemos la salida. Ok, aquí puedes ver que uno de los botones se crea aquí mismo con el nombre de Cuadro de Alerta cuando solo hace clic en este botón. Para que puedas, tenemos un error aquí mismo porque nuestra función no está funcionando y eso no está mostrando la salida de la pantalla. Y sólo por aquí, echamos de menos estos paréntesis. Ahora ejecútalo de nuevo. Y puedes ver aquí que cuando acabo de hacer clic en este botón, por lo que me aparecen mensajes de cuadro de diálogo, que es mensaje de alerta en el sitio web, que es hola, estás aprendiendo el script java justo aquí. Esperemos que entiendas ahora y este concepto, es mucho más claro para ti. De acuerdo, entonces el método de alerta, como acabo de decir en el JavaScript, que está mostrando el cuadro de alerta. Y es display he especificado mensaje junto con el botón OK. Se puede ver que estoy hablando de este botón OK. Y esto generalmente se usa para asegurarse de que el usuario obtenga las informaciones y devuelve la cadena que representa el texto con la visualización en el cuadro de alerta. ¿ De acuerdo? Entonces así es como funciona nuestro cuadro de diálogo de alerta o función de alerta. Alerta es una base de funciones incorporadas. Y se puede ver aquí esto es sólo una palabra clave. ¿ De acuerdo? Y aprenderemos sobre las funciones en unas conferencias separadas también. Entonces ustedes, este concepto es claro para ustedes chicos. Y si encuentra alguno del problema con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 16. Indicación de Javascript: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar del prompt box. Después de aprender un cuadro de Alerta, tenemos que pasar al cuadro de mensajes aquí mismo. A menudo se utiliza un cuadro de mensaje si desea que el usuario introduzca un valor antes de ingresar una página. Cuando un cuadro de mensaje emergente, el usuario tendrá que hacer clic en Aceptar o Cancelar para proceder después de introducir un valor de entrada. Si el usuario hace clic en el botón Aceptar, el símbolo del método de ventana devolverá el valor Inter del cuadro de texto. Si los usuarios hacen clic en Cancelar, las solicitudes del método windows devuelven ninguno aquí mismo. Veamos cómo podemos trabajar con ello. En un primer momento. Como pueden ver aquí, que estoy creando un formulario. Y la forma aquí es que solo estoy creando un campo de entrada. Campo de entrada Tengo escribir ese campo de entrada aquí es el botón. Entonces escribimos el valor. Y el valor aquí es que tengo que escribir eso. Haga clic conmigo. ¿ De acuerdo? Y entonces aquí se puede ver que tengo que cerrar este código aquí mismo. Ahora, aquí se puede ver que tengo que escribir que esto sólo está en función aquí mismo. Y la función aquí están las funciones de prompt, ¿de acuerdo? Ahora aquí se puede ver que dentro de esta función tengo escribir en primer lugar una variable. Variable aquí se puede ver que he leído valor o se puede decir cualquier cosa, tengo que escribir eso. Supongamos, pronta, ok. Pero aquí solo creo un valor aquí mismo donde se puede ver que tengo que usar prompt como palabra clave. ¿ De acuerdo? Y aquí puedes ver que ingresa tu nombre. ¿ De acuerdo? Y entonces aquí se puede ver que tuve que montar una cuerda otra, que es el nombre justo aquí. Ahora veamos que he escrito que un documento dot escribir. Y se puede ver el document.escribir. Y aquí se puede ver que se tiene a su vez. Y entonces aquí solo concateno el valor de este prompt, lo que escribes en este campo de texto aquí mismo, ¿de acuerdo? Ahora puedes ver que nuestra etiqueta de este script está completa aquí mismo. Ahora aquí tengo escribir eso onclick. Y este onclick aquí es igual a 2p, ¿verdad? Prompen aquí mismo. Entonces usted entiende ahora que simplemente estoy llamando al método aquí mismo. En primer lugar v, cómo el tipo de entrada, que es el botón, entonces el valor de este botón aquí es click conmigo. Y luego tenemos que ejecutar en el método click, que es igual a nuestro nombre de función aquí mismo. Concepto oscuro es mucho más claro ahora. Ahora aquí puedes ver que he corrido este código. Y se puede ver que cuando solo haga clic en este botón aquí mismo. Para que veas que tenemos encontrar un mensaje de error aquí mismo, y tenemos que borrar este mensaje de error. El error aquí es que se puede ver que sólo vamos a la tecnología y sí, ok. Esto es pronta. No estamos usando el prompt como nombre de función aquí sólo por pelo, se puede ver que v, qué tan rápido, tal como se define como la palabra clave. Ahora puedes ver que tengo trombones correctos. A lo mejor tu concepto es claro sobre el prompt, que este prompt es la palabra clave y no estamos usando la palabra clave aquí como el nombre de la función. Guarda este código, ve al navegador, actualiza, y podrías hacer click en, Click Me. Aquí. Esto es sólo un campo de nombre. Se puede ver que este es el nombre aquí mismo. Por lo que este nombre se nos muestra aquí mismo. Está bien. Ahora aquí puedes ver solo voy al navegador, refresco esto, clica conmigo, y aquí solo escribo eso. Este es el funky. Acabo de dar click en ok. Entonces aquí puedes ver que has entrado funky aquí mismo. Nuevamente, refresca, haz click conmigo. Hombre, acabo de dar click en cancelar. Por lo que puedes ver aquí has ingresado el valor nulo ya que solo te digo al inicio del programa que cuando solo estás escribiendo tu nombre o algo en el campo de texto, puedes obtener la salida. Y si no escribes nada, para que puedas obtener el valor nulo. Esperemos que tu concepto sea mucho más claro sobre el método prompt en el JavaScript. Si encuentra alguno del problema con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 17. Confirma de Javascript: Oigan chicos, bienvenidos a esta conferencia. En esta conferencia vamos a hablar del método de cuadro de diálogo confirmar en JavaScript. El escenario aquí es que en algún momento se necesita llevar la confirmación del usuario para proceder al siguiente paso. Por ejemplo, desea tomar las conformaciones del usuario antes de guardar los datos actualizados o los datos existentes eliminados. En este caso o en este escenario, utilizamos la función incorporada de JavaScript, que es confirmar, confirmar función, mostrar un mensaje emergente a los usuarios con dos botones, cuales son OK y Cancelar. Y puedes comprobar en qué botón tiene que hacer clic el usuario y proceder en consecuencia. Entonces si los usuarios hacen clic en el botón OK, el método de ventana que se confirma, devolverá el valor verdadero. Si los usuarios hacen clic en el botón Cancelar, entonces la confirmación devuelve valor falso te ayuda a entender ahora. Ahora aquí irá al ejemplo de eso. Aquí, como pueden ver, en primer lugar, tuve que crear la función y función aquí. Supongamos que solo escribo el nombre de la función aquí es hola. ¿ De acuerdo? Ahora después de esto, se puede ver que aquí acabo de usar confirmar como la palabra clave, que es un método, ok. y aquí sólo escribo. Por favor presione cualquier Burton para continuar. ¿ De acuerdo? Y luego un código más cercano justo aquí. Ahora aquí, nuestra, esta lógica es confirmar es una palabra clave. Nuestro nombre de función aquí es hola. Ahora aquí solo creo un botón para mostrar esta funcionalidad aquí mismo, donde acabo de crear un botón en el método click. Y aquí puedes ver que tengo que pasar este nombre de función hola. Y aquí está, derecho que me haga clic para confirmar. De acuerdo, ahora aquí puedes ver que tengo que ir al navegador, crecerá. Y aquí puedes ver que me haga click para confirmar. Cuando acabo de hacer clic en este botón, me muestra nuestro cuadro de diálogo, que es el cuadro de diálogo de confirmar o el cuadro de diálogo de conformaciones. tanto que sólo les digo que están encontrando dos opciones aquí mismo, cuatro, OK, y Cancelar. Simplemente te digo que si los usuarios presionarán el botón OK, el método de la ventana confirmará volverá verdadero. Y si el usuario está presionando el botón Cancelar, entonces la confirmación devuelve resultado falso. Entonces este es nuestro mensaje aquí. Eso se puede ver. Y cuando solo haga clic en este botón OK. Por lo que se puede ver aquí esta caja de diálogo ha desaparecido y estamos procediendo al siguiente paso después de esto. Esta es solo nuestra funcionalidad así. Y cuando acabas de dar click en cancelar, por lo que esto significa que esta confirme materia nos devuelva el valor como las caídas y estás en la misma página. Esperemos que su concepto sea mucho más claro sobre el cuadro de diálogo de confirmación medido en JavaScript. Si encuentra alguno del problema con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 18. Javascript si la declaración: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia estamos pasando por las declaraciones controladas en JavaScript. Donde en esta conferencia nos enfocamos totalmente en la declaración if. Pero les diré algo más sobre el diagrama de flujo y la declaración if también. Al escribir un programa, puede haber situaciones en las que se necesita adoptar uno de un determinado conjunto de olla. En tales casos, es necesario utilizar las declaraciones condicionales que permitan a sus programas tomar decisiones correctas y realizar la acción correcta. Javascript incluir si otras condiciones toman deben controlar el flujo del programa similar a otros lenguajes de programación. Aquí v, cómo si condición, si otras condiciones y si condiciones. ¿ De acuerdo? Ahora aquí puedes ver que te diré en primer lugar que cómo fluyen nuestros programas en la declaración if, else if. Vamos a ver aquí que sólo estoy escribiendo los diagramas de flujo a ustedes chicos, que es este signo de círculo significa que su programa es, toma, empieza de eso. Entonces después de esto te como algunos tipos de padecimientos, ¿de acuerdo? Las condiciones serán. Supongamos si a es mayor que cinco o si a es menor que diez, ¿de acuerdo? O algo así como si h es igual, igual a cinco saltos, ahora entiendes que condición es cualquier cosa, cualquier lógica, puedes presionar aquí mismo. Entonces puedes ver aquí, si eres programa va a escribir las mismas condiciones. Vamos, supongamos a0 que es mayor que cinco. Supongamos que el valor de E aquí es de diez, entonces usted es flujo de programa será fácilmente hasta el paso de meta. Para que puedan ver aquí este es nuestro Estoy terminado. Entonces después de comprobar esta condición, supongamos un que es mayor a cinco y el valor de un aquí es de diez. Por lo que nuestro programa fluirá como aquí, que primero comprobará la condición, luego eso comprobará el código de condición justo aquí, y luego eso ejecutará el resultado para nosotros. Espero así que entiendas ahora adentro si afirmaciones, si tu resultado es falso, supongamos que solo escribo eso dos que es mayor que cinco, o dos que es menor que cinco. ¿ De acuerdo? Dos es menos de cinco. Esta es una afirmación verdadera. Y si T2 es mayor a cinco, entonces esta es la forma de la declaración. Si sobre esta afirmación aquí es falso. Por lo que el flujo del programa estará yendo a las caídas y simplemente que vamos a pasar a la pestaña de acabados y no nos mostró ninguno del resultado justo aquí solo por una declaración if, solo nos enfocamos en la condición justo aquí. No nos enfocamos en la condición de lo demás. Espero así que tu concepto sea mucho más claro ahora que puedes ver que una declaración if, tomamos el inicio del programa. Entonces aquí revisaremos esta declaración. Si nuestra declaración e, que es mayor que cinco, supongamos dos que es mayor que cinco, que es nuestra falsa declaración aquí mismo. Si esta afirmación es falsa. Por lo que aquí se puede ver que nuestro programa será. Pasar directamente al paso de meta y no mostrarnos ninguna de la salida. Y si esto es tap es cierto, por lo que eso simplemente pasará al siguiente paso, comprueba el código de condición, y luego yendo al estado terminado justo aquí. Espero que así sea, ya está claro. Ahora se puede ver que vamos a discutir sobre la declaración if. Entonces si una declaración es la declaración de control fundamental que permite a JavaScript tomar las decisiones y ejecutar la declaración condicionalmente. Cómo puedes ver eso supongamos que tenemos esta etiqueta de script. Dentro de la etiqueta de guión. En primer lugar ser cómo la declaración if, si aquí es la palabra clave. Recuerda que cuando solo estás escribiendo el if, entonces, si significa esa palabra clave, entonces tienes las expresiones aquí mismo. ¿ Cuál es la expresión? La expresión es cualquier cosa. Supongamos que E es mayor que cinco, a es mayor que diez y es menor que diez, o un que es igual, igual o mayor que o igual a una nada igual a diez. Y tú tienes los números. Entonces a es justo nuestra condición justo aquí. Por lo que estas expresiones aquí son condiciones. Entonces tienes que correr con estos corchetes rizados. Entonces tienes que escribir tu código de declaraciones aquí mismo. Ahora, voy a ejecutar esto en su, lo hacen chicos en diagrama de flujo, donde pueden ver que aquí empezará nuestro programa. Se puede ver que desde aquí se está iniciando nuestro programa. Entonces puedes ver que aquí tenemos la declaración if y puedes ver aquí tenemos una declaración if y la condición. Y luego tenemos el bloque Declaración de Office o bloque de código. Después de esta otra cuadra. Si esta condición es verdadera, entonces nuestro flujo de programa se estará moviendo a esta condición. Supongamos alguno del código aquí mismo. Y luego ayudamos. El acabado es tabulador aquí mismo. Si nuestros programas funcionando correctamente como un que es igual a cinco, lo que significa cinco que es igual a cinco horas estado corriendo escalera aquí es cierto. Por lo que ese programa se estará moviendo fácilmente si nuestro, este programa es falso. Lo que significa que en el lugar de Avie cómo los dos, SO dos, que no es igual a cinco. Por lo que nuestro flujo de programa será directamente ir a la meta y no mostrarnos ninguna de la tasa de reserva aquí. Esperemos que entiendas ahora aquí puedes ver Javascript o Java expresión se evalúa. Desde aquí se puede ver que la expresión JavaScript se evalúa si el valor resultante es verdadero. Por lo que el Galen es declaración se ejecutan. Y la mayoría de las veces usarás como operador de compresiones mientras tomas estas decisiones. Y si una declaración es falsa, entonces no se ejecutaría ninguna declaración aquí mismo. Está bien. Veamos el ejemplo de codificación, ¿no? Esperemos que tu concepto sea mucho más claro sobre la declaración if aquí mismo. Ahora, se puede ver que estoy ejecutando la declaración if. Entonces si aquí hay un y un que es mayor que 0, esta es nuestra declaración aquí mismo. Se puede ver que esta es nuestra expresión. Esta es la palabra clave, y ahora solo estoy ejecutando el bloque de código. Supongamos que solo estoy ejecutando el comando de alerta. Y alerta aquí es, acabo de escribir que cinco es, lo siento, H es mayor que cinco. Por lo que aquí se puede ver que cinco es mayor a diez. ¿ De acuerdo? Eso se puede ver. Entonces, ¿cuáles son los cinco? Entonces cinco es nuestra declaración si aquí mismo. ¿ De acuerdo? Ahora, se puede ver que acabo de revisar este código. Por lo que aquí verás que no encontramos a ninguno del operador. Sólo por aquí, sólo definimos nuestra declaración if. Ahora solo estoy definiendo el número dos. Compruebe esto si la declaración es verdadera o no. Simplemente escribo una variable y variable V, que es igual a aquí, solo escribo ese 2pq. ¿ De acuerdo? Ahora aquí se puede ver que cuando acabo de ejecutar este núcleo, así que guarde esto y se puede ver eso. Y se puede ver aquí que estoy describiendo, supongamos documento y document.write. Aquí solo te estoy mostrando la salida en tu document.write de Kim. Y aquí tengo escribir eso. Supongamos el resultado de la declaración if. ¿ De acuerdo? Y entonces aquí tengo que cerrar esta declaración aquí mismo. Aquí puedes ver que nuestra Esta afirmación es falsa. Por eso no tuvimos ninguno del resultado. Como puedes ver, puedes ver aquí, no teníamos ninguno del resultado aquí mismo. Ahora, cuando acabo de ejecutar este código, lo siento, en primer lugar, tenemos que guardar esto, y después tenemos que correr el marcador. Entonces como pueden ver, mi Este programa no me está mostrando la salida. Sólo por aquí. Sólo estoy diciendo la lógica. En primer lugar, se puede ver empezar aquí el, cómo, la declaración condicional, se puede ver eso. Entonces aquí tenemos la condición que es a es igual a dos n Nuestra declaración aquí es, es mayor a cinco. Si estamos presionando el valor aquí es cinco. Por lo que este programa no nos mostrará el resultado también. Entonces aquí tenemos el valor falso y el flujo del programa estará yendo directamente al estado de acabados. Y eso está mostrando como ninguna investigación sólo por aquí sólo trabajamos con si una declaración. Repito una y otra vez, este concepto sólo por la necesidad, este concepto en próximas conferencias. ¿ De acuerdo? Ahora aquí puedes ver que solo proveo cinco. Tan sólo por aquí se puede ver que este es 55, por lo que cinco no es mayor que cinco. Por lo que esta afirmación tampoco es cierta aquí mismo, cuando sólo estamos escribiendo seis en lugar de cinco aquí mismo, porque seis es mayor que cinco. Por lo tanto, comprobemos ahora mismo nuestra salida. Entonces en primer lugar, v, cómo comando alerta, que está funcionando aquí mismo, que es cinco, es mayor que diez. ¿ De acuerdo? Y luego se puede ver que yo sólo presiono, ok, entonces V, Cómo el resultado de la declaración if. Entonces ahora nuestro código se está ejecutando aquí mismo, y esto nos está mostrando el resultado correcto. Entonces aquí, desde aquí estamos empezando aquí que comprobará la condición si esta condición es coincidente aquí mismo. Entonces eso nos mostrará el cuerpo central. De lo contrario, eso se moverá directamente al estado de acabados y no nos mostró ninguno del resultado aquí dentro de este comunicado if. Esperanzas semana, este concepto es mucho más claro ahora. Ahora esta es nuestra primera declaración. Ahora nos estamos ejecutando una declaración otra aquí mismo, que es, supongamos e, que es menos de cinco. Esto es para tu mejor comprensión de quién vino. Y aquí simplemente escribo ese mensaje de alerta. Y el mensaje de alerta aquí es Hola. Esto es para revisar el padecimiento. Ok. Y el código más cercano justo aquí. Refresca esto. Y se puede ver ahí primero se ejecuta la sentencia, y ésta es una segunda declaración. Y se puede ver aquí, esta afirmación es, se puede ver que seis es menor que, considera que seis es menos de cinco, lo cual es una declaración falsa. Por lo que esta declaración aquí no nos es ejecutada. Esperanza así este concepto es mucho más claro ahora que cómo podemos usar declaración if-else y cómo podemos trabajar con la afirmación verdadera y falsa y si. Si encuentras alguno del problema con respecto a esta conferencia en cualquier momento no entiendes en el diagrama de flujo de la declaración if, cualquier punto no entiendes que cómo podemos crear la condición y cómo podemos comprobar o cómo podemos evaluar verdadero y el valor falso en la sentencia if. Y si no entiendes alguno del punto aquí mismo en este curso, por favor házmelo saber y gracias por ver esta conferencia. 19. Javascript si más la declaración de lo: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar de la declaración if else en JavaScript. En algún momento necesitamos ejecutar un bloque de declaración sólo cuando una condición en particular es carne o no. Se trata de una simple toma de decisiones de tarjetas. A medida que ejecutamos cierto código después de tomar una decisión en la lógica del programa. Por ejemplo, hacer en JavaScript VHA cuatro tipos de sentencias de control, que son if sentencia Nasser, if, else statement y if else if. ¿ De acuerdo? Como saben, ya estudiamos sobre si la declaración en JavaScript. Ahora estamos enfocados en la declaración if else if. En última conferencia, han visto que ser estratégicos sobre la declaración if y dentro de la afirmación if, si nuestra de la condición es carne, por lo que nuestro programa ejecutará el resultado y el blog core si no se hace nuestra condición. Por lo que eso simplemente irá a la terminada y no nos mostrará nada de la reserva. Pero aquí en la declaración if else, como algunos en algún momento te cómo unas condiciones y quieres ejecutar un bloque de código si la condición es verdadera, y ejecutar otra pieza de código si la misma condición es falsa. Esto se puede lograr en JavaScript usando if else statement, cómo podemos trabajar con la declaración if-else. En primer lugar, les diré el diagrama de flujo de if else if statement. Supongamos aquí vamos a iniciar nuestro programa. Y aquí tenemos la condición que supongamos un y un que es mayor a 50. ¿ De acuerdo? Ahora se puede ver que si nuestra esta afirmación es verdadera aquí mismo. Por lo que eso simplemente irá al bloque de código. Lo que escribimos aquí, como insertará en el cuerpo del código lo que se define con esta condición. Eso comprobará el código y luego eso ejecutará el resultado aquí mismo. Significa que simplemente irá a la etapa de acabado si no se cumple nuestra condición determinada. Entonces eso simplemente irá al bloque de código de otra parte justo aquí. Eso revisará el resto bloque de código y nos mostrará el bloque de código más justo aquí. Ahora solo les digo que cuál es la declaración if y qué es una declaración else-if. Entonces como puedes ver aquí, tenemos la declaración if y aquí tienes que escribir tu condición. Y dentro de la condición tienes bloque de código aquí mismo. ¿ De acuerdo? Ahora bien, si nuestro este bloque de código está funcionando justo aquí, por lo que simplemente ejecutará este bloque de código con verdadero resultado si este resultado no es posible en la condición. Entonces simplemente nos movemos al otro y aquí eso va a ejecutar el bloque de código más justo aquí. Entonces este concepto lo es. Mucho claro para ustedes chicos. Ahora solo veamos el ejemplo en la declaración if else. Aquí. Se puede ver que dentro de esta etiqueta de script, solo defino una variable. Y supongamos que la variable aquí es la edad, y la edad de la variable aquí es de 25. Ahora se puede ver que sólo estoy definiendo if statement. Entonces aquí puedes ver que si es una palabra clave y ahora solo escribo H. Así que H aquí está yo solo definiendo la condición justo aquí. Entonces si la edad es mayor a 18 años, por lo que hay que escribir un documento y documentar.escribir, que es que no estás en adolescente. Está bien. Entonces punto y coma justo aquí. Ahora bien, si esta afirmación es cierta, por lo que simplemente se ejecutará este bloque de código. Si el código de bloque no es cierto, entonces eso irá al resto bloque de código. Entonces si no aquí está la palabra clave, ok. Y ahora aquí se puede ver que tengo el documento y documento.escribir. Y aquí tenemos que eres adolescente edad o espero que así. Entiendes ahora. Ahora ya pueden ver que vamos a ejecutar esta declaración if else aquí mismo. Y se puede ver eso aquí. Se puede ver que nuestra edad aquí es de 25. Entonces ahí está mostrándonos y mensaje aquí, que es que no estás en adolescente. ¿ De acuerdo? Ahora aquí se puede ver sólo escribo 16. Entonces cuando acabo de refrescar esto, para que puedan encontrar que son adolescentes porque nuestras edades menores de 18 años justo aquí. Entonces este es un ejemplo muy básico, lo que cubrimos en esta conferencia. Ahora pasemos al complejo. Yo solo elimino esto porque les dice mucho más fácil chicos. Aquí estamos consiguiendo un formulario donde vamos a recoger el Marte o vamos a conseguir las calificaciones de los alumnos. Aquí se puede ver que las incidencias preocupadas cuelgan. Solo estoy creando uno de los formularios aquí mismo. Está bien. Entonces la forma aquí es en primer lugar, acabo de decir el nombre de la finca, que es igual a, solo escribiré esto es forma. Entonces después de esto aquí tengo derecho que, esa forma, lo siento, aquí tuve la acción correcta. Entonces acción aquí es que no nos apañamos a ninguna acción sobre eso porque no teníamos ninguno de los enlaces. Por lo que acabo de escribir este enlace en blanco justo aquí. Entonces, en primer lugar, como pueden ver, solo escribo el nombre del formulario porque necesitamos este nombre del formulario cuando solo estamos declarando este script JavaScript justo aquí. Entonces después de esto, dentro de este formulario, tengo que tomar una entrada de usuario. Entonces esto es entrada aquí mismo. Entonces entrada aquí es el tipo de texto donde V, Cómo escribir que un nombre. Entonces nombre aquí es tengo que escribir que este es un nombre del texto número uno. Y el valor aquí es, yo sólo conocía este valor como un espacio en blanco. Aquí sólo escribo el mensaje. Que es Por favor ingrese sus marcas. ¿ De acuerdo? Ahora solo tomo una entrada cualquiera, y la entrada aquí es el tipo de botón. Y luego después de esto, solo defino el valor de este botón significa ¿qué? Ponemos el nombre en ese botón. Si escribimos el valor aquí mismo en este campo de entrada. Entonces input insight, input field v, cómo se mostrará el valor predefinido a ustedes chicos. Después de esto, se puede ver que aquí acabo de definir el valor. Entonces valora aquí si el botón es hielo, ¿verdad? Consulta tu nota. Y acabo de cerrar el marcador aquí mismo. ¿ De acuerdo? O aquí puedes ver es la puntuación más cercana justo aquí. Ahora vamos a esta etiqueta de guión aquí mismo. En primer lugar, VR creando la función, y el nombre de la función aquí es cuadrículas. Aquí. Tengo que escribir eso en el método click. Y dentro del método OnClick, tengo que escribir que esto es portones. Ok? Y puedes ver que ahora después de esto, puedes ver aquí solo creo esta función, luego grado y solo pauso estas funciones en el método OnClick dentro de este botón. Ahora pasemos a la lógica de si la declaración. Dentro de una declaración if, En primer lugar, tengo el documento correcto a la declaración de salida. Entonces aquí solo escribo forma. Por lo que forma aquí es este nombre de formulario. Entonces tengo que escribir punto y luego solo escribo este texto número uno. Entonces estoy concatenando estos documentos con forma y texto aquí mismo, entonces tengo que escribir o tengo que aportar el valor. Esto significa que estoy aportando la lógica aquí mismo. Si tu formulario está coincidente, entonces eres texto es coincidencia, lo que significa que esta es nuestra forma. En primer lugar, eso obtendrá el valor de la firma. Entonces dentro de esta forma, tenemos algún tipo de barra de texto donde coincidirán sus textos. El resultado significa que los textos coincidirían con esta lógica de valor, por lo que eso nos mostrará la salida. Por lo que acabo de definir el valor aquí. Si las marcas son mayores a 90, entonces tengo que mostrar mensaje de alerta aquí mismo donde encontrarán que el grado es un audio o cuadrícula justo aquí. Espero que así sea. Este concepto es claro para ti por si este concepto no se iguala significa si no se cumple este valor, entonces eso irá al bloque else de código donde simplemente me defino el uno al otro if statement. Eso se puede ver. Y la declaración si aquí es que puedes ver tengo que escribir el documento una vez más. Y esto documenta y una vez más, yo su vista. En primer lugar, eso hará la forma, luego eso coincidirá con el texto número uno. Y entonces solo proporciono los valores si estas dos cosas se emparejan. Entonces eso simplemente irá a eso, que si las calificaciones son mayores a 80. Y así se puede ver aquí que V están obteniendo la lógica del operador n justo aquí, porque estamos comparando dos valores aquí mismo, lo que significa que se puede ver el valor es mayor a 80. Y se puede ver aquí sólo escribo que documentos punto formulario texto1. Aquí puedes ver el valor. Por lo que se puede ver si el document.write form dot text number one dot value es mayor que 80 y documents.Findone text number one dot value es menor que 90. Entonces tienes que escribir mensaje de alerta donde puedes ver que eres grado es. Entonces en primer lugar, tenemos la grilla, aquí hay un plus, y aquí tienes la grilla es una esperanza. Entonces entiendes ahora que de qué lógica estoy hablando aquí mismo. Ahora, lo mismo es un caso. Se puede ver que tengo que copiar este otro bloque de código. ¿ De acuerdo? Y entonces aquí tengo que pegar este bloque de código aquí mismo. Aquí, solo estoy cambiando el valor que si el valor es mayor a 70 y menor a 80, entonces hay que proporcionar el grado es b plus. Entonces se pueden ver otro bloque de código. Y dentro de este bloque de código else, solo estoy definiendo la declaración if. Entonces si el valor es mayor que 60 y menor que 70, entonces te diablos el grado B justo aquí. ¿ De acuerdo? Ahora, después de esto puedes ver aquí que nos estamos moviendo a este otro bloque de código donde solo muestro el mensaje de alerta. Y el mensaje de alerta aquí es si no se cumple ninguna de estas declaraciones. Por lo que tienes la cuadrícula C justo aquí. Entonces este concepto es mucho más claro para ustedes chicos. Ahora, les diré la lógica de estos son donde se puede ver que en primer lugar, tenemos la declaración if. Por lo que este es nuestro control de flujo del programa, donde se puede ver que si nuestra declaración es match significa que el usuario tiene 90 marcas más. Por lo que esta declaración es igualada y que ejecutará este bloque de código y nos mostrará el resultado como usted muerto, usted sostuvo la calificación. Si esto no se cumple, entonces eso se moverá a este otro bloque de código justo aquí y aquí que nos va a mostrar, que va a comprobar este enunciado aquí mismo, entonces eso está coincidiendo con el resultado en 8070 o 60 significa que los usuarios diablos 80 marcas. Entonces eso correrá este bloque de cuatro y visto como un caso como aquí y aquí, si ninguna de estas afirmaciones es cierta aquí mismo, significa que la salud del usuario 59 meses o los usuarios salud 50 ml, entonces esta alerta Grado C y el bloque L de se ejecutará el código. Esperanza así este concepto sea claro para ustedes chicos y ustedes entenderán por lo que estoy preguntando. Ahora como puedes ver, solo copio este código y lo pego en la sección de encabezado. ¿ De acuerdo? Porque cuando solo estás escribiendo el archivo de script, por lo que es muy importante que tengas que escribir tu archivo de script en archivos de encabezado y solo tienes que ir al navegador, refrescar esto, y aquí puedes ver que por favor ingresa tus marcas. Por lo que sólo escribo 90 marcos aquí. Y aquí solo hago clic en el botón. Por lo que se puede ver que dentro de este V, Cómo el grado, que es un plus. Ok. Aquí sólo escribo que estas son las 80 marcas. Consulta tu grado B, cómo la grilla aquí es una, ¿de acuerdo? Ahora aquí sólo escribo que 48 marcas. Comprueba que eres bueno. Y v, cómo el Grado C justo aquí, como se puede ver con la ayuda de si lo demás Programa v, cómo crear este sistema de calificación en el JavaScript. Esto no es un sistema de gradación, pero hay que calcular tu cuadrícula que puedes ver. Entonces este es nuestro ejemplo de la vida real, lo que tienes que estudiar en esta conferencia espera ¿esta conferencia te queda muy clara? Y si no, si no lo entiendes, cómo podemos declarar este grado, ¿cómo podemos declarar esta declaración si? Cuál es la declaración L mano derecha y por qué estamos declarando esta afirmación si. ¿ De acuerdo? Para que puedas publicar tu pregunta. Y si tienes alguna pregunta con respecto a este código HTML también, por lo que puedes publicar tu pregunta. Voy más despacio porque este es un curso muy inicial y aquí estoy te enseño cada mota del JavaScript para que puedas publicar cualquier pregunta. Si tienes. Gracias por mirar, por favor házmelo saber. 20. Javascript si más si los demás si de la declaración: Oigan chicos, bienvenidos de nuevo a esta conferencia. En esta conferencia estamos pasando por el otro si las condiciones en JavaScript. El if else if condition o statement es una forma avanzada de si las declaraciones. Eso es permitir que JavaScript tome decisiones correctas fuera de varias condiciones. Al igual que en la última conferencia, han visto que ejecutamos dos ejemplos. Pero no les diré en el segundo ejemplo que lo que estamos haciendo. Simplemente estaba enfocado en el concepto de las declaraciones else-if a ustedes chicos. Como pueden ver, sólo les digo la hora del servidor. Esta es la declaración if que está dentro de la otra. Por dentro de esta afirmación else. Aquí. En la conferencia de hoy, les diré que cuál es la declaración if, entonces else statement, y luego si de nuevo. Entonces como se puede ver en la última conferencia, hemos visto que usamos primero if statement, luego usamos else-if statement. Y después de esta declaración else-if, volvimos a utilizar if statement. Por lo que en esta conferencia nos enfocamos totalmente en esta conferencia. Entonces como pueden ver, primer lugar, vamos a iniciar nuestro código. Entonces esto es el inicio del código aquí mismo. Entonces aquí correrás tu condición. Simplemente escribo el nombre de esta condición como la. Entonces supongamos v, cómo una otra condición. Supongamos que esta condición aquí es de dos y sumamos el último vehículo. Otra condición, lo que significa que esta es la condición número tercero justo aquí. Entonces esta es la declaración de la condición uno. Esta es una declaración de las condiciones dos, y ésta es una declaración de la condición tres. Y aquí vamos al otro bloque de código aquí mismo. Y entonces estamos escribiendo que esto es sólo una salida o un final, ¿de acuerdo? Como pueden ver, que nuestro código es a partir de entonces? Si nuestra, esta condición es igualada, supongamos aquí solo escribo que si a es mayor que cinco, ¿vale? Entonces si esta condición es verdadera, entonces se ejecutará este bloque de código o se ejecutará esta sentencia. Y simplemente hay programa irá al estado de meta aquí mismo. Si no se cumple esta condición, entonces el flujo del programa irá a la siguiente iteración, que está en la condición número dos. Supongamos que solo paseo si el valor de a es mayor que diez o menos que diez. O cualquier lógica que quieras crear aquí mismo. ¿ De acuerdo? Supongamos que decido si el valor de a es mayor que cuatro, entonces si esto es cierto, entonces se le ejecutará esta declaración. Y simplemente el flujo del programa irá al estado de salida. Si no tuviéramos ninguna de estas dos condiciones. Entonces este flujo de programa llegará a las iteraciones del tercer ojo. Y supongamos aquí que el infierno, si el valor de a es mayor que tres, entonces V, ¿Cómo ejecutar esta declaración si? Y si esta afirmación es cierta, entonces eso pasará a la etapa terminada. Ahora, la pregunta aquí es. Entonces si no hay nada de esta afirmación es verdad, entonces ¿qué bloque de código se ejecutará? Entonces el flujo del programa será directamente ir al bloque else justo aquí. Eso se puede ver. Y luego aquí que va a ejecutar el bloque de código más e ir al estado de meta. Entonces, de ahí que un usuario pueda decidir entre múltiples opciones aquí mismo. El JavaScript, si las sentencias se ejecutan de arriba hacia abajo. Tan pronto como una de las condiciones controla el if es cierto. El enunciado asociado con eso si se ejecuta y la prueba, o lo siento, agregue el resto de la condición Java o si la letra es por un pos, si ninguna de la condición es verdadera en esa etapa, se puede ver aquí, si ninguna de la condición es verdadera, entonces el bloque final de declaraciones se ejecutará aquí mismo. A medida que llegamos a la, nuestro último programa justo aquí se puede ver, se puede ver v cómo en primer lugar, si declaración, después de esta sentencia if v, cómo el resto bloque de código aquí, y después de este bloque de código v, cómo un extremo de la declaración if justo aquí. Se puede ver el flujo del programa. Si esta condición es verdadera, entonces eso irá a la, entonces eso irá a ejecutar este bloque de código que es una cuadrícula de alerta un plus. ¿ De acuerdo? Si esta afirmación no es cierta, se puede ver aquí, aquí simplemente escribimos el envío de eso. Y si esta afirmación no es cierta, entonces eso irá a la declaración if otra vez aquí mismo, entonces eso comprobará otra condición. Y se puede ver si ninguna de estas condiciones es cierta. Entonces agregan las leyes que imprimirán que tienen el Grado C. Ok, por lo que este concepto es mucho claro para ustedes chicos. Ahora, voy a correr ejemplos, ¿verdad chicos? O En primer lugar, les contaré sobre la sintaxis de la sentencia if. Y se puede ver aquí que tenemos, lo siento, tenemos con rapidez la declaración if. Entonces tenemos la condición justo aquí. Revisaremos aquí las condiciones. Y luego después de esto, ejecutaremos la declaración o el bloque de código aquí mismo. Entonces escribimos otra cosa. Si las condiciones parecen como un caso como nuestro viejo ejemplo. Y luego revisaremos nuevamente la condición y ejecutaremos el bloque de código obsoleto y pararemos ahora. Ahora aquí puedes ver que acabo de escribir etiqueta de guión. Y dentro de esta etiqueta de guión, solo creo una variable. Entonces variable aquí se deja suponer v, ¿cómo? El variable es salario, ¿de acuerdo? O simplemente escribo mi salario. Y entonces mi salario aquí es, supongamos 5 mil, ¿de acuerdo? Y entonces aquí acabo de crear que tu salario. ¿De acuerdo? Y tu salario aquí es que acabo de escribir para 5041500. Ok. Ahora solo comprobemos lo que hago aquí. Como se puede ver. En primer lugar, solo escribo si declaración y si mi condición aquí es mi salario, si mi salario es mayor que tu salario, entonces ejecuto el bloque de código, que está alerta. Y alerta aquí está mi salario. Es mayor que tu salario. Entonces usted entiende ahora, si esta declaración se hace aquí mismo, para que ejecutemos este bloque de código. De lo contrario, eso irá a la declaración else. Y luego dentro de esta declaración else v, cómo el uno al otro si declaración. Y yo solo escribiré eso mi salario, que es menor que tu salario. Así que imprime un mensaje aquí mismo, que es el mensaje de alerta. Y el mensaje de alerta aquí es que mi salario es menor que tu salario. Espero que así consigas el significado de que de lo que estoy hablando. En primer lugar, tenemos la declaración if. Si esta declaración es verdadera, eso ejecutará este bloque de código. De lo contrario que vamos a pasar a la declaración else y entonces eso se llevará unos a otros if statement justo aquí, y te mostraremos el resultado de salida justo aquí. ¿ De acuerdo? Entonces aquí se puede ver v, cómo el uno al otro else-if declaraciones. Entonces se puede ver que como si, si esta afirmación no es cierta, entonces eso se moverá otra vez por el álgebra. Y aquí, v, cómo la declaración justo aquí. Y se puede ver aquí tenemos la declaración, o la condición justo aquí, que es si mi salario, que es igual a tu salario, entonces ejecuta el bloque de código, que está alerta y comando alerta aquí es, yo escribiría que mi salario es igual a tu salario. Espero así que entiendas ahora, si ninguna de las condiciones se cumplen aquí mismo, entonces tendrás que escribir el bloque S de código. Pero aquí en esa etapa, no necesitábamos nada de eso. Ya puedes ver ahora solo estoy ejecutando el marcador y el navegador. Y puedes ver que el mensaje de alerta aquí es que tienes derecho, ese document.escribir y luego tienes que pasar tu mensaje. Entonces el mensaje de alerta aquí es mi salario es mayor que tu salario porque mi salario aquí es de 5 mil y tu salario aquí es de 4 mil 500. Y si solo escribo eso 6 mil aquí, y entonces solo voy al navegador y refresco esto. Por lo que puedes ver aquí mi salario es menor que tu salario. Entonces solo voy a la igual a n aquí solo escribo que esto son 6 mil. Refresca esto. Aquí puedes ver que mi salario es igual a tu salario. Entonces esta es la lógica y la lógica simple de la sentencia if, else if. Espero que así, se obtiene eso como usamos if y else if statement. Los puntos clave que hay que recordar cuándo, cuando se está trabajando con si else if statement o algo así. Por lo que el uso de condición if-else es declaraciones para controlar el flujo de programa. ¿ De acuerdo? Si desea utilizar esta declaración if else, esto significa que tiene que controlar el flujo del programa. Javascript incluye formas de condiciones if, que son if condition, if else condition y else-if condition. Recuerda que la condición if debe infierno expresiones condicionales en el corchete CME como un caso así, puedes ver que has escrito la sentencia if sólo en los corchetes. Y cuando apenas estás escribiendo el bloque de código. Entonces tienes que escribir corchetes rizados con eso. De lo contrario condición debe colocarse sólo una vez al final. Y debe venir después. Si eres ninguna de la condición es cierta. Entonces esto es justo y lógica de la si otra si la declaración espera. ¿ Entiendes eso? Si no lo estás, por favor házmelo saber y gracias por ver esta conferencia. 21. El operador de tarnos: Oigan chicos, bienvenidos de nuevo a esta conferencia. En esta conferencia estamos pasando por el operador ternario en el JavaScript. puede utilizar un operador ternario para reemplazar las declaraciones if-else en las ciertas situaciones. Antes de enterarse de los operadores ternarios, asegúrese de que su concepto sea mucho más claro sobre si else declaración sobre lo que ya estudiamos. En primer lugar, a operadores ternarios, perderé nuestras condiciones y ejecuta un bloque de código basado en la condición. La sintaxis del operador ternario es en primer lugar, hay que andar condición, ¿de acuerdo? Después tienes escritura, signo de interrogación, signo, y luego tienes que evaluar primeras expresiones, luego dos puntos, y luego tienes que elevar tu segunda expresión. Los operadores ternarios. Esperaré las condiciones de prueba. Si la condición es verdadera, eres expresiones rápidas aquí se ejecutarán. Y si tu condición es falsa, entonces eres segundas expresiones se ejecutarán aquí mismo. Entonces usted entiende ahora, aquí se puede ver que los operadores ternarios rompen tres operandos, ahí el nombre operador ternario. También se le conoce como el operador condicional también. Ahora, estamos pasando a nuestro ejemplo de codificación. En primer lugar, estoy creando una variable. Supongamos que nuestra variable aquí son marcas, ¿de acuerdo? Ahora aquí tengo el puntaje correcto. Tan pronta como saben, este es un cuadro de diálogo de prom y aquí sólo escribo eso en sus marcas aquí mismo. ¿ De acuerdo? Y entonces aquí se puede ver que tengo que cerrar esto con punto y coma. Ahora, aquí se puede ver que tengo derecho, una reserva. Entonces reserva que es igual a aquí, solo escribo que en primer lugar, tenemos que llamar a esta variable marcas justo aquí. Y entonces aquí tengo que escribir que si las marcas son mayores que porcentaje de 40, ¿vale? Entonces tienes que escribir el grado aquí es pausa. De lo contrario, tienes derecho, que te fallaron el examen. Aquí se puede ver V, Cómo tres, sólo les digo que aquí tenemos los tres operandos, más d v Cómo la condición aquí, entonces tenemos expresiones rápidas y las segundas expresiones aquí. Aquí tenemos las condiciones. Supongamos que las marcas son mayores o iguales a 42. Se te da resultado aquí se pasa. De lo contrario fallas el resultado. Se quiere darle 50 marcas aquí, o se quiere darle 30 marcas aquí. Esto depende de ti. Ok? Ahora aquí después de esto tengo que escribir ese documento. Y document.escribir aquí es tengo que escribir esa u Y entonces aquí se puede ver que tuve que su resultado es. Y entonces aquí tengo que escribir ese resultado aquí mismo. Yo solo llamo a esta variable aquí mismo. ¿De acuerdo? Ahora aquí se puede ver que tengo que ir al operador ternario aquí mismo y luego refrescar. Check in the browser. Si solo presiono 30 marcas y presiono el ok, así que puedes ver aquí que eres resultado aquí es fallar. Si tan sólo escribo 40. Entonces puedes ver que eres resultado aquí es si solo escribo 90, así que igual es el caso como tu resultado aquí se pausa. Entonces aquí puedes ver que escribimos tres valores diferentes como 304090 justo aquí. En primer lugar, eso comprobará la condición aquí es Marx. Entonces si Marte es menor o mayor que o igual a 40. Entonces si esto es menor a 40, así será esta expresión, escribiré aquí, si esto es igual a 40 o mayor a 40. Por lo que esta expresión de POS es evolutiva aquí mismo. Esperemos que entiendas ahora que lo que es un operador ternario, que sing reemplazó al operador ternario y cómo podemos usar el operador ternario si encuentras algún otro problema con respecto a esta conferencia, por favor házmelo saber y gracias por viendo esta conferencia. 22. El evento de clic (en click): Oigan chicos, bienvenidos de nuevo a esta conferencia. En esta conferencia vamos a enfocarnos en los eventos onclick. Pero antes de iniciar el evento onclick, sólo necesitamos entender que ¿cuáles son los eventos? Un evento es algo que sucede cuando el usuario interactúa con la página web, como cuando hizo clic en un enlace o un botón. Voy usuario ingresará un metido en el cuadro de entrada son el área de texto. O bien un usuario hizo una selección en el cuadro de selección o presionando las teclas del teclado. Estos todos nuestros eventos de tarjetas o el usuario moverán el cursor del ratón o enviando algunos tipos de formulario. Todos estos se llaman eventos. En algunos casos, el propio navegador puede desencadenar el evento como la carga de página o los eventos de descarga de página, ¿de acuerdo? En JavaScript, hay que interactuar con HTML se maneja a través los eventos Eso ocurre cuando el usuario o el navegador manipulan una página. Supongamos que cuando se carga una página se llama incluso cuando los usuarios hacen clic en un botón, como acabo de decir, esto se llama yo sabía en, o el usuario va a hacer clic en el, o usuario va a enviar algún tipo de casas. Estos son todos los eventos de tarjetas. desarrollador puede usar estos eventos para ejecutar la respuesta cotizada de JavaScript, lo que provoca que el botón cierre la ventana. Los mensajes a mostrar a los usuarios y los datos a ser válidos. Y esto es como prácticamente cualquier otro tipo de respuesta imaginable. Los eventos se utilizan en los tres tipos. En primer lugar es como, puedes usar eventos en el DOM. Después tienes que usar eventos en HTML, o tienes que usar los eventos en el código JavaScript. Ahora te diré que cómo podemos hacer click, cómo podemos usar onclick. Incluso los eventos de click ocurren cuando el usuario hará clic en el elemento de la página web. Supongamos que aquí solo estoy dando clic en los Googles para esta tarjeta, esto es click un, o solo estoy dando clic en este botón. Por lo que esta tarjeta, este es un evento click. Veamos cómo podemos crear estos eventos de click. Entonces, en primer lugar, tengo que escribir esta etiqueta de guión. Dentro de esta etiqueta de script, tengo escribir, déjame suponer document.write, y cuando acabo de hacer clic en botón, así que aquí el mensaje es, me suena que esto está en click, evento en botón. ¿ De acuerdo? Entonces tengo que cerrar este código aquí mismo. Ahora veamos. Aquí solo estoy creando una de la etiqueta de párrafo donde acabo de decir que esto es on click event. Y después de estos, estoy configurando estos eventos onclick en el botón donde acabo de escribir eso en la entrada de puerto, que es el tipo de botón. Y aquí se puede ver que el botón aquí está encendido. Haga clic desactivado. Entonces entiendes ahora que este es el evento onclick, estoy sentado en este botón. Aquí. Simplemente defino la función. La función aquí está en click uno. Y entonces aquí puedes ver solo copio y pego esto en este texto aquí mismo. Ahora aquí solo estoy llamando a este evento onclick aquí mismo. ¿ De acuerdo? Ya trabajamos con eso, pero aquí solo necesitas entender que ¿cuáles son el evento onclick? Y aquí acabo de decir el valor de que está en evento click. Y entonces tengo que cerrar este código aquí mismo. Simplemente voy al navegador y compruebo este resultado. Entonces cuando solo haga clic en eso, para que puedan ver aquí, la página de la ventana se moverá a la siguiente etapa donde se puede ver que este es evento onclick, ¿de acuerdo? Aquí. Esta es nuestra etiqueta de párrafo, una etiqueta p. Este es el valor del evento on-click, y este es un botón cuando solo muevo el cursor del mouse sobre él, y solo daré clic en esto. Entonces esta función se ejecutará justo aquí y esto me está mostrando la salida aquí, que es este el evento onclick en el botón aquí se puede ver. Entonces lo consigues, que cuál es el evento onclick y cómo podemos usarlo. Ojalá entiendas si encuentras alguno del problema con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 23. El evento de mouseover (onmouseover): Oigan chicos, bienvenidos de nuevo a esta conferencia. En esta conferencia estamos pasando por la boca o evento en el script java. O se puede decir que el onmouseover o en el ratón fuera. Estos dos son lo mismo. Por lo que estos dos tipos de eventos te ayudarán a crear bonito efecto con imagen o evento con el texto también. El mouse o eventos se activan cuando traes el mouse sobre cualquier elemento y el mouse out se disparan cuando haces el mouse, cuando mueves el mouse fuera de los elementos, solo intentemos cómo podemos trabajar con él. Aquí puedes ver esa facilidad o cómo crear la función. Entonces esta función aquí mismo, lo siento, primer lugar, tengo que crear la etiqueta JavaScript, y esta es una etiqueta de script. Y dentro de esta etiqueta de guión, en primer lugar, estoy distribuyendo las dos funciones donde tuve que escribir esas funciones para el mouseover. Y aquí tengo que crear una función otra para el ratón fuera. De acuerdo, ahora aquí voy a ir a esa etiqueta de guión, lo siento aquí , etiqueta HTML, donde tuve que escribir esa de la etiqueta DIV. Y entonces aquí se puede ver que aquí sólo escribo eso con el ratón sobre. En primer lugar, tengo que tomar este nombre de función como el más o que es igual al ratón, lo siento, al pasar el ratón. Y aquí se puede ver que tengo derecho, que es igual a, en primer lugar, tengo que tomar este nombre de función como el autor. Entonces aquí se puede ver que tengo derecho el ratón fuera. Entonces esto está en el ratón fuera, evento y cabello. Tengo que escribir que un nombre de función como el directo aquí. Y entonces tengo que anotar más cercano. ¿ De acuerdo? Ahora aquí solo defino un rumbo justo aquí. Supongamos que esto es la partida número dos, y aquí está, correcto, este es el cuerpo de la función. Aquí. Vamos a la función Hora y yo solo escribo que este es el documento y documento.escribir donde tenía derecho, que esto es mouse o te voy a decir, o te voy a explicar este curso y solo estoy ejecutando este programa. Por lo que el hielo derecho de nuevo es documento y documento.escribir. Y aquí tengo que escribir que esto es ratón fuera y núcleo más cercano. Aquí solo ejecuto este código. Y se puede ver, entonces cómo son estas funciones del mouse over y mouse out. La mayoría de los eventos fuera funcionan. Como se puede ver que cuando simplemente me muevo el ratón sobre él. Para que se pueda ver que esto está cambiando su valor de que son ratones o se puede ver eso. Se puede ver. Y se puede ver aquí cuando muevo este ratón aquí, así que eso está cambiando es valor aquí mismo. Entonces este es el trabajo real que a qué eventos mouseover, ¿de acuerdo? Por lo que los eventos con el ratón se producen cuando el usuario, o cuando el usuario mueve el puntero del mouse sobre el elemento, como se puede ver aquí, se puede ver eso y los eventos del mouse out ocurren cuando los usuarios movieron el puntero del mouse fuera del elemento eventos. Entonces les diré ahora que cómo podemos trabajar con raton out evento también. Igual es el caso, como se puede ver aquí, que ya trabajamos con este evento mouse out aquí mismo. Supongamos aquí estamos creando un botón. Entonces Burton aquí es el tipo de entrada que es un tipo de botón. Y luego aquí se puede ver que un primer año Cómo Crear, Crear al ratón hacia fuera. Se fue justo aquí. De acuerdo, y aquí tengo que mostrarles el mensaje de alerta a ustedes chicos donde acabo de escribir eso. Este es el evento mouse out. ¿ De acuerdo? Y aquí se puede ver que después de esto tengo que cerrar este núcleo. Ahora aquí se puede ver que ES correcto, que este es evento mouse out justo aquí. ¿ De acuerdo? Ahora, acabo de reformular esto. Por lo que puedes ver aquí cuando solo muevo el ratón o este botón. Por lo que puedes ver que mensaje de alerta se me muestra que este es el ratón fuera incluso N1, solo tienes que dar click en este botón. Entonces puedes ver aquí, esto también es un mouse, o ojalá consigas que cómo podemos crear el mouse over y mouse out event en el JavaScript. Si encuentra algún otro problema con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 24. Evento de carga de Javascript: Oigan chicos, bienvenidos de nuevo a esta conferencia. Y en esta conferencia vamos a hablar del evento de carga en el JavaScript. Los acontecimientos del Señor ocurren cuando se ha cargado un objeto. Onload es el evento más utilizado dentro del elemento body para ejecutar como script. Una vez cargada una página por completo, todo el contenido que hay incluyendo imágenes, es archivo de script y los archivos CSS, etcétera. Ahora aquí te diré que cómo podemos trabajar con ello. En primer lugar, aquí, dentro de esta etiqueta de cuerpo, solo estoy ejecutando el evento aquí mismo, donde se puede ver que cuando el cuerpo está cargado, cuando cargamos el cuerpo, por lo que se producirá el evento Hair onload. Y aquí tengo que escribir que esto es sólo un mensaje de alerta de punto de ventana. Entonces solo les estoy mostrando el mensaje de alerta a ustedes chicos donde ayudé a escribir esa página está cargada con éxito. Entonces lo consigues. Y acabo de cerrar este código aquí mismo. Ahora dentro de esta etiqueta de cuerpo aquí tengo que escribir una de las etiquetas de guión. Y yo sólo escribo que esto es documento y documento.escribir. Y aquí tuve razón que esta es la página se carga con éxito. Ok, y aquí tengo que cerrar este código aquí mismo. Espero que así lo consigas. Cómo En primer lugar estamos, tenemos la etiqueta del cuerpo. Dentro de esta etiqueta corporal. Solo estoy ejecutando este evento onload aquí mismo. De acuerdo, entonces aquí solo les estoy mostrando el mensaje de alerta a ustedes chicos de que la página se carga con éxito. Y dentro de esta etiqueta de guión, aquí hemos ejecutado este guión. Vamos a revisar. Aquí. Simplemente voy al navegador y compruebo eso. Entonces puedes ver aquí que este es el evento de carga de página, pero este evento onload no está funcionando aquí mismo. Sólo por aquí, acabo de hacer un pequeño error donde acabo de escribir esta L como la capital aquí mismo. ¿ De acuerdo? Ahora, vuelve a refrescar esto. Y y la página aún no está cargada porque sí, aquí nos falta algo. Aquí tenemos que escribir una comilla simple sólo por lo que ya se dio son comillas dobles. Por lo que eso sustituirá a eso. Y se puede ver aquí una sola cita de nuevo. Y ahora aquí solo estoy refrescando esto. Entonces cuando acabo de refrescar este cuerpo de página, así que mi evento de carga se está ejecutando aquí mismo, lo que me está mostrando la opción o el mensaje justo aquí. Esa página se carga con éxito cuando solo presiono. De acuerdo, entonces este mensaje se me muestra a mí. Entonces puedes ver aquí el espacio encendido, vale, así que después de este mensaje, nuestro cuerpo de página será ejecutado. Esperemos que lo entiendas ahora. Por lo que esto es sólo un evento de página onload. Si encuentra algún problema con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 25. Eventos de teclado de Javascript: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia, les contaré sobre los eventos clave abajo en el javascript o los eventos de teclados en el JavaScript. En primer lugar, les diré los eventos clave abajo. El evento key down y los eventos key up proporcionan un código que indica qué tecla se presiona. Por qué el prensado de deslizamiento indica qué personaje estaba entrando. Por ejemplo, una minúscula a se reportará como un 65 por tecla abajo y la tecla hacia arriba, pero como 95 por la prensa de árbol y mayúscula se requiere como el 65 por todos los eventos clave. Comprobemos que cómo podemos trabajar con eso, y cómo podemos trabajar con este evento de clave de JavaScript. Aquí. En primer lugar, he escrito etiqueta H1 donde acabo de probar eso. Por favor, ingrese algo. Está bien. Entonces después de este pelo, escribiré una de las etiquetas de guión. Y dentro de esta etiqueta de script, posiblemente tenga que crear la función. Y la función aquí es que tengo escribir que este es un evento key down. Este es cualquier nombre de función. Por lo que es un nombre de función. Tienes que escribir cualquiera del nombre de la función aquí mismo. Ahora aquí tengo escribir que este es documento y documento punto aquí tengo escribir, document.escribir o tienes derecho, tengo document.getElementById. Esto depende de ti. Por lo que puedes ver aquí, tengo escribir ese document.getElementById. Y oye, he derivado que esto está en puerto por usuario, ¿de acuerdo? Y aquí después de esto me había montado ese mensaje de alerta. Y mensaje de alerta aquí es ojos a la derecha que presionan cualquier tecla o presionan una tecla. Ahora aquí tengo que ir a la entrada In port. Aquí está el tipo de por tonelada, o, lo siento, primer año cómo escribir entrada es un tipo de texto. Y luego aquí un hidruro ese ID, que es igual a aquí. Se puede ver eso, lo siento, más D, sólo estoy consiguiendo la identificación aquí mismo. Supongamos que esta es la importación número dos, y se puede ver aquí que esto es n para el número dos aquí, que es IID. Y aquí tengo anotar el evento key down. Y ahora aquí solo estoy ejecutando este nombre de función donde he escrito que esta es una clave abajo y luego tuve que cerrarla con paréntesis. Entonces entiendes ahora que cómo podemos trabajar con un evento key down. Ahora solo estoy ejecutando esto en el navegador. Y aquí se puede ver la vista. Hola. Por lo que puedes ver aquí presionas cualquier tecla. Entonces aquí sólo fui a presionar otra vez tecla. Por lo que se me muestra este mensaje de alerta. ¿ De acuerdo? Entonces puedes ver aquí estoy expresando cualquiera, cualquier clave aquí mismo. Para que se pueda ver eso. Y ahora puedes ver cuando solo presiono cualquier tecla aquí mismo. Por lo que se me muestra este mensaje que presionas algo aquí en la vista de texto. Entonces este es auto, la llave hacia abajo, incluso. Espero que así lo entiendas ahora. ¿ Y cuál es la llave hasta par? Entonces el evento keyup es cuando solo estás presionando algo en eso, como si solo presionara cualquier cosa en la tecla. Entonces este es el trabajo como un CME, como una muñeca clave. Ok, así que no te preocupes por eso en el lugar de eso, tienes que simplemente escribir, supongamos que tienes que escribir el evento clave, ¿de acuerdo? Esto es lo siento. Esto es clave en key up. ¿De acuerdo? Ahora aquí puedes ver esto es 19. Las caras cuando solo presiono algo. Por lo que puedes ver aquí esto también está funcionando aquí mismo. Esperemos que entiendas tu concepto tanto claro sobre el evento de teclados. Si encuentra algún problema de dos con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 26. El evento de enfoque: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar de los eventos enfocados en script java. En primer lugar, nos enteramos de eso. ¿ Cuál es la fórmula cuando se dispara un evento de formulario? Cuando un control de formulario engaña o pierde el enfocado o cuando el usuario modifica un valor de control de formulario, como escribir el texto en el área de entrada o un área de entrada de texto, o seleccionar cualquier opción en un cuadro de selección, etcétera. Por lo que en ese caso, el evento de formulario se viene en la fila. Ahora, veremos que ¿cuál es el foco? El evento de foco se dispara cuando el CVE elemental o pierde el enfocado. Hay dos medios, e, eventos de foco los cuales están enfocados y el desenfoque. El evento de enfoque se dispara cuando un elemento ha recibido el foco y los eventos de desenfoque se disparan cuando el elemento tiene el foco. Veamos en un ejemplo de codificación que cómo podemos crear este evento de desenfoque y enfoque. Aquí. En primer lugar, estoy creando la forma. Y ahora se puede ver que esta es la forma que es el ideal del hielo, ¿no? Esa idea forma aquí mismo. ¿ De acuerdo? Ahora aquí escribiré una entrada de usuario. entrada es el tipo de, lo siento, este es el tipo de texto. Y entonces aquí escribiré que este es un tenedor de lugar y el aire del tenedor del lugar es nombre de usuario, lo que significa que esta es tu granja. ¿ De acuerdo? Lo sentimos, este es tu texto en por barra. Y cuando se está ejecutando la discordia, por lo que un nombre de usuario será un placeholder en este campo de texto. ¿ De acuerdo? Ahora aquí puedes ver que tengo que escribir input, que es un tipo de contraseña. Entonces, ¿por qué acabo de escribir hyp password justo aquí cuando justo hiper derecho, cuando solo escribes contraseña en este cuadro de texto. Por lo que me tipo estérico vendrá a usted y su posible será hidratado aquí. De acuerdo, ahora aquí se puede ver que tengo derecho el placeholder, que es lo posible aquí mismo. De acuerdo, ahora como pueden ver, solo creo un campo de texto o los cuadros de texto aquí mismo. Ahora, si sólo les dirijo este curso a ustedes chicos. Entonces puedes ver aquí, estos son los dos tipos de campos de texto aquí mismo. ¿ De acuerdo? Ahora pasemos a este guión. Plus dv proporcionará la constante. Entonces, ¿cuál es la constante aquí? Entonces la constante aquí es la palabra clave y las declaraciones constantes crean nuestra referencia de sólo lectura a un valor. Y no significa que el valor se almacene sea inmutable. Y palabra simple, cuando se acaba de escribir la constante, esto significa que el valor no puede ser cambiable. ¿ De acuerdo? El valor constante aquí, como se puede ver, el valor de pi o el valor de esa gravedad. ¿ De acuerdo? Espero así que tu concepto sea mucho claro sobre la constante aquí mismo. Por lo que sólo escribo constante como la contraseña. Lo que significa que el valor de la contraseña no será cambiable aquí mismo. Aquí solo escribo documento punto i zancada Curie. Y aquí está el selector Curie. ¿ De acuerdo? Por lo que los métodos del selector QT devuelven el primer elemento que se especifican coincidencias. Css es script en documentos. De acuerdo, ahora vamos a ver que sólo estamos tomando la entrada del usuario. Entonces aquí tenemos la entrada que es el tipo de y el tipo aquí que es igual a, yo había llegado, esta es la contraseña, y tengo que cerrar este código después de esto. Ahora aquí solo escribo que la contraseña dot add event listener. ¿ De acuerdo? Los métodos add event listener le permiten agregar oyente de eventos en los objetos DOM HTML como elemento HTML. Aprenderemos estos en próximas conferencias también cuando solo estemos trabajando con DOM. Y aquí se puede ver que en primer lugar, sólo estoy dirigiendo el asunto de enfoque. Como te acabo de decir, es el enfocado y aquí tengo escribir ese E o tienes evento de escritura, esto depende de ti, ¿de acuerdo? Entonces solo escribo e aquí para los eventos porque solo estoy dirigiendo el evento aquí mismo. Y luego después de esto, tengo que escribir ese e dot targets. Por lo que solo estoy apuntando a las ubicaciones. Y aquí escribiría estilo. Y el estilo aquí es el fondo. Lo que significa que solo estoy poniendo el fondo como el azul justo aquí. Como puedes ver que en primer lugar, solo estoy apuntando al oyente de eventos add, lo que significa que estás usando esto importa para permitir agregar oyente de eventos en los elementos HTML, vale, y luego aquí solo estoy enfocando el fondo de esta contraseña, ¿de acuerdo? Ahora, después de esto estoy dando a conocer este núcleo. Y ahora aquí tengo que escribir que esta es la contraseña y contraseña o agregar oyente de eventos. Y entonces aquí tengo escribir que esto es sólo un borrón también. ¿ De acuerdo? Entonces este es el evento de desenfoque. Y entonces tengo escribir que esto es igual a E dot target, y el punto objetivo es Tile y es mosaico punto. Aquí solo escribiré que este es el color de fondo. Y este es el color de fondo aquí mismo. Te ayuda a entender ahora y parece un caso como aquí, este es el color de fondo aquí mismo, ¿de acuerdo? Y el color de fondo aquí es la cuerda vacía porque ya ha orientado este color de fondo aquí mismo. Y entonces aquí voy a verter el puntaje más cercano justo aquí. ¿ De acuerdo? Como pueden ver que acabo de establecer algún tipo de eventos de enfoque en el campo de contraseña donde acabo de cambiar el texto. Color de fondo como todo n Este es el evento de desenfoque aquí mismo. Entonces como solo para revisar ese coro eventos borrosas cuando un elemento tiene bajos, el foco. Sólo vamos a ver. Acabo de ejecutar este puntaje. Y cuando solo haga clic en esta contraseña, para que pueda ver aquí y luego simplemente haga clic en el campo de contraseña. Por lo que el evento de enfoque se está ejecutando aquí mismo y cuando solo estoy sacando esta contraseña gratis. Entonces aquí se puede ver que este es el foco directo aquí o perder el foco como el evento de desenfoque. Te ayuda a entender. Ahora en este ejemplo, les diré que cómo pueden manejar los eventos enfocados y los desenfocados. Cuando te mueves al foco como un campo de contraseña, el color de fondo cambia al azul justo aquí puedes ver. Y si tú, si mueves los cursores del ratón haz el nombre de usuario o cualquier otra cosa. Por lo que esto cambiará su color como el blanco justo aquí. Además, esto es mucho comprensible para ti. Se puede ver aquí que sólo estoy escribiendo esta contraseña aquí mismo. Por lo que posiblemente también se puede ver aquí escondido con la ayuda de esta cuota de contraseña de entrada. Esperanza así este concepto es mucho claro para ustedes chicos que cómo podemos ejecutar una ONU enfocada en el JavaScript. Si no lo estás, si no entiendes alguno del problema, o si no entiendes alguno del punto aquí mismo, por favor avísame y gracias por ver esta conferencia. 27. El evento de la presentación: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar del evento de presentación en JavaScript. O puede decir que el evento onsubmit en JavaScript, los eventos send solo ocurren cuando el usuario envía un formulario en la página web. Y puedes manejar el evento Enviar Formulario con onsubmit manejador de eventos. Basta con ver el ejemplo en el evento de envío y veremos que cómo funcionan estos eventos de envío en JavaScript. En primer lugar, voy a crear una forma. A partir de aquí, solo estoy creando una acción y aquí no tenemos ninguno de los enlaces, así que solo lo dejo esto como el enlace en blanco justo aquí, ya que se puede decir que un enlace ficticio cuando solo le estás agregando el hash. Ahora aquí solo estoy escribiendo método como la pose porque VR enviando la información. Y después de esto, lo tenemos justo en enviar E1, donde tengo que escribir mensaje de alerta. Y el mensaje de alerta aquí se forma y aquí que he derivado se envía con éxito. ¿ De acuerdo? Ahora aquí tengo que cerrar esto y luego aquí, más cerca del punto y coma y luego la etiqueta más cercana justo aquí. ¿ De acuerdo? Entonces aquí se puede ver que tengo que escribir un campo de entrada. Y luego después de este campo de entrada, supongamos que he escrito que este es el tipo del texto. Y donde montas el nombre que es igual a I. Yo escribiría el nombre como nombre de pila aquí mismo. ¿ De acuerdo? Y entonces tengo que cerrar este nombreDeNombre. Y aquí tengo justo ahí, esto es requerir. Ahora aquí solo estoy creando una de la etiqueta. Y la etiqueta aquí es el nombre de la fuerza. Ahora tipo de entrada, que es el envío. Y lo siento, este es un botón aquí mismo. Y, o tipo de entrada, se puede decir que un botón de enviar, ¿de acuerdo? Y entonces aquí hay que aportar el valor como el Enviar. Aquí, como pueden ver que estamos usando el manejador de eventos, que es el nombre de On Submit legis, verifique la salida de la misma, y guarde esto. Y aquí vamos a comprobar que somos es el expediente. Sí, se trata de un evento de presentación. Y luego ve al navegador aquí puedes ver que supongamos que solo escribo eso un funky aquí cuando solo hago clic en el botón enviar. Entonces aquí encontrarás que el formulario se envía con éxito y solo presiono en ok. Por lo que puedes ver que cómo podemos usar esto onsubmit asunto para enviar algunos tipos de valor al JavaScript. Esperemos que entiendas ahora, si encuentras alguno del problema con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 28. Javascript mientras bucle: Oigan chicos, bienvenidos de nuevo a esta conferencia. Y en esta conferencia vamos a hablar del, ¿cuáles son los bucles y cuál es el bucle while en el JavaScript? Como ustedes saben aquí en esta conferencia. Como mencionó el título, estudiamos sobre el bucle while en JavaScript, pero es importante aprender sobre el concepto del bucle en el JavaScript que ¿cuáles son los bucles en la vida real? O se puede decir que en una informática, un bucle es una estructura de programación que se repite una secuencia de instrucciones hasta que nuestra condición específica es carne. Programar o usar bucles para recorrer el valor n sumas de números, funciones de repetición, y muchas otras cosas. Supongamos que si tienes algún tipo de oro, supongamos que tú, cómo eres estudiante universitario y quieres despejar a los universitarios. Y parte de su trabajo aquí es fracaso. Por lo que intentarás, intenta pasar tu papel hasta que esto no sea lo mismo que una condición como aquí en el bucle. La función de bucle utiliza lógica casi idéntica y enviar texto en todos los lenguajes de programación. ¿ Se ejecuta continuamente una sentencia específica o un grupo de instrucciones hasta que se lleve a cabo un cuerpo de bucle específico o una ejecución de límite. Supongamos que el cuerpo de bucle se ejecutará hasta que se alcance una condición. El resultado de todo el bucle cuerpos primeros ciclos de operaciones sirve como las siguientes repeticiones es punto de partida. Como se ve aquí el diagrama de flujo de este bucle. Por lo que puedes ver aquí el bucle son soportados por todos los lenguajes de programación modernos. ¿ Su implementación y el texto de envío tal vez difieran, significa que la implementación de los bucles y la oración son diferentes en otro lenguaje de programación, pero el concepto de los bucles son pecado. Dos de los tipos de bucles más comunes son viles y cuatro bucles en cualquier lenguaje de programación. Aquí, como pueden ver, vamos a discutir el bucle while. Pero antes de proceder con los bucles while, sólo necesitamos entender que ¿cuáles son los bucles? Como te acabo de decir, que tú eres la estudiante universitaria y parte de tu ponencia aquí es fracaso. Y quieres pausar tu papel. ¿ De acuerdo? Por lo que lo intentarás hasta que tu papel pase. ¿ De acuerdo? Entonces lo mismo es el caso como aquí en el bucle que si tú, cómo condiciones, supongamos que tienes la condición aquí, es esa una que es menor a diez. Y desea imprimir la condición de bucle hasta que no se alcance una condición específica. Por lo que este bucle se ejecutará diez veces aquí mismo, que está empezando desde 012345 y hasta nueve justo aquí porque estos son los diez valores aquí mismo, porque estamos empezando desde 0 justo aquí. Por lo que Sam es un cuerpo bajo significa que comprobará el padecimiento. Entonces si la condición es verdadera, eso ejecutará la sentencia o el bloque de código. Eso pasaremos a la siguiente condición y parece que un caso como este creará un bucle aquí mismo. Y si las condiciones Cumple cae justo aquí, así que simplemente eso terminará el programa al final, significa que alcanzó el valor diez justo aquí. Por lo que este bucle se detendrá su trabajo. Entonces, como ves, los bucles son útiles cuando tienes que ejecutar la misma línea de código. Significa rápidamente si quieres ejecutar las mismas líneas de tablero, un número múltiple de tiempo. Por lo que el concepto loop viene en la habitación por un número específico de veces siempre y cuando la condición específica sea verdadera, que soporta o lago. Puedes ver que supongamos que quieres escribir hello world o hello message un 100 veces en tu página web. Por supuesto, hay que, hay que copiar y pegar la misma línea, por supuesto, un 100 veces en lugar de usar el bucle. Y puedes completar esta tarea en tan solo tres a cuatro minutos. Pero cuando estás usando el bucle, vamos a suponer v, cómo la condición aquí que un que es menor a un 100. ¿ De acuerdo? Y yo solo quiero imprimir el comunicado hola aquí mismo, que es un 100 tiempo. ¿ De acuerdo? Entonces eso correrá el comunicado, un 100 tiempo justo aquí y al final cuando se alcance 101. Entonces eso simplemente terminará el programa y luego detendrá la ejecución aquí mismo. Ahora vamos a llegar a la sentencia while loop en JavaScript. El JavaScript while sentencias crean un bucle que ejecuta un bloque de código siempre y cuando las condiciones de prueba esperaría a verdadero. O se puede decir que este es el bucle más básico en el JavaScript, que es un bucle while, y que se discutirá hoy en esta conferencia. Y el propósito de este while loop es ejecutar la sentencia o el bloque de código rápidamente, siempre y cuando la expresión sea verdadera. Una vez que las expresiones se vuelvan falsas, loop lo terminará. Cómo se puede ver aquí. Dejemos suponer v, cómo el bucle while justo aquí. Por lo que mientras bucle se ejecutará hasta una condición específica o hasta que las condiciones no cumplan cae si la condición es falsa. Por lo que Luke simplemente termina el programa si todas las condiciones son verdaderas, así bucle se ejecutará su cuerpo. Espero que así lo consigas. Entonces como se puede ver aquí en la definición, que el bucle while ejecutado siempre y cuando una condición específica sea verdadera. Dentro del bucle while, debe incluir la declaración que finalizará el bucle en algún momento del tiempo. De lo contrario tu bucle nunca terminará y tu navegador tal vez se estrelló aquí mismo. Aquí puedes ver que esto es solo una sintaxis simple del bucle while donde simplemente escribes mientras y aquí escribirás la expresión. ¿ Cuáles son las expresiones aquí mismo? Expresiones aquí se deja suponer que tenemos como a y E que es mayor o menor que un 100. Entonces esto está aquí. Simplemente escribirás las expresiones condicionales justo aquí. Y entonces correrás el bloque de código aquí mismo. Las declaraciones viles, yo usaría las expresiones antes de cada iteraciones del bucle. Entonces recuerda que publicado que revisará las expresiones y luego eso ejecutará el bloque de código aquí mismo. Si las expresiones me referiré a true, la sentencia while ejecutar la declaración y si las expresiones tendré que caer. Por lo que las ejecuciones continúan con esta declaración después del bucle while. Y el bucle while, las expresiones antes de cada iteraciones verdaderas. Cada aislamientos, por lo tanto, el bucle while se conoce como el bucle preestablecido. Espero así que entiendas ahora, así como puedes ver que esto es sólo un diagrama de flujo del bucle while justo aquí. En primer lugar, eso comenzará a partir de aquí. Entonces eso creará las condiciones que supongan que h es mayor que un 100 o un que es menos de un 100 justo aquí. Si las condiciones que llevarán a caídas. Entonces eso simplemente irá a la condición final si la condición aquí es cierta. ¿ De acuerdo? Entonces y entonces eso revisará la declaración o un bloque de código aquí mismo. Y entonces eso pasará a las próximas iteraciones. Aquí, te contaré sobre las iteraciones. Aquí se puede ver que aquí cómo un, un que es menos de cinco. Y queremos ejecutar cinco iteraciones. Y nuestra variable aquí se deja suponer 0. Entonces 0 es menos de cinco aquí mismo, o uno es menos de cinco aquí mismo. Por lo que aquí se puede ver que en primer lugar, eso revisará las condiciones uno. Entonces si uno se encuentra aquí mismo, entonces ese testamento Aquí se puede ver que uno es menos de cinco. ¿ De acuerdo? Por lo que voy a quitar esto. Entonces uno es menos de cinco. Entonces aquí pueden ver que mi declaración, mi condición aquí es cierta, eso correrá citas aquí mismo. Entonces supongamos dos que es menor que también 53, que es menor que también 54, que es menor que también cinco. Por lo que eso también correrá. Eso correrá tres también, que correrá para siempre cuando se alcance a cinco, que es menos de cinco. Entonces esto no es cierto. Entonces simplemente el bucle Bill y su trabajo aquí mismo. Espero que así sea. Este concepto es mucho claro para ustedes chicos que ¿cuáles son el flujo del bucle while aquí mismo? Tenga en cuenta que si desea ejecutar esta declaración al menos una, y comprobar las condiciones después de las cada iteraciones, debe usar el bucle do-while up. Entonces obtienes eso, por eso usas do-while loop y muy usas while loop justo aquí. También aprenderemos sobre los bucles do-while en próximas conferencias. Aquí, volvamos al ejemplo del bucle while aquí y aquí estoy escribiendo la etiqueta de guión. Ahora aquí solo te estoy mostrando o solo estoy demostrando los ejemplos del while bucles a ustedes chicos. Estamos en primer lugar, voy a escribir una variable. Aquí, variable i, que es igual a I, sólo escribe una. La costura es un caso como nuestro ejemplo. Este es el tiempo. Si bien es unas palabras clave para declarar el bucle while justo aquí y yo, que es menor o igual a, solo escribo cinco o tienes el ojo derecho, que es la lección cinco justo aquí. Entonces tienes que escribir este bucle aquí mismo, ¿de acuerdo? Aquí, esta es la palabra clave. Entonces aquí tenemos la condición y estos son los paréntesis. Tienes que iniciar tu código aquí mismo. Ahora aquí se puede ver documento dot write, y aquí tengo escribir que simple una etiqueta de párrafo. Y la etiqueta de párrafo aquí es el número de while loop. O un bucle while es. Está bien. Entonces aquí sólo escribiré más, más hielo, ¿verdad? Yo, y luego más. Entonces les diré que ¿cuál es esta lógica? Y aquí tengo que cerrar esta etiqueta p aquí mismo, y luego cerrar esta declaración. En primer lugar, como se puede ver aquí, huelga document.escribir luego etiqueta de párrafo. Entonces aquí esta es la declaración o la línea de código. Y aquí simplemente no puedo meterme en ella mi esta variable aquí mismo. Entonces en primer lugar, eso correrá i que es igual a uno. Entonces condición aquí es mientras, mientras que aquí está yo, supongamos que el 11 es menor o igual a cinco. Por lo que eso ejecutará este bloque de código 012345 tiempo. Por lo que puedes ver aquí 1234510. Entonces creo que estás muy confuso alrededor de 01234 tiempo. Entonces aquí, en primer lugar, les diré que ¿cuál es el índice? Entonces índice aquí es, supongamos v, cómo los cinco valores, supongamos 12345 valores. Entonces el índice de estos valores aquí son, se puede ver que yo solo, solo divido esto en las cajas. Entonces aquí, el índice realmente partiendo de 01234. Entonces se puede ver aquí en el sentido de la informática, el valor es, es a partir de 0, eso va a subir al número de n Así que aquí tenemos el valor facial, así que a partir de 0, entonces 01234 justo aquí. También tu concepto está mucho claro ahora. Y después de esto estamos ejecutando este while loop. Entonces aquí simplemente hacemos el operador de incremento porque este valor estará empezando por uno y eso subirá hasta cinco. Entonces aquí este operador de incremento funcionará como aquí. Yo plus, además trabajo como, como aquí tenemos uno. Entonces aquí haremos uno más uno que es igual a dos, luego dos más uno que es igual a tres. Después tres más uno, que es igual a 44 más uno que es igual a cinco. Y aquí este es 0 más uno que es igual a uno justo aquí. Espero así que este concepto sea mucho más claro para usted sobre el operador de incremento. Ahora, solo ejecutemos este código. Y aquí acabo de ejecutar este código en el navegador. Estamos, este es el bucle while. Ok, aquí se puede ver que estas son las iteraciones que van a partir de 12345. Entonces eso correrá 0 más uno, que es igual a uno, luego 2345 justo aquí. ¿ De acuerdo? Entonces aquí se puede ver que v cómo, while y while, que es una declaración i, que es menor o igual a cinco justo aquí. Tan sediento que se puso uno justo aquí. Entonces uno es cierto, dos también es cierto, tres también es cierto porque también es cierto, y cinco es también un grupo. Sólo por aquí, yo sólo escribo cinco que es menor o igual a cinco. Si solo escribo cinco que es menor a cinco, por lo que esta declaración no se ejecutará aquí mismo. Entonces puedes ver aquí que bucle comprobará seis, que es menor o igual a cinco. Por lo que esta condición es falsa. Por lo que simplemente bucle terminará su programa o terminará su cuerpo. Es así como funciona un bucle while en el JavaScript. Si encuentra alguno del problema con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 29. Javascript para bucle: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar del bucle for en JavaScript. Se ciencias de la computación, un cuatro bucle. O se puede decir que un sencillo for loop es una instrucción de flujo de control para especificar las iteraciones que permiten que el código se ejecute rápidamente. For loop es una declaración condicional del lenguaje de programación que se utiliza para comprobar ciertas condiciones y luego ejecutar rápidamente un bloque de código siempre y cuando esas condiciones se cumplan. El for-loop se designa o te perdiste, se deriva de otras sentencias de bucle a través de un bucle explícito, contador y bucle o variable, lo que permite que el cuerpo del bucle conozca la secuencia exacta de la titulación. Cómo puedes ver que te voy a contar el diagrama de diagrama de flujo de este for loop justo aquí. Aquí. Simplemente concéntrate en este diagrama. En primer lugar, estamos iniciando nuestro cuerpo de bucle a partir de aquí. Entonces como pueden ver aquí, tenemos la primera condición es un si se hace esta condición, por lo que simplemente se moverá a esta condición. Si esta condición es cierta, entonces eso se moverá a esto, que moverá este bucle a estas condiciones del mar son entonces agregar vidrio que vamos a pasar a ese descondicionado y luego ejecutar este bloque de código. Esta es simplemente la secuencia justo aquí. De acuerdo, eso te lo diré. Te diré primero hizo esta secuencia. Ahora aquí se puede ver que tengo que escribir. Tengo que mostrarles que cuando tuvimos las declaraciones falsas son lo que vamos a hacer aquí. Si alguna de la declaración aquí es cumplir caídas. Por lo que este cuerpo de bucle simplemente va a terminar este bucle y terminar las iteraciones aquí mismo. Entonces esto no es diagramas claros para ustedes chicos. Aquí puedes ver que en primer lugar, nuestro bucle empieza desde aquí. Entonces aquí que comprobará el padecimiento. Si la condición es verdadera. Entonces simplemente eso moverá el bloque de código o la sentencia, y entonces eso pasará a la siguiente iteración. Y lo mismo es el caso como si tenemos como 55 iteraciones. Entonces eso simplemente moverá a los pacientes bomberos así, ¿de acuerdo? Si quiero ninguna de las condiciones aquí es carne. Así que simplemente eso encabezará las iteraciones del bucle aquí mismo. Como puede ver, un bucle for permite ejecutar rápidamente un conjunto particular de condiciones hasta que se cumpla una condición. Imagina una situación en la que tendrías que imprimir el número de 100, ¿qué harías? Y cuando escribes la impresión F o cuando escribes el document.write print f es solo en C plus Kumar. Pero aquí se puede ver que tenemos documento derecho dot escribir un 100 vez. Así que vamos un 100 veces o traté de copiar pegado. Es tarea sencilla llevaría una eternidad. Usando un bucle for, puede realizar esta acción en tres sentencias. Cómo se puede ver eso aquí, se puede ver que v, cómo el texto enviar de este para bucle justo aquí. Entonces la sintaxis del bucle for aquí es en primer lugar, el cuatro aquí es una palabra clave para escribir el bucle for. Entonces aquí tenemos esta declaración número uno, luego tienes el punto y coma derecho luego es la declaración número dos, luego punto y coma y la declaración Dennis número tres y punto y coma, que escribir bloque de código aquí mismo. Ok, aquí puedes ver que en First tenemos que inicializar nuestro bucle. ¿ Cómo? Se puede ver que tenemos for loop como palabra clave. Entonces tenemos el enunciado número uno. En primera declaración, nosotros cómo inicializar nuestro bucle. Cómo inicializar los bucles significa que supongamos aquí tenemos el valor i, que es igual a 0. Por lo que inicialmente la inicialización de bucle es donde V inicializa nuestro contador o donde inicializamos nuestro valor a nuestro valor inicial. Y la sentencia de inicialización se ejecuta antes de que comiencen los bucles. Entonces tenemos la condición de prueba. El estado de prueba aquí se deja suponer i, que es menor o igual o mayor que o igual a cinco. Entonces esta es una condición de prueba aquí mismo. Por lo tanto, prueba las condiciones que probarán si una condición dada es verdadera o no. Si la condición es verdadera, entonces el código de un juego y dentro del bucle se ejecutará de lo contrario, el control saldrá del bucle. Espero que así entiendas que cómo funciona este for loop, entonces tenemos que pasar a la tercera citación o a esta afirmación aquí mismo, donde hay que escribir se toma la iteración. ¿ Cuál es la iteración i está tomando aquí mismo. Yo iteración es declaración justo aquí es significa que hay que escribir el operador de incremento y decremento. Supongamos que yo más, más o i menos, menos aquí mismo. Entonces estas son las tres declaraciones aquí mismo, donde hay que primero, ¿verdad? Inicializado como i, que es igual a dos, o ojos que es igual a tres. Entonces aquí tienes que escribir como yo, que es menos de cinco, y luego tienes que escribir eso i plus, plus. Ok. Por lo que i iteración declaración es donde se puede aumentar o disminuir el contador ya que acabo de decir que usted tiene operador de incremento o decremento correcto aquí mismo. Pasemos al ejemplo según de eso. Aquí tenemos que ir al ejemplo de codificación, y aquí tengo derecho, una de la etiqueta de script aquí mismo. En primer lugar, solo te estoy mostrando un ejemplo sencillo donde simplemente imprimo el bucle FOR y te mostraré las iteraciones. Supongamos que aquí tenemos el documento correcto y yo solo escribo document.escribir. Y aquí tengo escribir, ese bucle empieza desde aquí, ¿de acuerdo? Y entonces aquí tengo escribir una etiqueta BR. Ok. Y aquí se puede ver que esto está aquí. Entonces como puedes ver cuando acabo de ejecutar este código aquí mismo. Entonces con el bucle for y sí aquí. Entonces como puedes ver aquí que tenemos simplemente el bucle está empezando desde aquí. Entonces tenemos que escribir el bucle. Aquí tenemos el 44 es una palabra clave aquí mismo. Entonces por aquí tenemos que escribir i que es igual a 0, o tienes que escribir simplemente el contador que es igual a 0. Entonces aquí tengo escribir ese contador, contador, que es menor a diez o que es menor a 15. Esto depende de ti. Tienes que escribir cualquier valor. Y entonces aquí tengo que escribir contador plus, plus. Ok. Entonces aquí tengo que iniciar la declaración de bucle donde tengo escribir que este es documento. Y documento aquí es que ayudé a escribir document.escribir. Y entonces aquí tengo que imprimir que un solo salto de línea, ok, aquí se puede ver. Entonces aquí se puede ver que tengo que escribir que este es documento. Y aquí tengo que escribir document.escribir. Y donde aquí acabo de escribir que este es contador actual y actual justo aquí. ¿ De acuerdo? Y entonces aquí tengo que escribir o tengo que concatenar este contador. se pueda ver que aquí me quedo quedando consiguiendo, consiguiendo este contador. Entonces concatenaciones significa que si tienes el contador está empezando desde 0, entonces 0 más uno que es igual a uno, entonces uno más uno que es igual a o.Y parece un caso como ese correrá hasta el valor de 15 de descuento. Nos vemos comprensible aquí cuando el bucle está arriba. Por lo que esta declaración se ejecutará aquí mismo, que es document.write. Y aquí tengo que escribir eso de manera sencilla. Esto es bucle y bucle aquí está rematado. Y aquí tengo que cerrar este código y cerrar abrigo también. Entonces aquí puedes ver solo voy al navegador y refresco este agujero. Como puedes ver aquí, el valor estará empezando desde 0 y sube hasta 14 aquí mismo. Entonces aquí se puede ver que hay tradiciones aquí es quiero imprimir este valor hasta 15 números de tiempo. ¿ De acuerdo? Por lo que las iteraciones de bucle comenzarán desde 0 aquí mismo. Entonces 0 más uno, que es igual a uno más D, Eso fue 0 más 0. Y luego aquí 0 más uno, luego uno más uno que es igual a dos, luego dos más uno que es igual a tres. Y luego CME como un caso como aquí, hasta 14. Y luego después de esto, después de que este bucle actual se ejecutará como número 15s o 50 nitración, se terminará el bucle y eso se imprimirá AS que hay que detener este bucle aquí mismo. Espero así que este concepto sea claro para ustedes chicos en cómo podemos trabajar con el bucle for en el JavaScript. Creo que este ejemplo no es lo suficientemente grande para ustedes chicos. Y aquí solo te estoy demostrando uno tras otro ejemplo. Aquí puedes ver que v, cómo son las variables y variables aquí, solo escribo que las variables aquí son frutas. Aquí se puede ver que tengo frutos secos. Aquí están las manzanas. Entonces, ¿cómo? Mangos sencillos. Entonces aquí, cereza. Y luego ofrecer eso está aquí. Se puede ver que yo tenía paseo que simplemente naranja. Y aquí tenía razón, ese uno de los, otro nombre aquí. Supongamos que esto es plátano, ¿de acuerdo? Esto se puede ver aquí tengo escritura para bucle y para cabello. En primer lugar, solo estoy usando la iteración i aquí mismo, ya que acabo de decir que nuestro primer paso aquí es la inicialización del bucle. De acuerdo, entonces aquí tengo la variable correcta. Variable es mi let supe i, que es igual a 0. Por lo que yo sólo es alquitranado mis variables desde yo aquí. Entonces aquí se puede ver que entonces sólo paso a las segundas iteraciones aquí mismo, o segunda declaración aquí mismo, que es i, que es menos que frutas. ¿ De acuerdo? Y luego aquí después de esto, solo uso operador increment, que es i plus. Aquí se puede ver que tengo el documento correcto, dot write. Y aquí se puede ver que tengo derecho, simplemente una etiqueta de párrafo. Y esta es una etiqueta de párrafo aquí mismo. Y entonces aquí concatenaré los frutos aquí mismo, que es mi variable. Y aquí solo proporciono el índice sobre i aquí mismo. Entonces aquí solo escribo más N, luego simplemente, esta es la etiqueta de párrafo. Espero que así consigas que cómo podemos crear el bucle for aquí mismo. Acude al navegador, actualiza esto, y aquí puedes ver la salida no se nos muestra. Y sólo por esta etiqueta de guión. Y aquí solo guardo y refresco esto para que nuestra salida no nos esté mostrando. Comprobemos el error aquí mismo. Y sí aquí se puede ver que tenemos que brindar este padecimiento aquí mismo. Pero no voy a proporcionar la longitud de la flauta aquí mismo. Entonces solo trato de usar cuaresma la conoció aquí. De acuerdo, y aquí este código también. Este es nuestro viejo más grosero, no lo confundas aquí mismo, así que solo trabajamos en eso también. Refresca esto. Entonces se puede ver aquí que en primer lugar nosotros cómo Manzana luego mango, cereza, naranja, n, plátano justo aquí. Por lo que se puede ver que en primer lugar, estamos creando una variable sobre la fruta. Y entonces aquí solo estoy creando la lista de estas frutas aquí mismo. De acuerdo, entonces aquí después de esto estoy disputando un bucle for que es una palabra clave. Y luego aquí variables. Entonces esta es mi variable aquí mismo. Entonces para la citación, la segunda iteración será más rápida declaraciones secundarias a la declaración y la tercera declaración justo aquí. Y después de esto, solo estoy ejecutando estos todos bloques de códigos aquí mismo. Ojalá entiendas ahora que cómo podemos trabajar con estos bucles. Por lo que aquí se puede ver que en estos son algunos de los elementos loops. O simplemente uso estos bucles elemento como la edición aquí mismo. Por lo tanto, no lo confundas sobre matrices. Aprenderemos sobre el aire es la próxima vez en próximas conferencias, solo haces un concepto aquí mismo que estamos creando los números múltiples de sitio de comida aquí o múltiples números de listados aquí. Por lo que v van a trabajar en esta área en próximas conferencias también. Apenas enfocado en esto for loop justo aquí en esta conferencia. Esperemos que este concepto sobre el bucle for sea muy claro para ti. Si no entiendes alguno del punto aquí mismo, por favor házmelo saber y gracias por ver esta conferencia. 30. Javascript Do mientras bucle: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar del bucle do-while en JavaScript. En la conferencia anterior, aprendiste mientras bucles en JavaScript. Un bucle do while es similar al bucle while, con una excepción que ejecuta la sentencia dentro del cuerpo del do-while antes de comprobar la condición. Por otro lado, el bucle while, se comprueba la condición y luego se ejecuta la sentencia en los bucles while. Por lo que puedes decir que si una condición es falsa en primer lugar, entonces el do-while hará while loop será o devolvería unas. No obstante, el bucle while no regresaría en absoluto. Cuánto TV, cómo el azul, y luego v, cómo el bucle while, ¿de acuerdo? Si la condición es falsa, por lo que este bucle se ejecutará a la vez o al menos una vez. Si recuerdas la forma en que funcionan los bucles for y while, recordarás que estos tipos de bucles comprueban las condiciones de bucles al principio del bucle. A menos que la condición sea satisfecha, el bucle no se ejecutará. El bucle o el bucle do-while comprueba la condición al final del bucle. Lo que significa que en primer lugar, eso revisará su declaración dentro de foo, y luego eso comprobará la condición. ¿ De acuerdo? Esto significa que la sentencia dentro del cuerpo del bucle se ejecutará al menos una vez, incluso si la condición no es verdadera. Aquí puedes ver que la automatización es la técnica de hacernos funcionar el sistema de forma automática. En la programación, utilizamos bucles para automatizar las repeticiones o repetir, repetir, repetir, repetir tareas. Los bucles son una de las características más útiles de los lenguajes de programación. Y en esta conferencia aprenderemos sobre el vial y el bucle do-while en JavaScript. El bucle while o el bucle do-while, take wins en los JavaScripts son similares a las sentencias condicionales, que son bloque del código que se ejecutará si se especifica, dan como resultado lo verdadero. A diferencia de una sentencia if en la que solo esperaré uno, un bucle devolverá tiempo múltiple hasta que las condiciones ya no sean verdaderas. Aquí puedes ver que este es nuestro diagrama o los diagramas de diagrama de flujo del bucle do-while. Donde se puede ver que en primer lugar v, cómo la declaración del do. Aquí se puede ver. Entonces si la condición es verdadera, entonces este bucle se moverá a la sentencia while. De lo contrario, eso se ejecutará únicamente en la primera declaración. Ok. Aquí puedes ver la siguiente etapa que simplemente moverá el cuerpo de bucle. Y si la condición es verdadera aquí mismo, por lo que se comprobará la condición aquí. Entonces si la condición es cierta, que pasaremos a las dos condiciones y entonces eso volverá a repetir este tipo de procesos. Esperemos que entiendas ahora si la condición es falsa, simplemente eso ejecutará un segmento y luego pasará a la deuda, se moverá a la declaración falsa, y luego simplemente bucle terminará su reserva. Pero el bucle do-while se ejecutará al menos una vez. Parece un caso como aquí. Pasar a este objetivo, luego comprobar esta declaración. Entonces eso comprobará esto. Condición. Si la condición es falsa, eso simplemente ejecutará la condición falsa y luego el bucle la terminará. Esta es una sintaxis del bucle do-while aquí. En primer lugar, tenemos que hacer, después tenemos la declaración aquí mismo. Entonces, ¿por qué una palabra clave debido también es la palabra clave aquí mismo. Entonces eso comprobará la condición en el tiempo y simplemente imprimirá como lector. Como ves, la parte do del bucle viene primero y es seguida por el bucle while. ejecutará el bloque de código o el bloque de núcleo, luego se probarán las condiciones ya que es un bucle while poco normal. Vamos a revisar el ejemplo de codificación en el bucle do-while y veremos que cómo funciona esto do while loop. Acabo de escribir una etiqueta de guión aquí. Y aquí se puede ver que dentro de esta etiqueta de script, tengo la variable correcta y la variable aquí se ve como un caso como nuestro viejo ejemplo. Aislar la variable aquí es contador. Entonces aquí ayudé a escribir document.escribir, y aquí tenemos el document.escribir. Y aquí decidí que estoy usando el contador actual justo aquí. Entonces aquí sólo estoy concatenando este contador. ¿ De acuerdo? O aquí se puede ver que en primer lugar, sólo estoy ejecutando esta declaración donde tenía razón, que este es el inicio de lo siento, es la focalización del bucle justo aquí. Y entonces aquí tengo que concatenar una de las etiquetas BR aquí mismo. ¿ De acuerdo? Y luego cierra marcador. Ahora aquí estamos oficialmente iniciamos nuestro do while loop. Aquí. En primer lugar, tengo derecho do. Este es el do como palabra clave, entonces estos son los paréntesis, o lo siento, los registros de corchete rizado aquí mismo. Y ahora aquí tengo escribir que este es el documento, document.escribir. Y aquí tengo que escribir que esto es sólo un contador Actual. De acuerdo, entonces aquí tengo escribir que este es el contador como el nombre de la variable. Y luego plus aquí sólo escribiré esa etiqueta de BR para el salto de tierra de dedo. Ahora aquí puedes ver que si solo escribo contador plus, y luego nos moveremos al bucle while. Estamos, tuve que escribir que este es el contador si el contador es menor a cinco. Entonces simplemente tienes, bien, perdón, perdón, aquí. Si el contador es menor a cinco. Entonces simplemente tienes derecho, que el documento punto escribir v o v. ¿Cómo? Declaración Loop. Deténganse. ¿ De acuerdo? Y se puede ver aquí, así que vamos a ejecutar esto. Y lo siento por eso. Y aquí tenemos. Y se puede ver eso aquí. En primer lugar nosotros cómo están empezando la condición de bucle, luego estos son el bucle lo que estamos corriendo aquí mismo, como se puede ver aquí, nuestro contador es de menos de cinco. Si ejecutamos contador es mayor a cinco. Entonces, solo comprobemos la salida. Entonces puedes ver aquí que el contador actual aquí es de diez, porque solo te digo que el bucle do-while se ejecutará. Al menos una vez. Ok. Entonces como puedes ver que eso obtendrá el contador actual y simplemente el resultado de bucle se terminará aquí mismo. Espero que así sea. Este concepto es mucho más claro para ustedes chicos que cómo podemos ejecutar el bucle do-while aquí mismo les ayuda a entender ahora, ahora aquí sólo estoy corriendo uno u otro ejemplo para ustedes chicos donde pueden ver aquí, este es un ejemplo muy rápido . Y aquí puedes ver que acabo de crear una variable pareciendo que es así. Aquí dije yo, que es igual a un ejemplo muy sencillo. Entonces aquí solo escribo do-while loop. Dentro del bucle do while aquí solo escribo que este es el documento o bien? Y aquí tengo que escribir eso. El número es, y aquí tengo que concatenar mi variable justo aquí, bien, y aquí tengo que cerrar este núcleo. Ahora aquí solo elijo operador de incrementos. Y luego aquí después de esto, solo voy a ejecutar el bucle while donde acabo de ejecutar la condición. Entonces condición i, que es menor o igual a cinco. Y luego aquí el acorde más cercano. Vamos a comprobarlo por ahora mismo. Y se puede ver aquí. Entonces, solo comprobemos ese salto de línea única. Y se puede ver aquí, así que este es un gráfico, carajo, y esta es una etiqueta tr justo aquí. Vuelve a ejecutarlo. Entonces aquí se puede ver que en la primera etapa el número es uno, luego el número es dos, luego el número es 345 porque aquí nos encontramos con la condición. Se puede ver que si escribe diez aquí, entonces comprobaremos la salida. Entonces puedes ver aquí el número aquí es dos porque eso está ejecutando la iteración actual justo aquí. De acuerdo, los conocimientos se volvieron a esto y no M. Explicarte más a ti. Aquí. Se puede ver que si nuestra condición es ordenada porque nuestra variable de contador aquí es igual a diez. Entonces en primer lugar, se puede ver aquí que imprimiremos la iteración de fachada 0. Entonces aquí que imprimirá iteraciones secundarias una, luego aquí 234, se puede ver aquí 12345 números. Y entonces el bucle lo terminará aquí mismo y se detendrá. El bucle. Te ayuda a entender ahora que cómo podemos ejecutar do-while loop en el JavaScript. Entonces, ¿cuál es la diferencia entre el bucle while y do-while? Por lo que los bucles while difiere de los bucles do-while una manera importante que con un loop while, las condiciones para poder obtenerlo se prueban al principio de la iteración de cada bucle. Entonces si la condición expresa Elvis a default, el bucle nunca se ejecutará. Pero con un bucle do-while. Por otro lado, el bucle siempre se ejecutará una vez. Si incluso la condición será falsa o condiciones, dejaré a lo falso. A diferencia del bucle while, la condición es que lo haré hasta el final del bucle. Iteraciones más que el principio. Esperemos que entiendas ahora, si encuentras alguno del problema con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 31. Declaración de cambios de Javascript: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar la sentencia switch o de la sentencia switch case en el JavaScript. Al inicio de este interruptor se toma caso. Las declaraciones condicionales se encuentran entre las características más útiles y comunes en todos los lenguajes de programación. Si estás trabajando con C, C plus, más Java o JavaScript o Python. Entonces aquí te diré que cómo puedes trabajar con una sentencia switch en el JavaScript. Pero antes de iniciar la declaración switch, simplemente estoy llamando a su parte del concepto en la declaración if y else. Entonces como usted sabe que si, sino si las declaraciones son las sentencias condicionales en cualquier lenguajes de programación. Y estas todas son las palabras clave. Además de la if-else se toma como en el JavaScript tiene unas características conocidas como una sentencia switch. Y el switch es un tipo de la declaración condicional que va a evoluciones y expresiones contra los múltiples casos posibles y el ejecutar uno o más bloques de código basados en los casos coincidentes. El enunciado switch estrechamente relacionado con una sentencias condicionales, que está conteniendo los muchos como si bloque de acordes. Y entonces eso se puede utilizar a menudo en capacidad de carga. También se puede utilizar con las sentencias if else if o sorry, con sentencias switch case como el bucle while y otras estructuras de bucle ya sea porque estos todos son el flujo de controles. En esta conferencia, aprenderás a usar la sentencia switch así como a usar la sentencia case and break. Y también aprenderás sobre la palabra clave predeterminada también. En primer lugar, pasaremos a la declaración de cambio. Cambiar sentencias, esperaré y expresiones y ejecutaré el código como resultado de coincidencia de caso. Al principio puede parecer un poco y mediador, pero el científico básico es similar a eso. Si, que un ifStatement, ¿cómo se puede ver que posiblemente Vi Hart correcto? Cambiar, cambiar aquí es la palabra clave. Entonces tenías expresiones de escritura. Entonces has corrido esto con corchetes rizados. Entonces aquí, una palabra clave otra está usando como caso. Supongamos que tenemos un caso uno o caso x Después de completar el cuerpo del caso, tenemos que romper este caso aquí mismo. Por lo que el freno también está corriendo para o romper también es una palabra clave para romper. Este caso aquí mismo. Si sostenemos los múltiples tipos de caso, supongamos número de caso y o número de caso z Así que tenemos que romper cada caso con la ayuda de esta palabra clave break justo aquí. Esperemos que entiendas ahora y agregues el último vehículo para ejecutar caso por defecto también. Como puedes ver aquí, ese caso es una palabra clave, switch es una palabra clave, break es una palabra clave y default también es una palabra clave justo aquí. Entonces este es el ok por defecto. Aquí puedes ver que Así cuando eres solo ella terminando este caso aquí, así que tienes que terminar esta declaración de caso sin colon y la ruptura aquí con nosotros punto y coma y visto como un caso como default aquí mismo. Yo sólo les digo la arquitectura de la declaración if-else. Entonces, en primer lugar, se puede ver aquí tenemos la declaración if, después tenemos la declaración else-if, y luego tenemos la declaración else. Parece un caso como aquí. Se puede ver que como el conmutador entonces tenemos primer caso, segundo caso, tercer caso, si ninguno de los casos es coincide aquí mismo en el flujo del programa, entonces el flujo del programa se moverá directamente con unas condiciones por defecto y ejecutar el bloque de código en la condición predeterminada justo aquí. Espero que sí. Este concepto es claro para ustedes chicos. Entonces como pueden ver que aquí ayunó que evaluaremos las expresiones aquí mismo o las condiciones aquí mismo en la sentencia switch. Entonces el primer caso se correrá aquí mismo. Por lo que el primer caso, que es la X aquí mismo, se pondrá a prueba contra las expresiones. Si coincidió, el código ejecutará y romperá las palabras clave y que nos moveremos hasta el final del bloque del switch. Aquí no se corre ninguna de las condiciones. Si no se cumple esta condición, entonces eso pasará a este caso aquí mismo. Y lo mismo es el caso como este caso aquí mismo. Si ninguno de los casos es meteorito aquí, así que simplemente pasaremos al caso predeterminado y ejecutaremos el bloque de código en su caso predeterminado aquí mismo. Esperemos que lo entiendas ahora. Por lo que el objetivo de la sentencia switch es dar una expresiones para evaluar, y así varias declaraciones diferentes para ejecutar el basado en el valor de las expresiones y, o los intérpretes comprueban que cada caso en contra el valor de las expresiones hasta el teléfono Met. Aquí te diré que cómo podemos ejecutar nuestra declaración de switch en el código de escape de Java. Sólo comprobemos eso. Aquí te enseñaré sobre el bidireccional que cómo podemos escribir la caja del interruptor. En primer lugar, tenemos derechos que y aquí se puede ver que ese v, cómo el cambio de rejillas. De acuerdo, en primer lugar, vamos a calcular las calificaciones de los alumnos. Aquí. Solo estoy creando una variable. Variable aquí. Nuestras calificaciones y calificaciones aquí son iguales al hielo, ¿verdad? Que los niños están empezando de uno justo aquí. Aquí se puede ver que el hielo derecha document.escribir. Y lo siento, esto es document.escribe aquí. Y se puede ver que aquí tengo escribir inter en su bloque. ¿De acuerdo? Y entonces aquí tengo escribir un solo salto de línea código más cercano justo aquí. Y vamos a pasar por las cajas de interruptores aquí mismo. Ahora aquí sólo estoy escribiendo el primer caso. Por lo que el primer caso es para el grado ocho. Nuestra primera entrada aquí es la a derecha aquí, que es el nombre de la variable. ¿ De acuerdo? Si este caso es igualado, así que simplemente eso ejecutará el bloque de código y eso ignorará todos los casos aquí mismo. Para que puedan ver aquí tengo que escribir ese document.escribir. Y entonces aquí tengo que montar. Eso, eso es un grado más justo aquí, acorde más cercano. Y luego pasaremos al caso número B aquí mismo. Entonces como pueden ver aquí, tenemos el caso B. Y entonces aquí estamos iniciando el caso b justo aquí. Ahora aquí, document.escribir. Y entonces aquí se puede ver que aquí tenemos ese grado B justo aquí. Está bien. Aquí como sólo les digo que cuando sólo están escribiendo el caso para romper este caso, tienen que ejecutar una declaración de ruptura aquí mismo. Entonces romper aquí es la palabra clave. Espero que así lo entiendas ahora, No, solo estoy copiando esto y pegarlo aquí mismo para el caso c justo aquí. Y este es un grado C, C, C y cabello que has visto que también tenemos el grado D. Ok. Entonces como puedes ver aquí, que nuestro grado aquí es d. Entonces si ninguna de estas declaraciones se ejecuta justo aquí, así que simplemente eso moverá tu palabra clave predeterminada. Y se puede ver aquí tengo escribir ese documento dot write. Y aquí se puede ver que he escrito eso. Phil, ¿de acuerdo? Y cierra código aquí mismo. Ahora aquí después de esto se puede ver aquí sólo estoy ejecutando una de la otra declaración. Por lo que el documento dot escribir. Y aquí se puede ver que tengo que escribir eso, ese interruptor y lo hizo y cierra núcleo justo aquí. Ahora aquí solo estoy ejecutando este código en el navegador. Por lo que puedes ver aquí como la salida aquí es en primer lugar v, cómo entrar al blog, donde tenemos el grado a y luego tenemos el caso de interruptor terminado justo aquí. Si está escribiendo b aquí. Entonces se puede ver aquí y yo sólo fresco esto, así que B bloque se ejecutará aquí mismo. Esperemos que entiendas ahora que cómo funciona este caso de cambio y qué tan discretos casos similares a las declaraciones if else if justo aquí. Espero que así lo consigas. Ahora aquí puedes ver que solo estoy corriendo los días son criptas aquí mismo. Cómo se puede ver que estoy guion estriding. Ahora aquí solo estoy creando la variable. Y variable aquí es, supongamos días, que es igual a aquí, sólo estoy escribiendo el nuevo. Nuevo es un método aquí y esta es la fecha como el método aquí. Ahora aquí solo estoy queriendo cambiar de caso. Cambiar caso aquí es d dot get método y obtener la fecha aquí mismo. ¿ De acuerdo? Y aquí se puede ver que tengo que escribir esa fecha. Y este es el día aquí mismo. En primer lugar, solo estoy ejecutando el caso número 0. Por lo que ojalá entiendas ahora que nuestro, estos son el inicio desde el 0. Y luego si el día es 0 justo aquí, entonces aquí tenemos escribir ese documento, dot write, y aquí tengo escribir que hoy es domingo porque nuestro Callender está a partir del domingo. Y entonces aquí tengo escribir que una declaración de descanso aquí mismo. Entonces estamos pasando al otro caso, que es el caso número uno, y este es el caso número dos aquí acabo de escribir que este es lunes, y este es martes. Ahora aquí, este es un caso número tres. Y aquí he llegado a esto es presenciar. Y luego aquí pasaremos al número de caso para el caso número cinco. Caso número seis aquí mismo. Entonces este es un caso número cinco y este es un caso número seis. Por lo que el miércoles y el jueves. Y aquí tenemos el viernes y sábado si ninguno de los casos es meteorito aquí, por lo que el cuerpo de bucle será ejecutado. Declaración por defecto. Entonces lo mismo es el caso como L, esta afirmación aquí mismo. Entonces aquí tenemos escribir, document.escribir. Y aquí me zancé allí no se encuentra información aquí mismo. Y cierra núcleo aquí. Ahora aquí tengo derecho, esta es una declaración de ruptura también. Y sólo ejecutemos este código. Entonces primero un Hadoop copia esto y luego ejecuta este código aquí mismo. Entonces nos hicimos probable error correcto peinado añadiendo el colon y el lugar de esta fecha. Y aquí había llegado un solo salto de línea y la etiqueta HR. Ahora solo refresco esto. Entonces aquí se puede ver que aquí se corre que hoy es el lunes aquí mismo porque eso está funcionando ese día. Aquí, que es Aquí está Amanda. Sí. Eso es correr el caso número uno. Esperemos que consigas que cómo puedes obtener la fecha con la ayuda de la caja del interruptor y cómo está la caja del interruptor funciona aquí mismo. Entonces como pueden ver aquí, en primer lugar, tenemos las condiciones aquí mismo. Si se hace esta condición. Por lo que eso revisará los casos aquí mismo. Si este caso es mu dos simplemente eso ejecutará este bloque de código e ignorará todos estos todos bloques de códigos justo aquí. Si ninguno de los casos se encuentran aquí mismo. Entonces lo mismo es el caso como si más dos, entonces eso simplemente se moverá al resto bloque de núcleo. Entonces aquí en el lugar del bloque S de código aquí tenemos el caso predeterminado justo aquí. Por lo que el beneficio aquí es de la caja del interruptor. Ya que sé que tienes este tipo de preguntas de que cuál es el beneficio de las declaraciones de switch y por qué las usamos aquí, las principales ventajas es que en esto, el usuario puede comparar no están fuera del valor de las variables por una sola sentencia switch y usando una serie de los casos aquí mismo. Es hacer las detecciones de errores más fáciles ya que el programa se divide en cuanto más EU a través de estos casos. Y generalmente se usa cuando muchos valores de nuestras variables son para ser Comparar aquí mismo. ¿ De acuerdo? Por lo que el propósito de la sentencia switch es el tipo del mecanismo de control de selecciones utilizado para permitir que el valor de una variable o expresiones cambie el flujo de control del programa. Y eso hará ejecuciones vía la búsqueda y los mapas. Ok, esperemos que entiendas ahora si encuentras algún problema con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 32. Matriz Javascript: Oigan chicos, bienvenidos a esta conferencia. En esta conferencia vamos a hablar de lo que es una matriz y cómo podemos usar en nuestros lenguajes de programación. Array que es una estructura de datos que consiste en una colección de elementos, valores, o variables, cada uno identificado por al menos uno. Indexado o clave. Array son una parte importante de los lenguajes de programación y las áreas se utilizan para almacenar múltiples valores en una sola estructura de datos. Un periodista árabe rasgó una colección de artículo en los lugares de la memoria continua. Y también se puede llamar como la lista en la colección en la mayoría de los lenguajes de programación como Python. ¿ De acuerdo? Tal como es, te digo una respuesta corta en la matriz. Por lo que una matriz puede definirse como n colecciones ordenadas del índice del ítem por el entero continuo. Tal como es. Te cuento de la larga respuesta. Por lo que el aire está estrechamente relacionado con una manera como las informaciones de librería. Deja, deja, deja, te acabo de dar el ejemplo de eso aquí se puede ver que v, cómo libro inglés, o v, cómo libro Java. Dentro del libro, v, cómo diez capítulos. ¿ De acuerdo? Ya que solo te dice que un árabe puede definirse como colecciones ordenadas del artículo. Esto no quiere decir que tu capítulo número uno venga al final del libro. ¿ Eres un capítulo número diez se llega al primero del libro. Simplemente te digo que la matriz son las colecciones de pedidos de los artículos o de los elementos. Esperanzas evento es diez fuera. Aquí se puede ver que cómo se puede acceder al elemento que a menudo se agrega aquí mismo. Recuerda nuestro ejemplo de libro, donde hablamos sobre el índice y el orden en una matriz. Cada elemento dentro de la matriz tiene un índice. El índice no es más que nuestros números, como puedes ver en tu pantalla. Pero el índice no es un número aleatorio, como ustedes saben aquí pueden ver que tenemos l como números aleatorios justo aquí, que es TOR dentro de la matriz. Yo también te contaré sobre la indexación. Ok. Aquí se puede ver que v, cómo cinco elementos o los elementos que son tan rasgados en el, agregados justo aquí. En último ejemplo, se puede ver cuando acabo de trabajar con un bucle for. Entonces solo les hablo de esta indexación aquí mismo. Entonces como puedes ver aquí, v, cómo cinco valor, que es TOR dentro y editar aquí mismo, que es 56, lo siento, 5650. 342412. El indexado de estos todos los valores aquí son 01234, parece un caso así aquí. Entonces como puedes ver, el índice entero está comenzando desde 0 y sube a uno a la vez. De ahí que se le llame índice basado en 0. Aquí se puede ver que en el índice número 0, v, cómo los valores Tor, que es 56, luego en el índice número uno tenemos los valores Tor, que es 50, y el índice número dos, tenemos el valor almacena 34. Te ayuda a entender ahora. Por lo que puedes ver aquí cómo podemos acceder al elemento de un adder justo aquí. Por lo que el índice empieza en 0 y sube la CPU de uno a la vez. Pero hay algunos lenguajes de programación como JavaScript, Java camilla, extracto, SRA, veer, índices de array a partir del uno, o lo siento, no nuestro Javascript o Java dentro unos lenguajes de programación más bajos o programación de teclado lenguajes, el índice como a partir de uno cero nada te ayuda a entender ahora que dentro del JavaScript, estamos empezando el índice desde 0, ¿de acuerdo? Pero dentro de los otros lenguajes de programación como LA, Ed Key bowl, por lo que al adherir, VR usando el índice está partiendo de una esperanza. Entonces lo entiendes ahora, pero eso es por claridad toda nuestra discusión en esta serie, vamos a asumir una matriz para ayudarnos índice basado en 0, ¿de acuerdo? Porque en JavaScript usamos una indexación basada en cero. Esperemos que entiendas ahora aquí puedes ver este es elemento en forma surtida. Por lo que esta zona está ordenando. Lo sentimos, esto no es elementos surtidos porque salmón 1165, si ves el elemento ordenado de una matriz. Entonces en primer lugar, eso tomará el valor pequeño, luego el valor capital, y luego visto como un caso como ese subirá como aquí. Si v, cómo los 2346789 tipos de elementos, si queremos ordenar este error aquí mismo. Entonces en primer lugar, tenemos que escribir 234, después tenemos escribir 6789 porque este es un error de tipo ordenado. Esto no es un error de tipo surtido. Ok, así que déjalo en la matriz ordenada. Estamos haciendo una de estas conferencias separadas. Entonces aquí se puede ver que v, cómo algunos tipos de valor dentro, que está almacenando dentro de la matriz y el índice de estos valores justo aquí. Puedes ver aquí 0123456789. Entonces esta es la longitud de la flecha de nueve tamaño justo aquí, que está empezando desde el hueso inferior y la deuda sube demasiado límite superior justo aquí. Como se puede ver aquí, que agregar un nuevo elemento en la matriz en diferentes posiciones en pared o diferentes tipos de trabajos de levantamiento pesado. Generalmente agregar un nuevo elemento al final de la matriz es n, Fácil, peasy Foster y requiere un trabajo menos. Todo lo que teníamos que hacerlo ir un número más alto. Buda, último número de índice en la edición justo aquí. Entonces como puedes ver aquí en primeros auxilios que cómo podemos agregar el nuevo elemento a una matriz cuando estamos trabajando con nuestra programación. Por lo que estarás entendiendo por completo este concepto. Aquí. Se puede ver que v infierno, algún tipo de arabinose nuestro tamaño de edad. Y queremos sumar este valor a esta área. Entonces simplemente estamos sumando el 100 d.C., el último de los eruditos aquí. Espero así que entiendas ahora, para que como puedes ver aquí, que esta es nuestra forma ordenada erudita aquí, cada área se está posicionando, agrega la suya propia. Puedes ver aquí 12233445566778198900 aquí mismo. Te ayuda a entender ahora. Entonces estamos sumando uno de los, otro valor aquí mismo, que es un 100 AD, las posiciones del índice ocho justo aquí. Por lo que agregar un nuevo elemento al final es más rápido y fácil. Generalmente, el método de área funciona a usar agregando el valor al final, solo tiene que agregar uno, el último índice utilizado para acomodar un nuevo elemento justo aquí. Aquí tenemos el problema. Y yo solo estoy definiendo una solución también. Entonces fue sencillo porque teníamos que almacenar sólo cinco tamaños de números de matriz. Y ahora supongamos que tenemos que almacenar 505 mil números enteros. ¿ Vamos a usar 500 variables en esa etapa o no? Aquí se puede ver que para manejar este tipo de situaciones, casi todos los lenguajes de programación proporcionan un concepto que se llama matriz. Un array es una estructura de datos que se puede almacenar colección de tamaño fijo de los elementos del mismo tipo de datos. Si quieres almacenar pisos. Por lo que estos todos los números serán defectuosos si quieres almacenarlo. Los enteros a todo número serán enteros. Se utiliza un área para almacenar una colección de datos, pero a menudo es más útil pensar un Eddie como colecciones de variables del mismo tipo. En lugar de declarar las variables individuales como número 12 y arriba dos números de n. acaba de declarar una matriz, que es un número variable de entero, que es un tipo de Like a number que está comenzando desde 012. Y eso es sube al número de n para representar las variables individuales. Y aquí se puede ver que eso es simplemente escribir 0 hasta número de n son el índice asociado a las variables árabes. Y se están utilizando para representar las variables de elementos individuales en Eddy. Por lo que todas las áreas son consistentes en ubicaciones de memoria continua como solo te digo. Por lo que las áreas loess, compuestos o componentes, o el corresponde al primer elemento como la dirección más alta hoy o último elemento justo aquí. Aquí puedes ver que este es el primer elemento que está de gira y puedes es TOR, array en el último elemento justo aquí, te ayuda a entender todos los ejemplos teóricos de esa zona y ¿qué es una matriz? Pasemos al ejemplo de una matriz y veremos eso cómo podemos trabajar con un editor aquí mismo. El aquí, se puede ver que solo estoy creando un sencillo agregar un programa. Aquí. Este es un guión. Entonces esta es una etiqueta de guión aquí mismo. Y aquí puedes ver que solo estoy creando las variables aquí mismo. En primer lugar, solo estoy creando una variable off. Supongamos que aquí tenemos frutas son ejemplos antiguos aquí mismo, ¿de acuerdo? Lo que ya estamos girando momento. Entonces las frutas aquí están, lo siento, lo que es igual, así que la comida está aquí son, primer lugar, estamos creando un poste. Entonces aquí tenemos cereza, luego aquí estamos mangos. Y esta es una coma aquí mismo. Y para escribir el ADA, simplemente tienes que escribir estos corchetes aquí mismo. Y esto es igual a los mangos. Y aquí tenemos escribir naranja aquí mismo. Como se puede ver aquí, este es el tamaño de cuatro de matriz. Y si vemos como el índice sabio, así que esto es tres porque aquí mismo 10123, y hay que cerrar esta zona con punto y coma. Ahora aquí solo estoy escribiendo o solo estoy imprimiendo este array a ustedes chicos. Donde se puede ver aquí que estoy simplemente imprimir frutas como el nombre de la matriz. Y aquí tengo escribir que esto es más V o tengo escritura, cosa simple, un salto de línea aquí mismo. Y aquí tenemos que ir a la edición ITU y editar dot HTML. Refresca esto y aquí, no nos está mostrando la salida. Tomemos la ADA aquí mismo que lo que hicimos un error. Entonces aquí tenemos el pequeño error justo aquí, y ahora está bien. Hay un ir al navegador y reformularlo. Entonces tú aquí, puedes ver que solo consigo todos los elementos del aire justo aquí. Y esta es nuestra zona. Ahora puedes escribir como qué variable y la variable aquí es. Se puede ver que tengo que escribir el let supone un color y el color que es igual a n está definiendo un solo elemento. Supongamos que esto es un rojo. Y aquí se puede ver que acabo escribir la matriz que es color y refrescar. Se puede ver que también se puede obtener un solo elemento de la matriz también. Ahora aquí puedes ver que cómo podemos acceder al elemento a menudo editar aquí mismo en el script Java. Se puede acceder a cualquier elemento por su indexado utilizando las notaciones entre corchetes. Y agregar índice es impar numerado que representan las posiciones de un elemento en una matriz. En el índice r se inicia a partir del 0 basado. Y esto significa que el primer ítem de una matriz es torr en el índice 0, y entonces eso subirá al número de N. Sólo veamos que cómo podemos, es hacia el área indexada o cómo podemos acceder a los elementos del ático por el índice sabio. Aquí puedes ver que tenemos que escribir los documentos son correctos. Y entonces aquí tuvimos paseo, supongamos que esto son frutas. Y aquí tengo que escribir este corchete y solo quiero acceder al elemento en el 0 justo aquí. ¿ De acuerdo? Entonces aquí se puede ver que se trata de una etiqueta BR. Por lo que eso simplemente accederá al elemento, agregue el número 0, que es un tirón. Entonces este es el 0123. De acuerdo, aquí solo reformulo esto. Por lo que puedes ver aquí que accederá al elemento como la superior derecha aquí. Entonces aquí golpeo 32. Entonces, solo comprobemos eso. Por lo que aquí se puede ver que a eso se accede naranja y mangle. Entonces aquí, naranjas en el número tres. En primer lugar, eso imprimirá el número tres y luego el número dos, que es el mango aquí mismo. Esperemos que entiendas eso, que cómo podemos acceder al elemento, elemento de un error aquí mismo. Por lo que también se puede obtener la longitud SRA también y cómo se puede conseguir eso. Entonces no hay simple LinkFunction está usando para eso aquí puedes ver que tienes documento y documento.escribe aquí donde tienes escribir que esto es frutas punto aquí, tengo escribir que esto es longitud también. Se puede ver, se puede ver eso aquí. Se puede ver que tenemos el tamaño cuatro de edición aquí mismo. Esperemos que lo entiendas ahora. Ahora aquí te diré que cómo puedes crear diferentes enteros flecha aquí mismo. Cómo me puedes ver cómo está la variable y variable aquí. Supongamos una persona y la persona que es igual a aquí, sólo escribo que el nombre de la persona aquí son niñeras. Y entonces aquí tenemos otra persona nombre imagen es john. ¿ De acuerdo? Y aquí sólo escribo también la edad de Juan. Por lo que se puede ver ahí que el cabello AGE es de 25. Ahora aquí puedes ver que cómo podemos acceder a eso. Tan simple, tienes nodo de escritura de documento, derecha, y la derecha aquí es persona. ¿ De acuerdo? Ahora refresca esto. Se puede ver aquí que en primer lugar que accederá a Dennis John N, La Era de eso también. Esperemos que entiendas eso, que cómo podemos trabajar con una matriz en JavaScript si encuentras una nueva el problema respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 33. Javascript Sorteo de arays: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar de la clasificación de una matriz en JavaScript. Si tiene una matriz de un objeto que necesita ordenar en un cierto orden, podría verse tentado a eliminar para la biblioteca de scripts Java. Pero antes de que lo hagamos, recuerda que puedes hacer alguna clasificación bastante ordenada con la función Arrays.Sort de la naturaleza. Discutiremos esta función más adelante en esta conferencia. Por lo que la clasificación es uno de los temas más significativos en la programación. Tanto si eres principiante como si trabajas desarrollador, te enfrentarás a algoritmos de clasificación en tus exámenes. Son empleos dentro de ti. Probable en escenarios de la vida real. No necesitamos implementar ningún algoritmo de clasificación desde cero. Javascript lo tiene en beta y método de clasificación. Y en esta conferencia vamos a cubrir esta clasificación de una matriz en JavaScript. Entonces, ¿qué es un algoritmo de clasificación? En informática, un algoritmo de clasificación es un algoritmo que pone elemento de nuestra lista en cierto orden. El orden más utilizado, nuestro orden numérico o orden lexicográfico. Para nuestro caso específico, un algoritmo de clasificación, mayormente D con elementos en el término de ordenar su orden alfabéticamente o numéricamente cambiando la posición de cada elemento en la matriz. El ordenamiento puede ocurrir ascendente o descendente en función de su preferencia. Cómo aquí se está usando un método, que es un método de ordenación para ordenar tu adición. Y aquí se puede ver que cuál es la edición de clasificación aquí mismo. Entonces mientras tomamos un ejemplo de la vida real sobre alfabéticamente sabio, así veremos eso cómo podemos ordenar nuestro alfabeto. Déjame ver aquí, puedes ver solo escribo b, a, d, c, y e Como puedes ver aquí, que solo tomo cinco índice justo aquí en esta matriz. ¿ De acuerdo? Se trata de 12345 valores. Si tomas esto como índice y, así 01234. Y como se puede ver que esta es la forma sin clasificar, porque B está en el primer DCN E Si ordenamos esta matriz. Entonces vamos a hacer ese primer día. Se puede ver aquí que vamos a ser cabalgar como a. Entonces aquí vamos a escribir b, luego aquí vamos a escribir C, y luego D y E aquí mismo, como se puede ver eso. Ok, entonces solo uso esto como procedimiento. Por lo que te mostraré un paso completo de este error de clasificación está justo aquí. Se puede ver que esto está ahí. Supongamos b, a, d, c, e. Así que en primer lugar, se puede ver que yo solo NOSOTROS o simplemente deslizo los valores entre a y b Así que en primer lugar celebramos a, luego solo estoy escribiendo B aquí, ¿de acuerdo? Y entonces lo mismo es un caso como D, C, y E aquí mismo. ¿ De acuerdo? Como puedes ver, mis dos valores aquí están ordenados. Entonces solo escribo un en el lugar, estar en el lugar. Entonces aquí solo ordeno estos dos valores. Por lo que puedes ver aquí solo deslizo c y d juntos. Entonces como pueden ver, a, B, C, D, y E. Así que sobre toda la zona aquí está ordenada en este momento. Entonces entiendes ahora que cómo podemos ordenarlo como una forma gráfica. Veamos que cómo podemos usar un método sort y simplemente con la ayuda de esta función, ordenamos nuestro todo eddy. Por lo que los métodos de ordenación permiten ordenar elementos de una matriz en el lugar además de ejecutar la matriz ordenada, los métodos de ordenación encadenan la posición del elemento en la adición original. Por defecto, el método de ordenación ordena el elemento de área en orden ascendente con el costo más pequeño n el último valor más grande. Como puedes ver lo que yo sólo ella te quiere. Vamos sólo al área de codificación y veremos que cómo podemos ordenar el agregado aquí mismo. Entonces como puedes ver aquí, que este es nuestro ejemplo de eDx. Por lo que sólo estoy tomando este ejemplo aquí mismo. Y se puede ver aquí que sólo estoy creando una variable de caminos. Y ahora aquí puedes ver que simplemente estoy cambiando los valores de eso. Aquí, naranja. Y aquí puedes ver solo escribo que esto es capa. Supongamos plátano. Entonces aquí escribiré que esto es TV. ¿ De acuerdo? Entonces como puedes ver aquí, solo creo 123456 tipo de eta aquí mismo donde puedes ver su índice mientras 1234, un perdón, como 012345, índice de agregado justo aquí, ok. Aquí puedes ver que acabo de crear una variable. Entonces variable aquí es que solo escribo sort, que es igual a aquí. Yo sólo escribo eso. Yo solo quiero ordenar este error aquí mismo. Entonces para ese propósito, ojos de cabello, método de clasificación de punto derecho. Espero que así lo consigas. Entonces este es el método de ordenación para ordenar es una palabra clave justo aquí. Y esta es la zona que acabo de crear aquí. Ahora aquí se puede ver tengo escribir documento y documento dot escribir donde tenía derecho, que esto son frutas y frutas plus, y aquí tuve que escribir que esta es una etiqueta BR. ¿ De acuerdo? Entonces esto es solo una salida aquí mismo. Entonces vamos a ver cómo podemos comprobar nuestra salida en primer lugar de estas frutas aquí mismo. Entonces aquí se puede ver, puedo escribir que esto es document.escribir donde tenía derecho? Que esta es nuestra espada o clases agregando. ¿ De acuerdo? Se puede ver que acabo de cerrar este código aquí mismo. Ahora. Simplemente voy al navegador y aquí voy a refrescar esto. Y se puede ver en primer lugar v, cómo en Apple, mango, plátano, cereza y TV aquí mismo. Porque aquí se puede ver que este es nuestro método de clasificación aquí mismo. Se puede ver que con la ayuda de esto, podemos ordenar nuestro, este método aquí mismo. ¿ De acuerdo? Como se puede ver, en primer lugar, esto va a manzana que mango, que Nana, cereza, KV, y naranja. Entonces, para que como se puede ver en la salida que no estamos obteniendo ninguno de los resultados aquí mismo. Al igual que uno, estamos obteniendo dos resultados aquí mismo, que es a y m Entonces esto es una y significa que la manzana y el Mango aquí se ordenan en lugar de estos todos los valores. Tu pregunta será por qué nosotros, esto, este algoritmo de clasificación no vamos a ordenar estos valores y por qué este algoritmos está ordenando estos valores. Entonces una pregunta aquí es porque aquí se puede ver allá acabo de escribir a es una capital aquí, y m también es una capital aquí. Por lo que funcionan los algoritmos de clasificación. Si tienes todos los valores son mayúsculas, significa mayúsculas, o eres todos los valores son minúsculas, o una letra pequeña. Entonces aquí solo uso un valores mixtos. Veamos ahora en el código donde se puede ver eso aquí, a y M justo aquí. Por lo que todas estas primeras letras son, es pequeñito. Guarda y actualiza esto. Entonces puedes ver aquí, yo decido que esta matriz aquí está ordenada de forma porque a, b, c, luego K, M, O. Así que puedes ver aquí estas todas las áreas están en forma ordenada ¿verdad? Ahora. Esperemos que entiendas ahora si quieres dar todos los valores aquí son mayúsculas, así que C, a, y aquí tengo que escribir m, Entonces aquí, o, entonces aquí me esfuerzo por ser, y esto es agregar la última k Así que puedes ver aquí, y acabo de reformular esto. Entonces aquí, estos todos los valores están en forma ordenada, es si tú, si les das valor mixto como mayúscula a, mayúscula B, y estos todos los valores son pequeños, por lo que eso simplemente ordenará tú eres esta zona primero y eso dejará su y otros valores arriba para que se consiga que la planta. Si encuentra alguno del problema con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 34. Funciones y diferencia funcional y de OOP: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar de la función. Y te contaré sobre el concepto de programación funcional y orientado a objetos en JavaScript. En programación y sección nombrada de un programa que realiza una tarea específica. Es función de guardia. ¿ Cómo? Supongamos v, cómo todo nuestro sistema de sistema de gestión de bibliotecas. Y tenemos un nombre de función que es libro, bien, o un libro. Se utiliza la función Libros o realizar una tarea específica. Esta es tarjeta aquí en este sistema LMS, que es una función o un módulo. En esto, dado que una función es un tipo de procedimiento o rutina, algunos lenguajes de programación hacen distinciones entre una funciones que devuelven un valor y un procedimiento que realiza algunas operaciones pero no devuelve un valor. Funciones y los procedimientos son los bloques básicos del programa. Se trata de una pequeña sección de un acorde que se utilizan para realizar una tarea en particular y se utilizan por dos razones principales. Vamos a ver aquí que V, cómo el sistema LMS, ¿de acuerdo? Aquí tenemos los bloques básicos del programa. Supongamos autores de libros y tenemos algunas clases de números como IB n. Ok? Por lo que aquí se puede ver que en este gran sistema LMS, tenemos tres módulo de Moore. Por lo que estas son las funciones significa que un grandes programas se dividen en la pequeña parte del programa, que es reutilizable. El primer motivo es que se pueden utilizar para evitar las repeticiones de mando dentro del programa. Si tienes operaciones que se realizan en las diversas partes diferentes de los programas, entonces tiene sentido quitar el código repetido hormigas nos crean funciones separadas son los procedimientos que pueden ser tarjeta de estos lugares. En su lugar. Esto no sólo reducirá el tamaño de su programa, sino que hará que el código sea más fácil de mantener y eliminará la posibilidad de que algunos del segmento de código se actualicen, actualicen , pero no otros. Aquí puedes ver que para estas líneas de código, para esta líneas de oración aquí que veremos es que eras sistema LMS una vez que escribes la función de libro, entonces todos los módulos vista definirán en este libro para que no tienes que escribir tu propio código una y otra vez. Entonces el beneficio aquí es que la deuda reducirá también el tamaño de su programa, y eso también reducirá su esfuerzo de programación. Aquí se puede ver eso, que cuál es la función de programación? Si tienes antecedentes en las matemáticas y tienes un head-start en la programación de funciones. Entonces esto es, esto se debe a que la función de programación petagram trata la computación como funciones matemáticas. Si no tienes antecedentes matemáticos, ¿la discordia te dejó sintiéndote confundido? Básicamente, la programación funcional trata las funciones y los datos como lo inmutable. Y pasarás datos a funciones. Y es generalmente devuelve que los datos se transforman o algún otro tipo de los datos. En la programación funcional, la función nunca debe cambiar los datos originales ni el estado del programa. Existe una similitud con una filosofía Unix de que cada programa debe hacer una cosa bien, y una función no debe tocar varias partes de su programa. En cambio, debería tomarlo entrada y darte una salida. Cómo puedes ver que una función tomará una entrada aquí mismo. Y supongamos que la función aquí es libro, así que eso tomará una entrada, y entonces eso también te mostrará salida del programa. Por lo que la función idéntica debe ser pura lo que sea posible en una programación funcional, esto significa que una dada la misma entrada, las funciones de salida ahora, salida siempre seguirá siendo la misma. Esperemos que lo entiendas ahora. Ahora aquí se puede ver que la programación funcional vs. la orientada a objetos. Esta es una salida dramática de una, algo así como programación orientada a objetos en programación orientada a objetos, orientada a objetos. En la programación orientada a objetos, a menudo cómo un objeto básico con diversos métodos dedicados a encadenar sus datos o estado que son parte de ese objeto. Método puede incluso alterar datos o patrimonio, si no explícitamente, está inclinado, significa que en la programación orientada a objetos hay que crear un objeto de la clase y luego hay que usarlo. Pero en programas prácticos en algún momento Eso son mixins. Y este conjunto muerto, puede hacer que los programas sean más difíciles de mantener y no siempre está claro qué está alterando que es T8 o el lenguaje de programación funcional y de datos fue utilizado originalmente para académicos los entornos, pero puede también ayudan a prevenir los puntos. Ese tipo de problemas. En la programación de funciones, hay que crear las funciones. Pero en la programación orientada a objetos, hay un concepto de las clases y objeto que tienes que crear. El clase significa que un crear una clase de libro. Y dentro de la cláusula hay muchas funciones. Sólo volvamos puramente a las funciones que qué función hace exactamente. Funciones encapsulan una tarea. Combinan muchas instrucciones en una sola línea de código. Y se puede ver que la mayoría de los lenguajes de programación proporcionan muchas funciones incorporadas que de otro modo requerirían muchos pasos para lograr. Por ejemplo, computando la raíz cuadrada de un número en revista. No nos importa cómo de funciones hace lo que hace, y sólo eso lo hace cuando se llama a una función, los programas salen de la sección actual del tribunal y comienzan a ejecutar la primera línea en lugar de las funciones, hace las funciones siguen el control donde se puede ver que la función o el programa llega a una línea, por supuesto, que contienen una llamada de funciones. En primer lugar, tienes que declarar el nombre de la función y luego tienes que llamar a tu nombre de función. De acuerdo, los programas ingresan a la función que está dirigida a la primera línea en el puntaje de función. Y todas las instrucciones dentro de la función se ejecutan desde arriba con las de abajo. Los programas dejan las funciones y se remonta a donde partió. Cualquier dato computado y devuelto por las funciones se utiliza en lugar de las funciones en línea original de código. Aquí conozco la pregunta en tu mente de que por qué necesitamos funciones en el JavaScript para mejorar la legibilidad de tu código, tienes que usar función, mejoró la reusabilidad del código. Tienes que hacerlo, tienes que usar función y algunas funciones se pueden usar en cualquier programa en lugar de escribir el mismo código desde cero. Al igual que aquí, puedes ver que simplemente tienes que escribir, supongamos que un nombre de función aquí es libro. Por lo que tienes que crear libro de funciones simples y tienes que definir toda la funcionalidad está dentro de esta función de libro y luego tienes que usarlo. Entonces a esto se le llama la, perdón, a esto se le llama reusabilidad. ¿ Qué es una legibilidad? Entonces legibilidad significa que aquí, cuando estás escribiendo la función de libro, entonces tienes escribirte una otra función que es autor, y entonces tienes derecho, otra función que es el número de IBM. Entonces aquí puedes ver que cada módulo o cada función te quedará bien claro. Entonces esto es Legibilidad del automóvil. Por lo que desbaratar el código sería más fácil si estás usando las funciones y las flechas son fáciles de rastrear porque cuando estás usando el módulo de libro y encontrarás un error dentro de este módulo de libro. Por lo que tienes que simplemente revisar la función de libro en lugar de revisar todo tu código hacia arriba. Entonces obtienes eso, que cómo podemos depurar o cómo, qué más fácil es depurar cuando estás usando la función. Las funciones también reducen el tamaño del código que duplican el conjunto de sentencias son reemplazadas por una función, lo que significa que aquí puedes ver que si no estás usando la función, por lo que tienes el libro correcto muchas veces en tu cordón. Entonces una vez que declaras lo funcional y ella escribe una función aquí mismo, así que simplemente tienes que llamar a tus funciones una y otra vez, o simplemente tienes que llamarte o a este bloque de código. Entonces este es auto, o esto se llama para reducir el tamaño de tu código con la ayuda de funciones. Esperemos que consigas eso. Ahora aquí puedes ver que en el JavaScript, tienes que definir primero la función, luego tienes que escribir funciones en. Este es el podómetro de tu función y después has escrito tu declaración, la línea de código aquí, este es un programa de factorial y estamos encontrando los números de factoriales aquí mismo. Por lo que obtienes que ahora solo voltea al ejemplo y veremos que cómo funcionan estas funciones. En primer lugar, ya sabes, ya trabajamos con unas funciones en este curso, pero aquí te daré por completo un conocimiento de función. Escribiendo la función aquí v, cómo el nombre de la función primero somos, vamos a suponer un nombre de función aquí es SBC, ¿de acuerdo? Como se puede ver aquí, que esta función aquí es la palabra clave. Y entonces este es el nombre de la función. Y hay que escribir los argumentos son así que tienes escribir los podómetros o las funciones. Supongamos que tiene podómetro derecho aquí mismo dentro de este paréntesis. Y luego tienes que escribir el bloque de código o declaraciones aquí mismo. Espero que así lo consigas. Ahora aquí puedes ver que acabo de crear una función que es nombre de hola. Y estamos, no pasamos ninguno del parámetro justo aquí y aquí simplemente uso el mensaje de alerta para ustedes chicos donde pueden ver que este es un mensaje de alerta. Y aquí, se puede ver que aquí dentro de ese script Java. Entonces aquí dos tipos de funciones, pero solo estoy usando aquí mismo, que es una función definida por el usuario. Y esta es una función incorporada, que es la función de mensaje de alerta aquí mismo. Vamos a ejecutar este código aquí mismo. Y este es un archivo HTML de función. Y como puedes ver aquí, así que mi código aquí no se está ejecutando. Sólo por, se puede ver aquí que simplemente estoy creando una función. ¿ De acuerdo? Se estará ejecutando la función porque la función se está ejecutando aquí, porque no llamamos a la función aquí mismo. Una vez que declaras la función, tienes que llamar a esa función también. Cómo se puede ver eso aquí, se puede ver tengo que ir a la etiqueta de guión VR. Eso lo describí. Perdón, esto es una etiqueta de guión aquí y aquí dentro de este pelo corporal ES correcto que esto es sólo una etiqueta de párrafo. Y donde se puede ver que aquí, correcto, que esto es copia de función, esto es guión pacer en la etiqueta de encabezado. Y aquí puedes ver, aquí solo creo un formulario. Y el formulario aquí, como se puede ver que dentro de esta forma, solo escribo la entrada y entrada aquí es un tipo de botón. Cuando acabo de hacer clic en este botón. Por lo que solo uso el método OnClick. Ya trabajamos en ese método OnClick. Y se puede ver que aquí está derecho en el método click. Entonces en método click, simplemente escribo el nombre de mi función aquí es hola. ¿ De acuerdo? Y entonces aquí acabo de cerrar este código aquí mismo. También se puede definir el valor a esa función. Supongamos el valor aquí. Haga clic conmigo. De acuerdo, aquí cuando sólo voy a este acorde y refresco esto. Por lo que se puede ver aquí que esta es una función que es una etiqueta p. Y luego aquí cuando solo haga clic en este botón. Por lo que esta función me va a mostrar hacer aseguramiento a mí, salida justo aquí, que es un script java justo aquí, cuando acabo de hacer clic en eso, así que esto es solo un OK justo aquí. Entonces como puedes ver aquí, que en primer lugar vamos a crear esta función con el nombre de hola. Entonces aquí una diversidad de usuarios, nuestra función predeterminada está disponible, que es mensaje de alerta. Y entonces eso me mostrará el mensaje de alerta del JavaScript aquí mismo. Por lo que también puedes usar documento dot, escribir con él. ¿ De acuerdo? Y también puedes usar barra de dopamina o probada con ella. Recongelaciones y ventajas. Haga clic en esto, haga clic en mí botones. Por lo que esto todos los profesionales para reunirse con la ayuda de esta función. Ahora aquí puedes ver que una vez que defina este nombre de función, así que no necesito escribir esta función una y otra vez. Ok, aquí se puede ver que simplemente copio. Y aquí puedes ver que solo escribo ese botón y Botón click aquí mismo. Entonces aquí solo estoy creando uno de los, uno de los, otro botón justo aquí. Entonces como puedes ver aquí, tenemos los dos botones y solo refrescaremos esto. Por lo que puedes ver aquí, solo hago clic en este botón o en estos botones. Por lo que la misma función me será mostrada como la salida aquí mismo. Entonces este es el auto que reducirá su tamaño del programa que simplemente lo mejor para su legibilidad y usabilidad de código también. Es así como se agregan las funciones, así es como podemos crear las funciones. Podemos llamar a la función, por lo que podemos llamar a una función aquí mismo. ¿ De acuerdo? No, sólo ven al programa donde vamos a crear. Funciones pentámetro como adulto. Y te diré que cómo puedes crear las funciones podómetros. Por lo que hasta ahora, hemos visto funciones sin los podómetros, como puedes ver en tu pantalla. Pero ahí, hay una facilidad para pausar diferentes parámetros mientras se llama a funciones. Estos pausan los podómetros se pueden capturar dentro de la función y cualquier manipulación se puede hacer en esos parámetros de funciones puede tomar múltiples parámetros separados por la coma. Cómo se puede ver aquí, esta es mi primera función. Ahora aquí solo estoy filmando una de las, otra función aquí mismo. Y el nombre de la función aquí se deja suponer que esto es abc. Ahora aquí puedes ver que solo estoy creando el nombre de esta función aquí mismo. Lo sentimos, los parámetros de esta función aquí mismo, pero solo escribiré el número uno y este es el número dos justo aquí. ¿ De acuerdo? Y aquí se puede ver que estoy instituyendo una variable. Y variable aquí es que solo estoy escribiendo un nombre de variable, que es un total. Y el total aquí es el número uno más el número dos. Entonces lo consigues. Ahora aquí solo estoy escribiendo document.escribir y document.escribir aquí está imprimiendo el resultado y el total justo aquí. Espero que así lo consigas, que cómo podemos crear esta noche de funciones aquí. Entonces esta es una funciones que tomarán dos parámetros, el número uno y el número dos justo aquí y aquí puedes ver estamos creando una variable. Entonces cuando solo estás creando una variable, así que esto es VR. Y aquí se puede ver que este es el nombre de esta variable aquí, que es total. Entonces solo escribo total que es igual al número uno y al número dos, estoy sumando dos números aquí mismo. Y después de esto, estoy obteniendo el resultado de esta luz total aquí. Conocimientos Ver, esto es sólo nuestra definición de la definición funcional de las funciones o cómo se puede declarar la función. Ahora, puedes ver aquí, solo estoy escribiendo ABC, que es un nombre de función. Aquí, solo estoy llamando a la función pasty, solo estoy proporcionando el primer valor del parámetro. Supongamos que esto es a las diez y entonces tenemos un número para valorar aquí es 50. Entonces, ¿qué imprimirá esa? Imprimirá 60 aquí mismo. De acuerdo, y aquí se puede ver esto es document.escribir. Y entonces aquí se puede ver ese sencillo y romper. Y después de esto aquí, empecé ABC y ABC aquí está imprimiendo el resultado como uno del valor menos. Supongamos menos seis t Y entonces aquí sólo escribo que este es un 100. ¿De acuerdo? Y esto también es punto y coma. Acude al navegador, refresca esto. Por lo que aquí se puede ver que en primer lugar, en la primera etapa, eso resultará como las 60 páginas. Porque aquí fuera se puede ver que el valor aquí es de 50 más diez, que es igual a 60. Y luego tenemos menos 60 y más un 100. Entonces el resultado aquí es, se puede ver que esto es 40 porque menos 60 más 100 aquí son cuatro p. Ahora, les diré el flujo del programa. En primer lugar, estamos creando un nombre de función, que es ABC, luego pasando los dos parámetros aquí mismo con el nombre del número uno y el número dos justo aquí. De acuerdo, entonces aquí se puede ver que acabo de obtener, solo creo una nueva variable que es el nombre del total. Y entonces aquí se puede ver allá sólo estoy llamando a estos parámetros aquí mismo, que es el número uno y el número dos justo aquí. Y entonces aquí los documentos o documentos tienen razón, y eso me va a mostrar ese resultado. Cualquiera de los números aquí, se puede ver que solo estoy llamando a la función. Función donde acabo de proporcionar el PRI, los valores a este número uno y número dos, que es 1050 y menos 1600. Y entonces aquí, esto es para un solo embrión. No lo confundas, está bien. Ahora puedes ver que también puedes crear un nombre de función, cual también puedes crear una función con un nombre y apellido también. Por lo que aquí se puede ver ese nombre derecho de hielo. Entonces este es un ejemplo de la vida real. Y aquí se puede ver que este es el último nombre de subrayado. Te ayuda a conseguir eso. Aquí. Se puede ver que un nombre de función aquí es que solo escribo nombres. ¿ De acuerdo? Ahora como puedes ver aquí, estoy transmitiendo esto y después de éstos aquí solo escribiré que este es F underscore name, que es mi nombre de pila como parámetro. Entonces solo escribo más cadena vacía y luego golpeo más, que es una continuación aquí y que es el último nombre de subrayado justo aquí. De acuerdo, esto es solo una declaración de función y proporcionando el valor de salida. Y ahora aquí se puede ver esto está dentro de esa función y puntaje más cercano. ¿ De acuerdo? Y lo siento por eso y está bien, ahora, bien. Aquí puedes ver ahora solo estoy llamando a esta función. Entonces como pueden ver aquí, sólo estoy escribiendo nombres. Nombres donde acabo de escribir el nombre aquí es Bob. Entonces sus ojos, ¿verdad? El apellido aquí es Ken. ¿ De acuerdo? Y luego acabo de cerrar función llamando justo aquí. Entonces aquí solo estoy llamando a la función. Y entonces aquí se puede ver sólo voy al navegador y refrescar esto. Entonces aquí como puedes ver, que nuestro nombre Harris Bob, y el pelo de segundo nombre es no puede justo aquí. Ahora bien, si estás definiendo el valor a esa función, lo siento, el podómetro número uno. Y si no estás aportando el valor al podómetro número dos. Entonces, ¿qué pasará ahí? Sólo C más D, sólo estoy escribiendo el valor. Supongamos que se trata de Bob, y aquí se puede ver que simplemente no estoy proporcionando ninguno de los otros valores a ese apellido. Reformular esto para que puedas ver aquí. Entonces, en primer lugar, solo estoy escribiendo un salto de línea, document.write y single y break aqui. Y se puede ver eso. Y como pueden ver aquí, eso imprimirá primero el Bob y el segundo valor se me muestra, me muestra que es valor indefinido porque no definimos ninguno de los valores aquí mismo. Entonces obtienes eso, que cómo podemos usar la función, cómo podemos crear las funciones, cómo podemos llamar a las funciones, cómo V puede agregar los parámetros a nuestra función. Es así como funcionan las funciones en el script java. Espero que así entiendas todos los puntos aquí mismo en esta conferencia. Si no entiendes alguno de los puntos de esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 35. Expresiones de función Javascript: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar de la expresión de función en el JavaScript. Por lo que se trabaja con la definición de una función llamando a una función que agregar los parámetros a la función. Aquí en esta conferencia, les diré que cómo pueden crear unas expresiones de funciones. Por lo que una expresión de función es muy similar a y maneja casi la misma sintaxis que las declaraciones de funciones. Ya estudiaste sobre la declaración de función en la última conferencia. Por lo que la principal diferencia entre una expresión de función y la declaración de función es el nombre de la función que se puede omitir en una expresión de función para crear legado de funciones anónimas según ejemplo. Y les diré que cómo podemos crear esta función como la función anónima justo aquí. Aquí puedes ver solo estoy creando una función en la etiqueta de script, que es el nombre de, Supongamos variable y variable aquí hay algunos, ¿de acuerdo? Y que es igual a aquí. Se puede ver que solo estoy escribiendo esto como el nombre de la función. Entonces aquí solo estoy pasando los parámetros como el número uno y este es el número dos justo aquí. Ahora obtienes que una diferencia entre una declaración de función y la expresión de función. Por lo que aquí se puede crear una variable que es una suma. Y entonces aquí se puede ver que esta es una función. Ok? Ahora, después de esto, el mismo ejemplo, tan valioso aquí es total, que es igual a I. Simplemente escribe el número uno más el número dos. Y eso usará una declaración de retorno es nuestro total. Entonces eso devolverá el valor de esta variable total aquí mismo. ¿ De acuerdo? Ahora aquí después de este hielo, documento derecho dot write y document.write aquí es en primer lugar, solo consigo las sumas donde solo le doy los valores a esos podómetros. Entonces supongamos que esto es cinco y esto es 80 aquí mismo. Entonces sólo puedo coordinar. Y acabo de concatenar la etiqueta BR y cierra o así aquí, esto imprimirá 85 Como el valor de suma. Ahora decido variable, las variables aquí están, se puede decir que supongamos algunos. Y entonces aquí que va a escribir sumas, que es mi, este nombre de variable o un nombre de función. Y entonces aquí se puede ver que esto es 20 y luego proporcionar otro valor que es 60. Entonces ahora aquí se puede ver que eso es correcto. Documento dot write, donde tuve que escribir el valor de esta suma también. Acude al navegador y comprueba la salida. Por lo que en primera etapa se puede ver que eso es imprimir 85 sólo porque apagado. Apenas por cinco más 80, que es igual a 85. ¿ De acuerdo? Y entonces aquí se puede ver que se trata de 60 más 20, que es igual a 80 aquí mismo. Entonces así es como se puede ver que una expresión de función es trabajar en el JavaScript. Entonces en esta función, en este código, se puede ver que usamos, ya solíamos crear una función y todos ya creamos una llamada de función. Pero aquí se puede ver que en primer lugar, estamos creando una función, simplemente proporcionarle los valores a ella. Entonces para mí, simplemente proporcionar la lógica y luego devolver este valor. Y parece un caso como aquí, se puede ver eso y vamos a llamar a eso. Entonces aquí, como se puede ver que esto es sólo una expresión de función aquí mismo. Esto, nuestro código aquí es función, lo siento, carretera sí soy poco error aquí mismo. Aquí se puede ver que se trata de una declaración constante. Perdón, en nuestra última conferencia aquí se puede ver que esta es la declaración de una función. Ok? Y aquí se puede ver que esta es una expresión de función aquí mismo. Entonces se obtiene eso, que cómo podemos usar una declaración de función y una expresión de función. Por lo que a esto también se le llama la declaración de función dentro de estas expresiones de función, pero no lo confundas aquí mismo. Hay una simple diferencia entre eso. Por lo que no hay necesidad de poner un punto y coma después cerrar corchetes rizados en una declaración de función, pero expresiones de función por otro lado, siempre se debe y el código con un punto y coma. Cómo se puede ver como aquí. Puedes ver una vez que declaras la expresión de funciones, por lo que tienes que cerrar con un punto y coma justo aquí. Espero que así lo entiendas ahora. Entonces si encuentra alguno del problema con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 36. Alcance variable de Javascript: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar de las variables de alcance en el script Java. Antes de iniciar esta variable de alcance, sólo necesitamos entender que ¿cuáles son las variables de alcance y cómo las usamos? Las variables son parte fundamental de muchos lenguajes de programación y se encuentran entre los primeros y más importantes conceptos para notar trimestres a aprender. Existen una serie de propiedades diferentes de las variables en el JavaScript, así como las diversas reglas que deben seguirse al nombrarlas. En JavaScript, hay tres palabras clave usando para declarar una variable. El primero es variable, el segundo es constante. Y tercero se deja n. el, cada uno efecto cómo codificar interpretará la variable de manera diferente. En esta conferencia, te contaré sobre eso, cómo puedes declarar las variables y cómo puedes usarlas. Como todos saben que las variables que están conteniendo o usaron parte del espacio de memoria y que restaurarán parte de la memoria se basan en el disco. Teníamos dos tipos de variables. primero es el global y el segundo es el local. Las variables globales son esas variables, las declaradas fuera del bloque de funciones. Y las variables locales son las variables que se declaran dentro del cuerpo de la función. A ver. Aquí tenemos la función que es un nombre de ABC. Aquí puedes ver que este es el cuerpo de la función y dentro de este cuerpo cuando estás declarando la variable. Por lo que esto significa que esta es variable local. Si está declarando la variable fuera del cuerpo de la función y las está utilizando dentro de la función. Entonces esto significa que esta es la variable global. Espero así que entiendas ahora, ahora aquí verás la etiqueta de guión derecha de hielo. Y dentro de esta etiqueta de guión, aquí escribiré una función. Entonces la función aquí es, supongamos que la función ABC. Ya trabajamos en la función. Aquí puedes ver que estás usando let como creando las variables que estás creando VR para crear las variables, estás creando la constante para crear la variable. Esto depende de ti. Entonces aquí se puede ver que tengo derecho, esa variable. Y aquí solo escribo que esta es variable local. Y la variable local aquí es z igual a Harris, ¿verdad? Que esta es una variable local. Y sólo cerraré este código aquí mismo. Como se puede ver, que aquí estamos creando una variable dentro del cuerpo de la función. Esto significa que se trata de una variable local. Ahora aquí puedes ver que he leído ese documento y document.write donde tuve que llamar a variable diff, donde había probado ahí, esto es un local y esta es una variable local más tarde, ¿de acuerdo? Y puntaje más cercano justo aquí. Ahora aquí, sólo llamo a esta función. Actualiza esto en el navegador. Entonces aquí se puede ver que esta es una variable local y esto me está mostrando la variable de salida que se declara dentro de un cuerpo de función es variable local de tarjeta. Ahora aquí puedes ver cuando acabo de declarar una variable, que es pelo, ojos, ¿verdad? Var, y esto es global. Y global Aquí hay una variable. V es igual a heterocigoto es variable global, y yo sólo lo cierro. Y aquí dentro de este cuerpo de función, simplemente llamo a este nombre de variable aquí mismo, que es una variable global. ¿ De acuerdo? Aquí, acabo de replantear esto en el navegador para que puedas ver que esta es la variable global justo aquí. Entonces como puedes ver aquí, una función que se usa fuera, lo siento, una variable que se usa fuera del cuerpo de la función. Se trata de una variable global del automóvil y variable que se utiliza dentro del cuerpo de la función. Por lo que a esto se le llama variable local. Siempre se utilizará una variable local dentro de la función, pero con la ayuda de la variable global, se puede acceder a esta variable dentro de muchos de los cuerpos de funciones donde se puede ver que aquí la función es ABC. Supongamos que tienes otra función que es x, y, z Así puedes llamar a esta variable global en cualquier lugar dentro de tu código. Entonces lo entiendes ahora. Entonces estas son, estas son las globales y la preocupación era localista frente en JavaScript, si encuentras alguno del problema con respecto a su conferencia, por favor házmelo saber y gracias por ver esta conferencia. 37. Cookies en JavaScript: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar de las cookies en el JavaScript. Una cookie es un pequeño archivo de texto que te permite almacenar una pequeña cantidad de datos. Son casi cuatro k b o algo más que eso. Por lo que en la computadora del usuario, se utilizan típicamente para realizar un seguimiento de información como la preferencia del usuario que el lado puede recuperar para personalizar la página cuando el usuario asistente el sitio web la próxima vez, cómo vamos a ver aquí, cuando busques alguna de la web aquí mismo, supongamos que solo escribo x, y, z, n. ¿ Ok? Entonces aquí puedes ver que esto es x, y, z Nuestro sitio web cuando acabo de iniciar sesión en eso, lo siento, cuando acabo de empezar esto. Por lo que aquí, en esa etapa puedes ver aquí encontrarás una opción de Cookies. Por lo que aquí encontrarás algunos de los desordenados que quieres aceptar esta galleta. Entonces haz click en, ok, lo contrario cancela y solo tienes que dar click en Aceptar. Entonces cuando vengas a este sitio web la próxima vez, así eres las cookies se guardarán, guardarán, cadera derecha. Por lo que las cookies son un antiguo mecanismo de almacenamiento del lado del cliente que originalmente fue diseñado para su uso por el lenguaje de scripting del lado del servidor, como PHP, defectos ASP.Net, Jaguars Director Hall, nuestras cookies también se pueden crear, acceder, y modificado directamente usando Java escape, pero el proceso es poco complicado y desordenado. ¿ Cómo? Entonces un navegador web, simplemente vamos al navegador web y al servidor, que está usando protocolos HTTP, lo que significa que el protocolo de transferencia de hipertexto para comunicarse y HTTP es un protocolo sin estado, ya sabes, pero para un sitio web comercial, se requiere mantener la información de seg sesiones entre las diferentes páginas. Por ejemplo, un registro de usuario termina después de completar muchas páginas, pero cómo mantener la información de la sección del usuario en todas las páginas web. Aquí, puedes ver que te diré que cómo estas Cookies y tesauros, cómo funcionan las cookies. Por lo que sus servidores envían algunos de los datos al navegador de visitantes. Puedes ver como aquí, tienes algún tipo de opción de cookies. Por lo que eso recopilará algunos de sus datos y enviará a su navegador desde una cookie. El navegador puede aceptar la cookie si lo hace, es, ¿se almacena como las etiquetas del avión registran en el visitante? Disco duro significa que la galleta se guarda en tu propio corazón ¿verdad? Ahora, cuando el visitante un aumento en otra página, estás de tu lado. El final del navegador. Misma cookie al servidor para su recuperación. Una vez esta recuperación, nuestros servidores saben, recuerden lo que estaba en la tienda, ajeno. Esperanza. Entonces entiendes ahora que nuestros varios Entiende que lo que era almacenar en estas cookies antes? Por lo que las cookies están en datos de texto plano el cual se registra para un campo de lente de cinco variables. Primero uno es caduca, después tenemos el dominio, después llevamos un camino. Y también tenemos el seguro y los nombres y los valores que caducan es los datos de la cookie caducarán. Si esto está en blanco, la cookie caducará cuando el visitante bienes navegador, cómo, cuando salga del navegador aquí. Por lo que cookie será idea caducar. ¿ Qué es un dominio? Por lo que se guarda el nombre de dominio de su sitio web. Tu cookie, así es como www dot funky programa or.com. ¿ De acuerdo? Por lo que esto también guardará tu cookie. Cuando se tiene la ruta, la ruta al directorio o una página web que decía la cookie. Esto puede estar en blanco. Si desea recuperar la cookie de cualquier directorio de la página, entonces tiene el seguro. Entonces si este campo contiene palabras seguras, entonces la cookie solo puede ser recuperada con un servidor seguro, no con nada más. Entonces tienes que configurar tus cookies nombradas así qué nombre de cookie se almacenará aquí mismo. Cómo se puede instalar la cookie. Para ello aquí, se necesita un comando. Supongamos aquí esto es etiqueta de script, y dentro de esto, yo solo escribo ese documento. Y documenta punto aquí escribirás cookies. Te ayuda a entender ahora. Entonces aquí, primero los ojos te dicen que hay que definir la clave. Entonces aquí, el valor. Entonces esta es una clave y el valor aquí mismo, la clave de la cookie aquí es el nombre y el valor aquí es el mismo. El valor. Caso Nancy Miller como tenías que definir clave número dos y luego tienes valor de escritura número dos. Entonces esto depende de ti. Y luego la última que tengas, ¿verdad? Al igual que ella expira. Por lo que expira aquí es u se definirá simplemente la fecha y añadir el y tienes que terminar esto con un punto y coma justo aquí. Entonces lo consigues. Ahora aquí lleguemos al ejemplo de codificación de eso. Entonces aquí se puede ver que tengo escribir una función para funcionar aquí está hielo, ¿no? Esta función son las cookies. Aquí está bien. Si documento punto aquí, voy a crear un formulario. Y ojos justo desde aquí. Y la forma es el nombre de firma. Somos un hub, ¿verdad? Acción. Y la acción aquí es el eslabón vacío. Aquí ES el nombre de pasante correcto. Y entonces aquí escribiré esa entrada. entrada, que es un tipo de texto. Y entonces aquí escribirás que el nombre que es igual al pelo, decidí dejar suponer que este es tu nombre. Ahora aquí solo creo un campo de entrada, que es un tipo de botón hecho. Tienes que establecer los valores. Somos ojos ¿verdad? Eso configuró las cookies. ¿ De acuerdo? Y aquí está justo en el método click. Por lo que esto es en el método click. Y entonces aquí escribo que esto también son galletas. Entonces este es nuestro nombre de función, o solo estoy llamando aquí mismo. Y entonces tengo que cerrar mi código aquí mismo. Ahora aquí se puede ver que tengo derecho Documento que es la forma. Y entonces aquí voy a escribir que el nombre de eso, se puede ver eso. Y el nombre aquí es tu nombre. ¿ De acuerdo? Entonces sólo escribo el nombre aquí, que es tu nombre. Y entonces aquí escribiré el valor. ¿ De acuerdo? Entonces sus ojos, a la derecha, más, y luego más cercano acorde y anotar más cerca justo aquí. Ahora aquí escribiré documento y documento o cookie. Y entonces aquí cité una galleta que es igual al nombre. Y yo huelga más galleta y, y valor de galleta. ¿De acuerdo? Ahora aquí puedes ver que solo elimino esto de los valores, lo siento, elimino este valor de formulario. Y aquí decido valor que es igual, igual a esta cadena vacía justo aquí. Ahora, vamos a comprobar eso. Y aquí dentro de eso, tengo dos tarjeta esta y ojos de pelo elijo mensaje de alerta donde me acabo de montar eso, entrar algunos valores para las cookies. Entonces esto es sólo una medida ampliada lo que les estoy mostrando chicos. Y entonces eso devolverá el valor aquí mismo. Después de esto, se puede ver aquí que en primer lugar sólo estoy escribiendo el documento de valor de la cookie de perro. Y luego después de esto, así que sí, ok. Y aquí cierro con nuestros corchetes rizados. Y entonces aquí se puede ver que tengo que escribir que este es un valor de cookie y cookie. Entonces puedes ver aquí, este es un valor de cookie como una variable que es igual a aquí es correcto, que solo uso escape, que es document.write form. Y entonces aquí tengo escribir que eres nombre de subrayado. Y entonces aquí tengo razón, que el valor aquí es más y un punto y coma para luego cerrar el marcador justo aquí. Ahora aquí dije que esto es documento y documento dot write donde solo configuro las cookies. Y entonces aquí escribiré que un nombre que es igual al valor de las cookies más para el valor de la cookie. Y luego acabo de cerrar el marcador justo aquí. Ahora solo comprobemos. Entonces solo les digo que cocinado para configurar las cookies en el JavaScript es un poco confuso aquí mismo. Y yo solo, sé que tienes un poco de confusión. En primer lugar, solo creo una forma. Entonces la forma aquí es cuando acabo de ejecutar este código. Por lo que puedes ver aquí este es nuestro formulario aquí mismo. ¿ De acuerdo? Entonces aquí tenemos un campo de entrada, que es un texto. Y el texto aquí es que eres un tipo de texto, aquí hay textos y el nombre aquí es nombre de usuario. Entonces puedes ver aquí, vale, y este es el nombre de pasante aquí mismo. Ahora aquí se puede ver acabo de configurar botón, establecer los valores aquí es, es un conjunto de cookies. Y entonces aquí acabo de usar este nombre de función justo aquí. Solo estoy llamando a este nombre de función aquí mismo. Entonces aquí se puede ver que acabo de crear una función que es un nombre de cookie. Entonces aquí solo uso declaraciones if. Entonces si document.write form dot menos nombre y el valor aquí es cadena vacía solo por que estamos dando el valor aquí mismo. Por lo que eso recogerá los valores a partir de aquí. Entonces si esto es si el usuario ingresará los valores, por lo que aquí eso mostrará mensaje de alerta que es interceptar valores para un Cookies y que devolverá el valor. Aquí puedes ver que acabo de crear una variable de valores de cookies. Entonces aquí sólo escribo documento escapado formulario de punto, DOD Heuer nombrado valor de punto aquí que posiblemente recogerá el documento de. Forma significa que recogerá la información del formulario, luego eso recogerá tu nombre, y luego eso establecerá los valores en las cookies. Aquí puedes ver que acabo de probar documento o cookie, que es igual a nombre, nombre de punto. Y entonces aquí simplemente no puedo meterme en ella este valor. Y agrega el último pelo que vamos a poner las galletas aquí mismo. Ahora, como puedes ver aquí en el navegador que no teníamos ninguna de esa cookie guardada aquí mismo. Hielo, ¿verdad? Funky, establece la galleta. Por lo que puedes ver aquí. Aquí has visto que no encontramos ninguna de la galleta aquí mismo. Y ahora se puede ver que aquí tenemos nuestro pequeño error donde nombre es igual y aquí ES correcto, que esto es, supongamos cualquier nombre como aquí empecé que esto es cliente. ¿ De acuerdo? Llamas cuando estás justo cuando un cliente visitará tu sitio web. Entonces es el nombre de Virginia justo aquí. Y esto también está en cambiar el nombre aquí mismo porque tu, a diferencia de aquí puedes ver que eres nombre de subrayado no se toma aquí mismo con signo de subrayado. Aquí puedes ver sus ojos, ¿verdad? Funky dijo la galleta y la cabeza. Se puede ver que se tiene configurando un nombre de cookie como el funky. Y se puede ver aquí. Entonces como pueden ver aquí, que nuestro nombre de cookie se guarda aquí mismo con el nombre de funky justo aquí. Esperemos que entiendas ahora que cómo puedes crear la cookie y cómo puedes configurar la cookie. Ahora, solo refresco esto. Entonces si tu campo aquí está vacío, entonces cuando solo haga clic en este Set-Cookie, así que aquí eso me mostrará un mensaje, mensaje alerta que está en tu ingresa algún valor para las cookies. Entonces así es como podemos crear las cookies si encuentras alguno de los problemas que nos metimos en esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 38. Redirección de página de Javascript: Oigan chicos, bienvenidos de nuevo a esta conferencia. Y en esta conferencia vamos a hablar del redireccionamiento de página o direcciones de doctorado en el JavaScript. Es posible que te hayas encontrado con esa situación en la que haces clic en una URL para llegar a una página a. Pero internamente, te dirigieron a la página del editor B. Ha sucedido debido a la página tres direcciones. Y este concepto es diferente del refresco de la página de script Java. Apenas estás refrescando la página. Existen algunas razones por las que desea redirigir a nuestro usuario de una página original a otra página. No te gustaba, no tenías como el nombre de tu dominio y quieres redirigir a tus usuarios al otro dominio. Este es el único caso. Te como una acumulación de varias páginas basadas en las versiones de tu navegador en su nombre, o tal vez en base a diferentes países. También puedes usar esta consola o también puedes usar esta técnica para ganar tu audiencia también. Al igual que aquí, esto es, esto es solo con propósito publicitario así como para redirigir tu página. Ahora aquí te diré una técnica sencilla que cómo puedes redirigir tu página de un navegador a otro navegador. Aquí acabo de probar esa etiqueta H1 y aquí sólo escribo que esta es la página la dirección. Ok. Y aquí se puede ver que ES justo que un botón. Y el botón aquí es onclick, o aquí solo creo un botón. Botón aquí es onclick. Y luego acabo de cerrar botones justo aquí. Ahora aquí puedes ver que tengo que crear una función, y el nombre de la función aquí es ABC. Y entonces aquí voy a escribir que nuestra ubicación, por lo que ubicación dot Reemplazar está utilizando para las acciones de radar de su página. Por lo que sólo quiero leer en esta página o este enlace a mi página web. Y ya verás aquí solo estoy dando el link que es SCTP doble slash y funky programmer.com. De acuerdo, y aquí copiaré y pegaré este nombre de función. Entonces solo estoy llamando a este nombre de función aquí mismo. Entonces botón aquí está Click Me para re dirección. ¿ De acuerdo? Ahora aquí puedes ver que he comprobado esta salida en el navegador. Y se puede ver cuando solo hago clic en este botón. Por lo que puedes ver aquí mi página es redirigida a este sitio web de programadores funky. De acuerdo, lo siento, este es programa funky o dot UK. Ahora, vuelve atrás y vuelve a refrescarlo. Aquí puedes ver cuando solo hago clic en eso. Por lo que esto se trasladará a este sitio web aquí mismo. Esperemos que entiendas ahora que cómo podemos redirigir nuestro sitio web de una ubicación a otra ubicación. Entonces así es como puedes redirigir tu sitio web. Entonces como puedes ver aquí, solo redirecciono este sitio web vid un botón. Ahora, te diré entonces cuando estés actualizando tu sitio web o cuando solo estás cargando tu sitio web. Por lo que su sitio web lo hará automáticamente. Mudarse a o redirigir automáticamente quién eres y otro sitio web. Para ello, solo usa el método set setTimeout. Y aquí se puede ver que tengo que escribir una de las etiquetas de guión. Y entonces sólo escribo aquí que esto es una función. Y la función aquí se deja suponer XYZ o función aquí es la directa. ¿ De acuerdo? Por lo que aquí puedes ver esa oferta, esta ES correcta, establece y establece el tiempo de espera. Y el tiempo de espera aquí es pastoso. Solo estoy definiendo un tiempo Odette, ubicación y ubicación punto recarga. ¿ De acuerdo? Y recargar aquí es cierto. Entonces después de estos ojos, ¿verdad? Hama y t, y esta es la T como mi podómetro para el tiempo de espera. Ahora aquí, acabo de usar Nikon cuerpo de la página. Y aquí se puede ver que acabo de quitar esta función. Y aquí se puede ver tengo escribir que sobre carga y método de descarga aquí es hielo, ¿verdad? Que esto es Java Script. Y en el método Lord aquí está el script Java. Estamos, he leído ese artículo. Refresca, y aquí puedes ver que aquí afuera refresca aquí es 500. Ok. Y aquí hay que ver que esto es sólo una etiqueta de párrafo. Y aquí dije que esta página es G directa en 5. Segundo. Está bien. Ahora aquí solo copio y pego esto en la etiqueta de encabezado. Y vamos a ejecutar sólo esta pestaña cuando este núcleo. Y se puede ver aquí, esta página se redirecciona en cinco segundos. Entonces así es como puedes establecer tu tiempo fuera a tu página web, a la redirección aquí puedes ver que solo estoy redirigiendo el sitio web. Por lo que el punto de la ventana de la vista, ubicación y la ubicación aquí es igual a la vista. Ese nodo HTTP doble dot slash invertida, donde dije que www dot programa funky o dot uk. Y acabo de cerrar el código aquí mismo. ¿ De acuerdo? Y entonces aquí se puede ver que tenía que escribir que esto es, supongamos documento, document.escribir. Y aquí verán que tengo derecho, que ustedes son página será redirigido a nuestra página principal en cinco segundos. Ok. Aquí. Se puede ver que después de esto, tengo que establecer el intervalo de tiempo o el tiempo de espera donde solo escribo eso aquí, redirigir. Y entonces aquí, puedes, perdón, este es nuestro redireccionamiento, que es un nombre de función. Y aquí se puede ver que tengo justo ahí redireccionar aquí es de 5 mil. Entonces 51000 significa que cuando solo estás escribiendo 1000 y esto significa que este es tu 1 segundo justo aquí, vale. Aquí se puede ver subir, quitar esto de esta página principal. Esto es sólo para su comprensión. Y ahora solo refresco esto. Aquí encontrarás que nuestra página será redirigida al programa funky o sitio web después de cinco segundos automáticamente. Por lo que como se puede ver aquí, esta es una página leer direcciones. Es así como funcionan nuestras redirecciones de páginas. Espero así que entiendas ahora, si encuentras alguno del problema con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 39. Caja de confirmación de confirmación de Javascript: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar las bombillas de diálogo confirmar en JavaScript. Ya estudiaste sobre las bóvedas de diálogo, mensajes de alerta. El cuadro de diálogo Confirmar significa que tiene las dos opciones, que es Aceptar y Cancelar. Se utiliza mayormente un cuadro de diálogo confirmado para tomar el consentimiento del usuario en cualquier opción que muestre nuestro cuadro de diálogo con dos botones, que es OK y Cancelar si el usuario va a hacer clic en ok. Por lo que esto simplemente procederá a la siguiente pestaña o confirmará, y eso devolverá el valor como verdadero. Y si el usuario hará clic en cancelar, por lo que confirmará el resultado como el falso. Solo comprobemos la salida para eso. Y aquí puedes ver que he escrito esta etiqueta de guión, donde puedes ver aquí solo creo una función, función que es nombre del cabello. Eso lo intenté. Diálogo. Confirmar. De acuerdo, y entonces aquí se puede ver la vista. Ahora aquí solo estoy creando un formulario. Y la forma aquí es el campo de entrada de. Entonces este es el campo de entrada que es un tipo de y botón aquí está el valor de, valor de. Haga clic conmigo. Y entonces aquí se puede ver que acabo de usar, solo llamo a este método, llamo a esta función aquí, que es un nombre de diálogo confirmar. Ok. Y aquí puedes ver que tengo que cerrar este nombre de función aquí mismo. Ahora aquí perspicacia que sólo estoy usando dos valores, que está OK y Cancelar. Y aquí solo creo una variable. Variable aquí es hielo, ¿verdad? Eso confirman y Sue y yo lo escribimos como nombre variable y Harris, ¿verdad? Eso confirman como la palabra clave. Aquí puedes ver que escribo eso. ¿ Quieres continuar con la página o continuar con algo que tengas? Escribe este mensaje aquí mismo en confirmar. Y aquí puedes ver sus ojos, ¿verdad? Si, si CON, Que es igual, igual a verdadero. Por lo que hay que adelgazar la salida como documento dot write. Y aquí se puede ver ese hey, vista que los usuarios quieren continuar con la página o el proceso, cualquier cosa. ¿De acuerdo? Ahora aquí, la vista que, eso le devolverá el valor.s, lo verdadero aquí mismo. Ahora después de esto, me acabo de trasladar a la condición de lo demás. Y como el pelo es hielo, correcto, que esto es document.escribir. Y aquí puedes ver que tuve que escribir que este es el usuario y el usuario no quiere continuar con la página. ¿ De acuerdo? Y luego me desplazo puntaje aquí mismo. Ahora aquí puedes ver sus ojos para volverse como el valor falso. ¿ De acuerdo? Y este es el valor falso. Ojalá consigas que aquí puedas ver párrafo de vista Tang y yo solo escribo que esto es confirmar diálogo cuadro. Simplemente reviso esta salida en el navegador. Y aquí se puede ver que este es un botón el cual se me muestra, y yo solo llamo a este nombre de función en el botón onClick método aquí se puede ver que en primer lugar, estamos creando las variables. Entonces aquí solo estoy creando un límite variable se ha ido. Y aquí solo escribo mensaje de confirmación, que es ¿quieres continuar? Confirmar tiene una palabra clave. Entonces aquí puedes ver empiezo si sentencia y si esta variable, que es igual, igual a verdadera, por lo que esto significa que esto es lo que quieres continuar. Esto significa que se trata de una codificación para el botón OK. Y esta codificación, esto es de acuerdo para el botón de cancelación aquí mismo. Ahora aquí cuando se haga click en Click Me. Entonces aquí puedes ver mensaje conforme se nos muestra a nosotros, que es esta página dice que ¿quieres continuar si das click en ok, así que aquí te mostramos el mensaje que los usuarios quieren continuar con la página. Y si solo hago clic en cancelar aquí, por lo que los usuarios no quieren continuar con esta página. Entonces así es como confirmar el trabajo del cuadro de diálogo JavaScript hindi. Si encuentra alguno del problema con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 40. Javascript Void: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar de la palabra clave void en el JavaScript. Y te diré que cómo esta palabra clave vacío en JavaScript y cómo las usamos. Void no es palabra clave importante en JavaScript, que se puede usar como un operador unitario que aparece antes de que sus operandos únicos, que pueden ser de cualquier tipo. Este operando especifica unas expresiones para ser nuestras no ponderadas sin devolver un valor. Palabras clave blancas en JavaScript que dona que un método no tiene un tipo de retorno. No obstante, incluso a través de un método constructor nunca puede tener un tipo de retorno y no diablos, evitar palabras clave en su declaración. Pasemos al ejemplo de codificación de esta palabra clave amplia y te diré eso cómo puedes trabajar con ella. Aquí. Yo solo uso void. Entonces como te acabo de decir que el cable es una palabra clave y aquí solo escribo una función. O ¿Por qué podrías decir que una función, o tienes que escribir cualquiera del nombre con este vacío como palabra clave. ¿ De acuerdo? Aquí puedes ver que acabo de crear una palabra clave void. Entonces aquí tienes escritura que dejemos suponer que este es script Java y luego este es uno de los, uno de los, otro ejemplo con una función de vacío también, ¿de acuerdo? O tienes que declarar una palabra clave amplia como la palabra, y luego tendrás que escribir, dejar suponer una función y esta es una de cualquier manera tienes que escribir esta palabra clave amplia y agregar el último vehículo como Java es CREB. Esto es todo lo que estoy escribiendo aquí. Puedes escribir cualquiera de la Cosa aquí mismo. Entonces solo escribo esta columna y luego aquí escribo de ancho y luego empecé función y luego se cierra. Estos son algunos de los métodos que tienes. Escribe un vacío como palabra clave. Ahora aquí voy a dibujar un ejemplo sencillo para ustedes chicos para su mejor comprensión de que cómo podemos trabajar con una palabra clave void en un Java Script y cómo podemos usar esto en ejemplos de la vida real para ustedes chicos. De acuerdo, sólo volvamos al ejemplo de palabra clave while. Y aquí solo creo uno del enlace aquí mismo más d. solo estoy alimentando un mensaje aquí o la etiqueta de párrafo, que es la etiqueta P. Y aquí empecé que esto es palabra clave nula. Ahora aquí puedes ver tengo que escribir una que es etiqueta ancla para link. Aquí escribo que esto es JavaScript, y escribo este signo de columna aquí, luego anular como palabra clave. Y luego decido que esto es documento y document.write, donde he escrito ese alto vacío. Y entonces aquí se puede ver que también tengo sede correcta. Y luego después de esto, se puede ver aquí hay acorde más cercano donde yo justo ahí está esto. Y aquí tengo dos puntaje más cercano. Y aquí empecé que esto es Click Me OK. Y aquí me zancé peticiones individuales marca. Y parece el caso como aquí. Y se puede ver cuando acabo de comprobar esto como la salida. Para que puedan ver aquí mis cuartos justo aquí. Ahora, acabo de recurrir al de la, otro ejemplo y te mostraremos comprensión completa de la palabra clave blanca. Entonces, solo eliminemos esto. Y aquí pasaré al ejemplo de este cable como palabra clave aquí mismo. Estamos, ES en lo cierto que una firma. Y aquí solo estoy creando un formulario. Y el formulario aquí es el nombre del formulario número uno. ¿ De acuerdo? Entonces aquí golpeo un HREF, que es un ancla Tang y referencia. Y aquí cité este es script Java y el JavaScript aquí es tengo escribir que evitar palabra clave y palabra clave cableada mostrará mensaje de alerta donde tenía derecho, que hizo clic en este hiperenlace para mostrar el mensaje. ¿ De acuerdo? Y entonces aquí se puede ver que tengo que cerrar este núcleo. Y aquí sólo escribo eso. Click me justo aquí. De acuerdo, ahora puedes ver aquí solo uso palabra clave void y refresco esto. Y cuando solo hago clic en eso, para que puedas ver aquí alerto mensajes, me muestra que haces click en este enlace. De acuerdo, así es como se puede trabajar con una palabra clave amplia en el JavaScript. Una vez más, les diré que se utiliza una palabra clave java script wide en una función segunda naturaleza para indicar que las funciones no devuelven ningún valor. Básicamente en script java, es n operadores unitarios los cuales serán aparece antes de que solo operando. Y este operador definió unas expresiones que se elevarán sin devolver un valor. La palabra clave Void se utiliza en una firma de función para indicar que las funciones no devuelven ningún valor, ¿de acuerdo? Y tomará unas expresiones de cualquier tipo como su operando y el valor definan lo cableado. Simplemente significa que vacío significa aquello que no tiene valor de retorno, lo que significa que este es un valor de 0. Funciones que en realidad determina nulo y funcionan maravillosamente cancelando la carga de la página. Ojalá entiendas ahora si no lo estás, por favor házmelo saber y gracias por ver esta conferencia. 41. Impresión de página de Javascript: Oigan chicos, bienvenidos de nuevo a esta conferencia. Y en esta conferencia vamos a hablar de eso, cómo puedes imprimir tu página en el script java. Muchas veces te gustaría colocar un botón en tu página web para imprimir el contenido que la página web a través de un pintor real. javascripts te ayudan a implementar esta funcionalidad mediante el uso de la función de impresión de la ventana. Al mismo tiempo, te das cuenta de que si usas tu sistema LMS o si usas tu sistema de gestión escolar o has usado cualquier tipo de sistema como una pausa. Hay una opción disponible para imprimir como aquí está el sistema de minibús escolar. Existe una opción disponible para imprimir los reportes. Sistema de gestión de Lms, también hay que imprimir los reportes también. En sistema de gestión de pausas, hay que imprimir los preceptos. Entonces todo en todos estos sistemas, existe el uso de funciones cerebrales o de una materia impresa. Hablemos de este método de impresión y verás que cómo podemos trabajar con él. Aquí. Se puede ver que solo estoy creando en primer lugar, nuestro botón para imprimir parte de la salida o algunas de las páginas. Aquí. Simplemente uso el método OnClick. ¿ De acuerdo? Y entonces aquí cerraré esto y aquí está Rider hendidura para imprimir la página o cualquier cosa. De acuerdo, así que solo hago clic derecho para imprimir. Aquí. Solo estoy creando una etiqueta de script. Donde dentro de esta etiqueta de script solo estoy creando una función aquí donde se puede ver que escribo función, que es función de visualización. Y luego aquí solo uso el método de impresión de puntos de ventana. Y acabo de cerrar este código aquí mismo. Como se puede ver, la función JavaScript, que es la impresión de puntos de ventana, es la actual, está imprimiendo la página web actual cuando se tiene que ejecutar. Cómo puedes ver que aquí solo uso este método de visualización y solo estoy llamando a este método o a una función dentro de este botón. Y vamos a comprobar la salida ahora mismo en el navegador. Y se puede ver que aquí teníamos una opción de impresión justo aquí cuando solo hago clic en este botón de impresión. Por lo que puedes ver toda esta pantalla nos está presentando como aquí. Se puede ver que sólo escribo eso como un solo tanque. Esto es imprimir página. Ahora después de esto, tengo que escribir una etiqueta de párrafo. Vr, va a imprimir esta página. Ahora, refresca esto. Y puedes ver aquí tenemos este tipo de desordenado aquí mismo o cualquier página aquí mismo, cuando solo hago clic en este botón. Por lo que puedes ver aquí que se nos muestra este mensaje. Para que puedas configurar más de estas configuraciones de impresión desde aquí. Entonces esto depende de ti. Entonces como puedes ver, así podemos imprimir toda nuestra página en el JavaScript. Esperanzas que entendemos ahora, si no, por favor házmelo saber y gracias por ver esta conferencia. 42. Qué Modelo de objetos de documento: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar del modelo de objeto de documento en JavaScript. El modelo de objetos de documento DOM es una interfaz que representa cómo estás como documentos HTML y XML son allanados por el navegador. Permite un lenguaje JavaScript, para manipular su estructura y didst ocultar tu sitio web. Después de que el navegador lee tu documento HTML, crea un árbol representacional, que se llama Document Object Model y define cómo el árbol puede ser exceso. Aprenderemos de ese árbol en literario En esta conferencia. El modelo de objetos de documento es una interfaz de programación para documentos HTML y XML que representan la página. Entonces ese es programa puede cambiar. El documento está estructurado, es estilo y contenido. El modelo de objetos de documento representa el documento como el nodo y los objetos. Por eso un lenguaje de programación puede ponerse en contacto con la página. Una página web es un documento. Ese documento puede mostrarse en una ventana del navegador o en la fuente HTML. Pero es el mismo documento. En ambos casos. El domo representa el mismo documento para que pueda ser manipulado. El documento es una representación orientada a objetos de la página web, cual se puede modificar con lenguaje de scripting como el script Java. Como puedes ver aquí en tu pantalla, que este es nuestro árbol representacional. Y aquí se puede ver que cómo se puede crear por el navegador. En primer lugar, se puede ver aquí que esta es nuestra ventana raíz. Ok. Entonces, ¿cuál es el objeto de ventana aquí mismo? Esta es una herencia superior y es el casi elemento de la jerarquía de objetos justo aquí. Entonces como puedes ver aquí, ese V, cómo algunos tipos de elementos aquí mismo, donde puedes encontrar los elementos son HTML y XML. Entonces estos son los elementos tipo aquí mismo, que se convierte en los elementos del navegador te ayuda a conseguir eso. Entonces esto es, se puede ver aquí la jerarquía de ventanas. Después tenemos los objetos de documento que puedes ver aquí. Por lo que estos son los documentos objetos. Y cada borde humor documentos HTML que se cargan en una ventana se convierten en un documento objeto. Entonces se puede ver que un cuerpo de forma, por lo que todo está encerrado en el formulario, que es tipo de las etiquetas. Ok, entonces aquí se puede ver que tenemos la etiqueta del cuerpo justo aquí. Y aquí tenemos también elementos aquí mismo. ¿ De acuerdo? Por lo que como jerarquía se puede ver aquí que en primer lugar se suma la etapa de ruta. Tenemos ventanas donde hablamos de los marcos, después hablamos de las ventanas de los padres, después hablamos de los autoconstructores, y luego hablamos del relleno superior. Por lo que se vincularán ubicaciones, documento e historia. Ok. Entonces ahora aquí se puede ver que después de este v, cómo documentos y dentro de este documento v, cómo se vinculan algunos tipos de documentos objetos. Por lo que documentar objetos infierno, algunos tipos de enlaces, etiquetas, algunos tipos de tanques de forma, y algunos tipos de etiquetas de anclaje, etc. Entonces aquí se puede ver que dentro de este enlace v, cómo algunos tipos de otras jerarquías que están ahí. Supongamos una etiqueta de formulario, etiqueta de cabeza, título de etiqueta de cuerpo, etiquetas DIV de etiqueta H1 y carteras de etiquetas de encabezamiento y etiquetas P. ¿ Dónde están tus etiquetas de párrafo? Y se puede ver aquí, estos son todos los atributos que es la herencia de todos estos elementos aquí mismo. Entonces lo consigues. Por lo que todos estos son autos, objetos de anclaje, que es etiquetas HREF, enlaces a objetos, forma objetos y agrega ultimo puedes ver aquí que cuáles son los elementos de control de forma, que se vienen como botones de radio, botones , y checa cajas, etcétera Las ventajas del DOM es que el DOM está manipulando como ella por el DOM manipulando cómo infinitas posibilidades y puedes crear las aplicaciones que un poco los datos de la página sin necesidad de una actualización. Y también puedes crear las aplicaciones que personalizables por el usuario y luego cambiar el diseño de la página sin una actualización y puedes arrastrar, mover y eliminar el elemento. Aquí la pregunta es, ¿cómo se crea el DOM? El don 't contiene un montón de nodos donde cada nodo representa un elemento HTML. Como elemento HTML es sólo una etiqueta HTML. De acuerdo, entonces estas etiquetas siempre vienen en la parte superior. Se puede ver aquí, esto siempre se viene en la parte superior justo aquí, que es tarjeta, que está vinculada al nodo raíz. Y el resto del Norte cae debajo de las insinuaciones, que se llama nodo infantil. Por lo que este es el nodo hijo a este nodo HTML. Por lo que puedes ver aquí, este es el nodo hijo y esto es, puedes ver que un nodo de hoja si estudiaste sobre la lista vinculada en estructura de datos. Por lo que comprenderás mejor el nodo raíz, el nodo foliar y los nodos hijos. Eso espero, lo conseguirás. Así que terminan JavaScript. El DOM es en realidad una clase que es micrófono. Es realmente fácil definir cada elemento presente dentro de nuestra página web y así se puede modificar más adelante. Esto es tarjeta no. Entonces como se puede ver aquí, que por eso se llama modelo de objetos, los documentos se modelan utilizando objetos y el modal incluye no sólo la estructura del documento, sino también el comportamiento de los documentos y el objeto del cual se compone de elementos de etiqueta como con atributos en HTML. Entonces aquí puedes ver que solo te estoy diciendo una jerarquía de estos modelos DOM. Supongamos en primer lugar v, cómo la etiqueta HTML. Después tenemos la etiqueta de cabecera, luego dejamos suponer nuestro título. Por lo que mejor entender esto, puedes ver aquí en primer lugar, llevamos a cabo la etiqueta HTML. Entonces aquí tenemos la etiqueta de encabezamiento. Entonces después de esta V Cómo el título. Y luego puedes ver que tenemos el cuerpo donde puedes encontrar las etiquetas S1 Pang y párrafo. Entonces así es como funcionan las cúpulas. Vayamos al navegador. Por lo que aquí se puede ver hay algunos de los modelos que están utilizando, o algunos de los métodos de documentos objeto que están utilizando en esta cúpula. En primer lugar v, cómo método de cadena correcta, cadena derecha se da una cadena en los documentos solamente. Entonces tienes que usar getElementById. Por lo que se devuelve el elemento teniendo el juego un valor id. Después tenemos el elemento get por nombre para que regresemos los elementos que tienen los valores de nombres de Gaiman. Entonces tenemos el getElementsByTagName VC. Gire todos los elementos, teniendo el nombre de la etiqueta gamer, y agregue la última v. Cómo obtener el elemento por la cláusula, que devuelven todos los elementos que tienen el nombre de clase Gaiman. Una cosa más importante, quiero incluirla aquí mismo que un infierno cúpulas, tres nivel o el DOM, ¿cómo cuatro niveles? Tres como el índice sabio y cuatro como el, puede decir que un número sabio, porque no está partiendo del nivel 0, donde hay que proporcionar el conjunto de nivel bajo de interfaz, entonces tenemos el nivel de una manera o el DOM nivel. ¿ Cuándo podemos describir las dos partes, que es un núcleo de funcionalidades y el HTML. Las funcionalidades básicas proporcionarán la interfaz de bajo nivel que se puede utilizar para representar cualquier estructura, documentos y el HTML proporcionan la interfaz de alto nivel. Entonces tenemos el nivel al que consta de seis especificación, que es núcleo dos vistas incluso envía azulejo. Tan core to extenderá la funcionalidad de núcleo IS plagas requeridas por el DOM nivel uno. Entonces tenemos los puntos de vista que es programas para atravesar dinámicamente y manipular el contenido de los documentos. Después tenemos los eventos. Por lo que eventos RS clip que o bien es ejecutado por los documentos cuando el usuario reacciona, reacciona a la página web. Entonces nosotros cómo se vincula este que permite a los programas acceder y manipular dinámicamente el contenido de esta hoja de teselas. Después de esto, tenemos el triángulo suelo y rango. Por lo que el recorrido permitido permite que el programa atraviese dinámicamente los documentos. El rango permite que los programas identifiquen dinámicamente un rango de contenido en los documentos. Después llegamos a las teorías de nivel de la cúpula. Por lo que el nivel tres consiste en cinco especificación de diferencia que es núcleo tres, documento y documentos y guardar validaciones, eventos y XPath Viet documento core tres extiende la funcionalidad del núcleo se especifica por las cúpulas herramienta inferior. Después tuvimos las cargas y el CVS que permiten al programa cargar dinámicamente el contenido de los documentos XML en el documento dormitorios de objetos DOM y guardó los documentos DOM en los documentos XML por sus civilizaciones. Después tenemos las validaciones, evento y exportación. Tan bien la edición, como ustedes saben, permiten al programa actualizar dinámicamente el contenido y la estructura del programa o documento a la vez que se asegura que los documentos regresen válidos. Después tenemos los eventos que amplían la funcionalidad de los eventos especificados por el DOM nivel dos. Y X bar es el lenguaje POD que se puede utilizar para acceder al árbol DOM. Entonces así es como en esta conferencia aprendimos sobre el DOM en JavaScript. Espero para que entiendas cómo tu concepto es mucho más claro sobre el DOM. Si no entiendes alguno del punto aquí mismo, por favor házmelo saber y gracias por ver esta conferencia. 43. Métodos DOM de Javascript HTML: Oigan chicos, bienvenidos de nuevo a esta conferencia. Y en esta conferencia vamos a hablar de los elementos DOM HTML. El DOM es un a menudo se refiere como el árbol DOM y la deuda consiste en un árbol de objetos como nodos de tarjeta. En esta conferencia, hablaremos del método de domos HTML y que es esencial para trabajar con nuestro JavaScript y el DOM. Y también aprenderemos sobre el árbol DOM. Por lo que entender el HTML y la terminología JavaScript es esencial para entender cómo trabajar con el DOM. En primer lugar, aquí se puede ver que tengo un documento HTML. Después tenemos la etiqueta HTML, etiqueta encabezado, título, cabeza, y cuerpo. Dentro del cuerpo, solo estoy creando una de la etiqueta H1 y aquí solo escribo eso. Hola, esto no es don. Está bien. Ahora aquí se puede ver. Entonces aquí hemos vinculado algunos de los elementos de los dormitorios justo aquí. Estamos en primer lugar v, cómo los documentos raíz, está bien, luego tenemos el elemento raíz, que es el elemento HTML justo aquí. Entonces nosotros como los elementos del niño, bien, que es la cabeza y la etiqueta del cuerpo justo aquí. Y luego tenemos a los hermanos ICA. Entonces como puedes ver que esto es sólo un hermano como así como puedes ver en esta etapa, nosotros como el nodo padre, entonces tenemos el primer nodo hijo. Y aquí nos infierno, supongamos que un hermano espera que entiendas todo eso como esto no funciona tiene un HTML. Si vemos la etiqueta de anclaje justo aquí, supongamos N Karachi REF, y aquí me acabo de montar en funky programmer.com y luego núcleo más cercano. Entonces esto está aquí. Como puedes ver, así es en primer lugar como la etiqueta de ancla entretiene a los idiomas que tenía. Entonces aquí que se vincula al atributo h, r, e, f. Entonces aquí solo estoy vinculando esta etiqueta a un funky programmer.com, que es el valor del atributo. Y aquí puedes ver que si quieres darle nuestro texto aquí mismo, supongamos funky para la gramática. Entonces esto es tarjeta, este es texto de inicio. Entonces como puedes ver que todo entre las etiquetas de apertura y cierre se combinó haciendo todo el elemento HTML justo aquí. Entonces esta es tarjeta. Es así, como se puede ver, como se vinculan todos los módulos entre sí. Entonces esto es guardia HTML DOM, Como vemos cúpula como un árbol y el nivel de nodos. Entonces aquí se puede ver que v, cómo los elementos, nodos, nodo de texto y el comando norte. Aquí tenemos los elementos, aquí tenemos un nodo de texto, y aquí tenemos el nodo de comando. Entonces todos estos son enlaces que e-tailer cuando un elementos HTML es n elementos del DOM y se refiere a un nodo de elemento. Cualquier tiempo. Textos fuera de los elementos es nuestro nodo de texto y HTML, comentarios. Lo sentimos, los comentarios son nuestros comentarios ni además estos tres tipos de nodos de los documentos en sí y de un nodo de documento, que es la raíz de todos los demás nodos aquí mismo. Entonces entiendes ahora que cómo podemos crear con nodos y el árbol. Por lo que solo hablo que esto son nodos de elemento. Por lo que elemento aviso es partiendo del cuerpo, entonces tenemos el modo texto, que es nuestro texto que no forma parte de los elementos que puedes ver aquí. De acuerdo, y luego tenemos el comando commit to node, que es el comentario HTML. Ok? Ojalá lo entiendas ahora. Entonces esto es lo que estamos usando, los elementos HTML DOM. Si encuentra alguno del problema con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 44. Accessing un elemento DOM con TagName: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar de cómo se puede acceder a un elemento DOM por nombre de etiqueta. Un JavaScript puede encontrar el elemento en el HTML basado en el nombre de la etiqueta y Z convertir un eddy de la nota coincidente, que es un incorporado en funciones de los objetos del documento está disponible para este getElementById, el nombre de la etiqueta. Aquí, te contaré sobre helada alguna vez te cuente sobre el nombre de la etiqueta. Entonces este es nuestro nombre de etiqueta que es GET, o simplemente escribo ese documento punto get element por nombre de etiqueta de. Entonces consigues que esta es la palabra nombre de etiqueta, que cómo podemos conseguir nuestro elemento por el nombre de la etiqueta aquí solo creo una etiqueta que es H1 tag, y yo solo escribo que esto es nombre de etiqueta y VR va a acceder a esto. De acuerdo, ahora aquí se pueden ver los ojos ahí mismo, document.GetElementsByTagName donde había montado mi nombre de etiqueta aquí, que es la etiqueta H1. Y entonces aquí solo accedo al área del índice. Supongamos que se agrega o alelo del índice 0. Y aquí dentro de que esto es HTML interno punto HTML interno. Si mides esto o si quieres acceder a este número específico como ella, esta es nuestra etiqueta. Simplemente lo dio. Esta es una etiqueta aquí. Y entonces hay que cerrar esto. ¿ De acuerdo? Ahora solo accedo al navegador. Y puedes ver aquí que esta es nuestra etiqueta. Espero que así lo consigas, que cómo podamos acceder al elemento por el nombre de la etiqueta. Y si quieres quitar esto de aquí, verás que eso nos mostrará todo el mensaje aquí mismo. Entonces como puedes ver que así es como podemos obtener elemento por el nombre de la etiqueta. Simplemente escribe tu área de nombre de etiqueta del índice y simplemente tienes que pasar a tu esta etiqueta aquí mismo. Espero que así sea. Entendes que si encuentras una nueva el problema respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 45. Acceso de un elemento DOM por clase: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar de eso, cómo se puede acceder a un elemento DOM por el nombre de la clase. Javascript puede encontrar el elemento en el HTML basado en el atributo de nombre de clase de los elementos y devolver una matriz de nodos coincidentes. Se trata de las funciones incorporadas que está disponible como get element por el nombre de la clase para acceder a estos elementos. Cómo se puede ver esa etiqueta de script. Y aquí dentro de esta etiqueta de guión acabo de escribir ese documento. Y documento punto obtener elemento por nombre de clase, como se puede ver aquí. Y aquí, tienes que escribir tu nombre_clase. Entonces esto son solo incentivos del getElementsByClassName aquí, solo estoy creando una clase. Supongamos que esta es una clase de etch, o esta es una clase de etiqueta p. Y aquí está escribir clase donde monto la clase, aquí está para, y aquí sólo escribo un párrafo como este es un párrafo, ¿de acuerdo? Y del elemento DOM. Como pueden ver aquí, ahora acabo de volver a esta etiqueta, y aquí sólo escribo el nombre de esta etiqueta, que es, supongamos un p, lo siento, el nombre de esta clase aquí que es un para. Y entonces aquí se puede ver que tengo que obtener el índice de una matriz. Y después de esto aquí solo escribo que esto es HTML interno. Y ahora yo sólo entonces esto en el navegador. Por lo que se puede ver aquí que este es el párrafo del elemento DOM. Y puedes ver aquí si quieres acceder a alguna de la forma de texto aquí. Por lo que solo tienes que copiar este texto y pegarlo aquí mismo. Y esto se refresca. Por lo que puedes ver aquí nuestro este elemento por nombre_clase está funcionando y podemos acceder a estos todos los elementos por el nombre de clase de para que lo obtengas. Entonces si encuentra algún otro problema con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 46. Propiedad de estilo Javascript: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar de la propiedad de estilo en DOM. Por lo que podemos usar esta propiedad reset o editar la propiedad existente Is tile de la etiqueta HTML. ¿ Cómo legado? Aquí puedes ver que acabo de crear una etiqueta aquí. Supongamos que esto es una etiqueta de párrafo donde acabo de decir el ID y ID aquí es que supongamos ABC. Y entonces aquí sólo escribo que esto es Java se anhela, es propiedad de mosaico. Ahora después de esto solo estoy creando una etiqueta de script. Y dentro de esta etiqueta de script aquí, método está usando así que es un documento y document.write getElementById. Y aquí acabo de decir, correcto, el DNI que es a, b, c. Entonces este es un nombre de este id que es un párrafo id ocho aquí. Y entonces aquí sólo escribo ese punto está alicatado. Y punto alicatado aquí. Acabo de cambiar el color de este texto, que es igual a, solo escribo que esto es azul. De acuerdo, y ahora aquí acabo de ejecutar esto en el navegador. Por lo que puedes ver aquí mi este texto se cambia a azul. Por lo que también se puede cambiar como apretado de lo formado. También puedes cambiar el tamaño del formulario. Entonces así es como funcionan las propiedades de mosaico en el DOM. Si encuentra alguno del problema con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 47. Elementos HTML por los electores de CSS: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar del elemento HTML por un selector CSS. Y si quieres encontrar todos los elementos HTML que Maja se especifica selector CSS. Por lo que tienes el ID adecuado, nombre de clase, tipos, atributos, valores de la extracción de atributos. Entonces hay que usar uno de los meteoritos aquí, que es hielo justo en la etiqueta de guión I, donde se puede ver que este mensaje de aquí es Curie. Y Curie, que es Selector. Y así es que este es el asunto donde estás que está usando para un elemento selecto por un selector CSS. Ahora estoy ejecutando un programa y te mostraremos que cómo podemos usar esto. Aquí. Simplemente escribo etiqueta H1, donde acabo de escribir eso, puedes encontrar el selector HTML Curie. ¿De acuerdo? Y esto es HTML. Ahora aquí después de esto, decido que se trata de una etiqueta de párrafo. Y la etiqueta de párrafo aquí es Hola. ¿ Cómo estás? Este es sólo nuestro mensaje de saludo. Y entonces aquí solo estoy creando una etiqueta de párrafo. Nosotros o yo sólo dijimos la clase y el nombre de la clase aquí es Intro deducción. De acuerdo, así que aquí está decidir que esto es, este es DOM y DOM CSS selectores. Ahora aquí estoy solo copio y pego esto también. Y aquí solo escribo que este es el selector DOM CSS con script java. De acuerdo, ahora aquí solo escribo una etiqueta de párrafo. Etiqueta de párrafo aquí, que es igual a, digo ID y ID aquí es, supongamos nuestra identificación demo. Y ahora aquí pasaremos a la etiqueta de guión. Entonces esto es pequeño p. Aquí puedes ver solo creo una variable x que es igual a Harris, ¿verdad? Que este es un documento dot QD. Entonces aquí se puede ver que se trata de un cutie selector all command donde solo selecciono P dot intro deducción, como se puede ver aquí. Entonces p aquí está mi nombre de etiqueta, y entonces este es nuestro nombre de clase o presa simplemente accediendo justo aquí. Ahora solo escribo que el documento punto aquí, solo escribo getElementById donde está el nombre id aquí. Se puede ver que se trata de ID, demo. Y demo dot Harris escribir HTML interno que es igual a, I. Sólo escribe eso. Este es el párrafo donde class_name es igual a cuatro cláusula e, que es igual a, I. Sólo escribe esa introducción. ¿De acuerdo? Y entonces aquí sólo escribo que se trata de una concatenación de X, que es índice 0. Y aquí me zancé que el párrafo que también está accediendo a ese indexado, que es 0 justo aquí. ¿ De acuerdo? Ahora aquí se puede ver que esta es una clase que es X. Puede continuación de clase que es x aquí. Y lo siento por eso aquí tenemos que escribir comillas simples. ¿ De acuerdo? Ahora aquí puedes ver de nuevo ese punto HTML interno. Y entonces aquí acabo de cerrar este código. ¿ De acuerdo? Ahora como pueden ver, nuestra etiqueta de guión está cerrada aquí. Y vamos a ejecutar este código. Y se puede ver aquí. Entonces, en primer lugar, se puede ver aquí que tenemos una etiqueta de encabezado, que es, se puede encontrar el selector HTML QT. Entonces aquí puedes encontrar un hola. ¿ Cómo estás, que es nuestra etiqueta de párrafo. Entonces aquí nuestro ClassName, que es nuestra introducción. Y donde decidí que este es un selector DOM CSS y este es un selector DOM con JavaScript, Estas son las dos clases nombre aquí. Y aquí se puede ver que con esta etiqueta vacía solo estoy creando o solo estoy mostrando este mensaje a ustedes chicos en esta etiqueta de párrafo. Espero así que consigas esa red cómo podemos usar QT selector all command method que, que está utilizando para seleccionar todos los elementos HTML que coincidan con nuestro selector CSS especificado. Tenga en cuenta que el comando QT selector all no funciona en Internet Explorer ocho y la versión anterior, porque se trata de una nueva versión del HTML. Ojalá llegues ahí que cómo podemos usar el selector QT. Entonces si encuentra alguno del problema con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 48. Méodo abierto abierto: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar del método correcto DOM. El DOM métodos correctos, derecho, expresiones SG html o código de script java a documentar. El derecho importado se utiliza en su mayoría para las pruebas de listas. Si se utiliza después de que un documento HTML esté completamente cargado, eliminará todo el HTML existente y eso nos mostrará la salida. Veamos cómo podemos trabajar con esta cúpula como HTML, método correcto. Aquí, se puede ver que dentro del hielo tang, ¿verdad? Que este es un punto de documento. Aquí. Escribiré este método de escritura. Ya trabajamos con este método domo en nuestra mayoría de las conferencias. La mayoría de las conferencias. Y aquí puedes ver que tengo que escribir ese hola mundo. Ok. Aquí puedes ver. Entonces este es el método de escritura de punto de documento de tarjeta, lo que ya estudiamos. Por lo tanto, tenga en cuenta que cuando este método no se utiliza para las pruebas, a menudo se utiliza para escribir algo texto para tomar una salida es equipo abierto por el documento o materia abierta también. Por lo que aquí puedes ver que te mostraré uno de los ejemplos en el método de apertura de punto de documento. Por lo que este documento dot open método abrirá tu Laika. Al igual que abierta la salida es equipo para recoger la salida de cualquier documento o probado cinco. Cómo puedes ver eso aquí, solo estoy creando, supongamos una función. Entonces esta es una función aquí mismo. El nombre de la función aquí es ABC. Y luego aquí dentro del cuerpo de esta función, solo estoy escribiendo este método abierto documentado. Y puedes ver ahora aquí solo estoy copiar y pegar esto de acuerdo a esta función. Y aquí puedes ver su método de cierre de puntos de documento. Por lo que método abierto está usando fuerza abriendo este tipo de texto. Y método de cierre es usar la ejecución hipotecaria del texto. Aquí. Se puede ver que solo estoy creando un botón el cual está en el click añadas, click en este botón. Aquí. Solo estoy escribiendo ABC, que es el llamado de la función aquí mismo. Y luego ciérralo, Harris, ¿verdad? Abre el texto. Entonces cuando solo haga clic en este botón, por lo que estos textos nos mostrarán. Solo llevemos la salida al navegador. Y aquí se puede ver que este es el método correcto DOM. Y aquí solo ejecuto esto. Por lo que como puedes ver aquí, solo hago clic en este botón. Entonces después de hacer clic en esto, esto se moverá a la nueva ventana, que es hola palabra justo aquí, que es nuestro texto justo aquí. Entonces como te está diciendo que usamos aquí el método correcto abrir y el método cerrar. El método abierto es abierto y la salida es equipo hizo para recoger el superado cualquier método document.write o document.write line method. Una vez que se realizan todas las escrituras, los métodos de documento o prosa hacen que cualquier salida escrita en el vapor de salida se muestre en casa. Entonces lo consigues. Si no entiendes alguna la pinta aquí mismo, por favor házmelo saber y gracias por ver esta conferencia. 49. Uso de el modelo de objetos de objeto de documento: Oigan chicos, bienvenidos a esta conferencia. En esta conferencia introduciremos algunos ejemplos de código para familiarizarte con el modelo de objetos de documento. Estos ejemplos deberían ayudarte a sentirte más cómodo usando el DOM. Para trabajar con ejemplos de código DOM, necesitas crear un archivo HTML, como puedes ver en tu pantalla. Para crear un archivo HTML como puedes ver en tu pantalla. Entonces aquí, solo empecemos a trabajar con él. Aquí. Se puede ver que en primer lugar, solo estoy creando una etiqueta de script. Y aquí se puede ver esa forma oficial de escribir esto es cribbed. Aquí escribirás el idioma y aquí acabo de probar el lenguaje. Aquí tienes JavaScript. Ok. Ahora después de esto aquí se puede ver allá estoy jodiendo de función. Y la función aquí es ventana abierta y abierta justo aquí. Ahora, dentro de esta función, estoy creando una variable y variable aquí es que solo escribo que esta es una nueva ventana la cual es igual a Ys, ¿verdad? Esa ventana punto i, solo usando el método Open aquí mismo. Método tan abierto que ya estudiamos en nuestra última conferencia. Y aquí se puede ver que tengo que escribir esto. Supongamos v, cómo este DOM dot java es Dondo GPG, Emmys aquí mismo. Por lo que vamos a acceder a esta imagen a este método abierto. Ahora aquí escribiré que esta es nueva ventana como el nombre justo aquí. Y aquí se puede ver tengo que escribir que esto es húmedo y húmedo, que es igual a S, ¿verdad? 450. Y entonces aquí escribiré la altura, altura, que es igual al hielo, ¿no? 400. ¿ De acuerdo? Ahora aquí se puede ver eso dentro de este cuerpo, y yo solo copio esta etiqueta de script y aquí pegado en la sección de encabezado. Ahora aquí dentro de esta sección de cuerpos. En primer lugar, puedes ver que aquí si quieres cambiar el color del cuerpo. Entonces aquí solo escribes bg color y solo seleccionas el seleccionador de color si quieres seleccionar negro, azul, blanco, cualquier color. Entonces selecciono aquí, que es, supongamos este color, vale, que es una cuarta parte de eso. Puedes ver aquí que cambiará automáticamente tu color aquí mismo. Ahora aquí, puedes ver solo estoy creando una etiqueta de ancla aquí, que es un HREF. Y aquí puedes ver tuve que escribir que esto es Java Script y JavaScript aquí es dos puntos. Y ahora aquí solo estoy llamando a este método o función de ventana abierta aquí. Y luego cierra núcleo. Aquí solo escribo que este es el uso del modelo de objetos de documento. De acuerdo, ahora aquí puedes ver que acabo de ejecutar esto en el navegador. Y se puede ver aquí. Entonces aquí el color de fondo es, como se puede ver, verde. Y este es el uso del Document Object Model y basta con dar click en eso. Entonces aquí un tamaño de 400 VET y lo siento, 450 mojado y 400 imagen de altura se nos aparece aquí mismo. Eso se puede ver. Entonces aquí se puede ver yo solo primer lugar crear una variable luego nueva ventana que es igual a ventanas puertas abiertas. Entonces aquí solo estoy usando el método Open cuando aquí solo estoy escribiendo esta imagen y luego nombre de esta imagen y mojado y altura. Entonces como se puede ver aquí, la carne de este guión es una sola línea, por supuesto, que encontró dentro de la función de ventana abierta. El primer parámetro pausa las funciones es lo que deseas abrir. De esta manera, eso puede ser otro como documentos HTML o una imagen. El segundo parámetro es pausa. Este nombre de las variables que va a representar esta nueva ventana. Como se puede ver aquí. Esto ya está bien, en nuestro caso. En nuestro caso, esa es la nueva ventana. El último parámetro es la altura y el ancho de la nueva ventana se están abriendo. Este es script es bastante simple y fácil de usar y puede ser muy útil. Por ejemplo, si tienes una lista de productos o tu sitio web, o no deseas desbaratar los documentos HTML con todos los detalles de cada producto. Puede utilizar estos scripts para permitir a los usuarios ver una página con esos detalles después de hacer clic en el nombre de los productos. Espera que consigas eso. Cómo puedes ver aquí que diablos, no querías mostrarle el MS2 ni algunos de los archivos al usuario. Se quiere, se quiere que los usuarios den click en este enlace y luego eso encontrará esta imagen después de dar click en este enlace. Por lo que hay que usar este guión en esa etapa. Entonces así es como estamos usando el Document Object Model y ejemplos muy sencillos. Pero sólo les estoy mostrando a ustedes chicos si encuentran alguno del problema con respecto a esta conferencia, por favor háganme saber y gracias por ver esta conferencia. 50. Agrega nuevos elementos al DOM: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar de eso, cómo se puede agregar un nuevo elemento al DOM. Se puede crear explícitamente un nuevo elemento en documentos HTML DOM o HTML utilizando el método documento dot create element. Veamos cómo podemos manipular este método en nuestro código. Veamos aquí solo estoy escribiendo etiqueta de guión. Y dentro de esta etiqueta de script, solo estoy usando la función. Entonces nombre de la función aquí es solo escribo que este es elemento de inserción. Y luego después de esto, tengo variable seca, que es un elemento nuevo. Ok? Aquí se puede ver que hielo, derecha, que es igual a documento y documento punto crear y crear elemento aquí, que es una etiqueta DIV. Entonces, ¿cuáles son las etiquetas DIV? O crearé una etiqueta DIV aquí en mi etiqueta de cuerpo. Y acabo de cerrar esta etiqueta. Entonces aquí solo estoy creando un nuevo elemento DIV. Por lo que esta es una cotización para un nuevo elemento DIV. Aquí, solo proporciono un ID que es igual a, solo escribiré que el nombre de identificación aquí es la pestaña principal DIV o me refiero a id. aquí. Solo estoy creando una etiqueta. Una etiqueta H1 aquí es hielo, ¿verdad? Que este es DOM. Y yo sólo bastante el IE a esta etiqueta H1 que es ID es igual a este es nuestro titulado. Entonces como ustedes saben, este es el título. A esto lo llamamos la norma. Y entonces aquí se puede ver que tengo justo ahí la etiqueta de párrafo y el encabezamiento de etiqueta de párrafo es el ID de, Supongamos que esto es un para. Y aquí solo escribo que este es un simple elemento DOM. Espero que así lo consigas. Ahora aquí puedes ver tengo que crear una variable. Y variable aquí es un nuevo contenido. Entonces esto es sólo una variable. Puedes establecer tu propio nombre aquí. Entonces esto no es preocuparse por eso. Entonces aquí, este es un elemento nuevo, nuevo elemento uno. Y esta es mi variable aquí. Ahora aquí puedes ver que tengo ahí mismo, este es el documento dot crear y crear. Aquí está el nodo de texto. Por qué estoy el té creando el nodo de texto aquí mismo. Sólo por aquí, solo estoy creando el elemento. Entonces solo les digo que en primer lugar nosotros como el nodo raíz, luego aquí tenemos el nodo hijo y luego después de este VL, un sub chiral. Entonces para eso, ¿por qué estoy aquí? Solo estoy escribiendo el nodo de texto, que está aquí está bien, hola, VR agregando nuevo elemento. Ok, entonces este será nuestro mensaje cuando solo estamos presionando algún tipo de veteranos son cuando solo estamos usando como cuando estamos creando un nuevo elemento. Por lo que este mensaje será nuestro elemento. Ahora aquí, después de esto, solo creo una nueva. Elemento número uno punto anexar método. Entonces aquí solo estoy usando una materia infantil pluma justo aquí y aquí. Yo sólo hago una pausa. Al igual que este es nuestro nuevo contenido. Entonces debe haber un, va a haber una confusión confusa para ti aquí mismo, razón por la que usamos un podómetro y ¿qué es un método de niño pluma? Anexar métodos hijo depende del nodo como último hijo del nodo. Y también puedes usar este método para moverse en elementos de un elemento lo hacen entonces. Entonces lo consigues, que por eso usamos este método append child. Una vez más, solo estoy repitiendo que anexar métodos hijo agrega un nodo al final de la lista de los hijos del nodo padre especificado. Y si el niño dado es nuestra referencia a un nodo de creación en los documentos, anexar niño movido para anexar hijo, que se mueve a él de una posición actual a las siguientes posiciones significa que esto se mueve al niño de una posición a otra posición. Espera que consigas eso. Ahora después de esto, solo estoy escribiendo una de las, otra variable aquí mismo, que es DI actual que etiquetamos o el elemento actual. De acuerdo, este es nuestro nuevo elemento. Este es nuestro elemento actual es igual a Harris ride, documento. Y documento aquí está get element by ID, y aquí vamos a obtener el ID de la etiqueta DIV principal. De acuerdo, Ahora aquí digo documento dot body tag. Y aquí sólo consigo el cuerpo de la página y aquí me pongo un bolígrafo. Y una pluma. Aquí hay un niño donde acabo de crear surge, conseguir aquí un nuevo elemento número uno. Y luego vamos a imprimir el siguiente elemento aquí, que es elemento actual. Y entonces aquí acabo de cerrar este núcleo. Entonces lo consigues. Ahora aquí solo creo un botón. Entonces botón aquí es el tipo de botón donde tenía, ¿verdad? Este es el método OnClick. Y esto es en el método click donde tuve que escribir este elemento inserto aquí. De acuerdo, entonces este es el elemento inserto, lo que solo estoy llamando a esto en el botón. Así que Harris, ¿verdad? Inserta tu elemento. Nuestro código aquí está completado. Acabo de ejecutar esto en el navegador y como puedes ver aquí, inserta tu elemento cuando solo hago clic en eso. Entonces aquí puedes ver Hola, estamos agregando un nuevo elemento aquí mismo. Para que puedas agregar tu elemento haciendo clic en este botón. Volvamos al código. Entonces aquí estamos creando una sencilla etiqueta DIV para crear estas todas las clavijas aquí mismo tenemos el título, párrafo y botón. Entonces aquí solo estoy obteniendo una función que es un nombre de elemento de inserción. Y aquí solo estoy creando un método de elemento creativo, o estoy configurando este método de creación de elementos aquí para crear un nuevo elemento para esta etiqueta DIV. Siempre que solo presiono este botón. Por lo que se me muestra este mensaje, que es crear un siguiente nodo y. solo estoy creando esto porque esto vinculará un nodo con otro. De acuerdo, ahora aquí solo estoy usando un método de niño pluma. Entonces como acabo de mostrarles que anexar asuntos infantiles agrega una nota al final de la lista de los hijos del nodo padre especificado. Entonces aquí IS variable de paseo que tiene un elemento actual. Entonces aquí solo estoy consiguiendo el ID de este elemento principal para imprimir este valor. Y luego después de esto aquí es correcto cuerpo o confiable. Y aquí solo estoy vinculando este o nodo con un nuevo nodo. Aquí significa que una vez este modo aparecerá como aquí, una vez que este nodo se te aparecerá. Por lo que esto vinculará a este mórbido siguiente nodo. Espero que así lo consigas. Si encuentras que conocía el problema con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. Gracias. 51. Constructor de Javascript: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar del constructor y de la base de clases JavaScript programación orientada a objetos. No me estaba enfocando en la última conferencia que cuando estamos trabajando con el lenguaje de programación basado en objetos, orientado a objetos, como en el script Java porque V no aclaró nuestro concepto constructor. En primer lugar, escuchamos que jugamos nuestro concepto constructor, y luego pasaremos a él. Constructor. El método constructor es especial, es muy, se inicializan las propiedades. Es tarjeta automáticamente cuando se hereda una clase. Al igual que puedes ver aquí en el constructor, un Java is can, can JavaScript constructor método es un tipo especial de método el cual se utiliza para inicializar y crear un objeto. Se llama cuando se asigna una memoria para un objeto. Las dos definiciones aquí, ¿de acuerdo? Entonces los puntos para recordar que cuando estás trabajando con el constructor, entonces constructor es una palabra clave está usando para declarar un método constructor en la clase. Contener un método constructor solo significa que si tienes una clase de ABC, por lo que esto significa que esta clase estará contenida solo un constructor. Ok. Y JavaScript nos permite usar constructor de clase padre a través de las super palabras clave. Por lo que no vamos a pasar a la super palabra clave en esta conferencia, estamos totalmente enfocados en el constructor y la clase es concepto significa el concepto orientado a objetos de clase en JavaScript. Vamos a ejecutar nuestro primer ejemplo sin clases en Discord porque estoy vastamente, vastamente te dio un conocimiento sobre el objeto constructor en JavaScript. Aquí puedes ver solo estoy creando una etiqueta de script. Y dentro de esta etiqueta de guión, solo estoy escribiendo función. Entonces la función aquí es el humano o una persona. Por lo que sólo escribo nombre de función. Aquí está el humano donde nuestros podómetros, nuestro primer nombre, después tenemos apellido. Entonces ¿también se nos lleva a cabo la edad? De acuerdo, ahora aquí puedes ver que este punto, nombre de pila, lo siento. En primer lugar tenemos parámetros como el nombre, apellido, y edad. De acuerdo, entonces aquí solo estoy escribiendo las propiedades de eso. Es nombre de pila y la primera imagen es igual al podómetro primero. Después tenemos el femtómetro como el primero. Entonces tenemos que escribir este punto LastName, donde tuvimos derecho último. Por lo que último aquí está nuestro podómetro. Entonces tenemos que escribir esta edad puntual, que es igual a Harris, ¿verdad? De acuerdo, entonces estas son la función y las propiedades aquí mismo. Ahora aquí sólo estoy consiguiendo el objeto a la persona donde acabo de morir variable. Y se puede ver que una persona infierno, supongamos un padre. Entonces Heaviside padre, que es igual a Harris, escribe nuevo humano. Entonces como pueden ver que estoy distribuyendo. Objeto a eso, que es cuando solo estás creando objetos. Entonces tienes la variable correcta y luego tienes escribir nuevo como palabra clave, y luego tienes el humano correcto. Entonces lo humano está funcionando todo. ¿ De acuerdo? Ahora aquí golpeo este es John. Y entonces aquí sólo escribo ese John y luego el apellido de eso aquí es Bob. Y entonces aquí la edad de aquí es de 50. Ahora aquí puedes ver que nuestra cancha para este constructor está completa aquí mismo. Entonces solo estoy creando el objeto a nuestro constructor aquí. Y ahora solo estoy dirigiendo este núcleo. Y se puede ver que esto no nos está mostrando una salida aquí mismo. Sólo por aquí se puede ver que tengo derecho, documento punto. También tienes que escribir get element por ID o cualquier cosa. Entonces si tienes aquí el elemento get by ID, así que simplemente tienes que escribir aquí una etiqueta de párrafo. Y luego dentro de esta etiqueta de párrafo tienes que simplemente escribir ID, que es igual a I. Sólo tienes que escribir el ID aquí es un para cualquier cosa, ok. Tienes que escribir tu propio nombre aquí. Sus ojos, ¿verdad? A. Y entonces aquí se puede ver que tengo que escribir en nuestro HTML y HTML interno, que es igual a SI correcto, que mi padre es. Y aquí se puede ver que tengo que escribir eso más no Harris escribir Padre, Padre es nuestro listo. Lo vamos a nombrar. Yo sólo estoy obteniendo objeto. Y aquí, si quieres tener la edad del padre, tan simple, has leído ocho aquí. ¿ De acuerdo? Por lo que aquí se puede ver que me zancé plus. Y entonces aquí se puede ver que tengo punto derecho. Entonces no lo hagas aquí sólo por terminar la línea. Ahora lo reprocho para que puedan ver aquí mi padre es gemelo. Mi padre tiene 50 años. Si quieres obtener el nombre de tu padre aquí en EU y simplemente escribe el nombre de tu padre si querías obtener el apellido, así que es empleado apellido aquí es Vauban, si querías conseguir el nombre así que, tienes que escribir aquí tu nombre de pila del padre. Entonces así es como podemos crear nuestro constructor. Entonces como puedes ver, estamos usando esta palabra clave aquí. Por lo que esta es una palabra clave en el JavaScript cuando se utiliza en un constructores es tira. Se refiere a una instancia que se crea con un constructor. Ok, ahora aquí nos estamos moviendo a nuestro ejemplo de clases. Java es script. ¿ Cómo? Sólo vamos a comprobarlo. Por lo que Declaración de las clases es declarada por una clase como la palabra clave. Y Harris, estoy striding etiqueta de guión. Y dentro de esta etiqueta de guión, estoy escribiendo la clase de, supongamos que es una clase de empleo. Te ayuda a conseguir que cómo podemos crear una clase, FastCV, cómo la palabra clave luego nombre de clase. Entonces así es como podemos declarar nuestra clase. Ahora solo te digo que estamos usando constructor como palabra clave. Entonces este es constructor como palabra clave aquí. Y ahora puedes ver aquí que borrosa solo estoy creando un constructor de un objeto. Por lo que los podómetros aquí identifican y luego emplean nombre. Usa esto como palabra clave y digo I E, que es igual a ID. Y entonces aquí se puede ver que empecé este nombre de punto y nombre ij es igual a nombre aquí. Espera que obtengas eso cómo podemos crear un constructor para CBR cuándo crear una clase, nombre de clase aquí está empleando luego constructor de un objeto. Y luego aquí se puede ver que los podómetros, y luego se puede ver que la propiedad de eso aquí, se puede ver ese detalle de empleado. Entonces este es nuestro método aquí. Entonces aquí solo estoy definiendo el método y ahora aquí estoy ilustrando documento dot, ¿verdad? Y puedes ver aquí empecé este punto más D, solo estoy consiguiendo la identificación plus. Y entonces aquí sólo estoy concatenando este nombre de punto. Y además aquí es salto de línea única. Espero que así consigas que cómo podemos definir nuestro método dentro de esta clase. Ahora puedes ver aquí se crea nuestro class_name, nuestro constructor está abarrotado aquí. Se crea aquí. Ahora estamos creando el objeto y le estamos pasando las variables y los valores. Ahora variable aquí es empleado número uno y empleado número uno, que es igual a aquí supe como palabras clave para conseguir el nuevo objeto. Y aquí solo estoy creando el empleo como el nombre de la clase. Además el solo estoy escribiendo la identificación del empleado como uno. Y entonces aquí implican nombre, que se deja suponer Bob. Y entonces aquí se puede ver que acabo de crear variable y variable aquí es empleado número dos, que es nuestro nuevo objeto aquí. Entonces aquí te juro que sabía como palabra clave, entonces esto implica y Harris, ¿verdad? Implica IDE2. Y entonces aquí sólo escribo que este es el nombre como los Daniels. Espero conseguir eso. Ahora puedes ver aquí que estamos creando el objeto, pero aquí no estamos creando ninguno de los métodos aquí mismo. Entonces solo estoy escribiendo implicar, lo siento, EMP v1 punto aquí, decido que solo estoy creando el método aquí. Por lo que la materia aquí es detalle implicar. Y luego tuvimos cabalgar ese EMP a cualquier MPEG-2 que Dort implique detalle. Entonces estos son nuestros métodos, ¿de acuerdo? Ahora Amazon en este núcleo y antes de terminar con este núcleo, tenemos que ser este pistón aquí mismo. ¿ De acuerdo? Ahora aquí, estoy guardando esto y dirijo este curso. Entonces puedes ver aquí a propósito sostuvimos el DNI y luego Bob y luego segundo id, y luego Danny como el nombre. Entonces ahora se puede ver aquí, en primer lugar, estamos creando la clase, después implicar. Clase. Aquí está nuestra palabra clave, y empleamos aquí está nuestro nombre de clase. Te ayuda a conseguir eso. Ahora aquí, después de esto puedes ver aquí estamos creando un constructor. Entonces constructor aquí es el podómetro de ID y el nombre. Ok, pero solo te digo que constructor es solo una palabra clave para declarar el método constructor. Y la clase contiene solo un constructor. Por lo que toda esta clase contendrá solo un constructor aquí. ¿ De acuerdo? Ahora aquí se puede ver que acabo de tratar de propiedades y luego método aquí. Entonces esta es la declaración de salida. Y luego aquí se puede ver que estamos creando los objetos post y segundo objeto y aquí primero llamando n, segunda llamada. Esperanza. Entonces obtendrás eso cómo podemos borrar la programación orientada a objetos basada en clases en el SDK de Java. Si encuentra algún problema con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 52. La palabra clave con el bloque de construcción de construcción de los bloques de OOP: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar de la java se cribbed estas palabras clave y vamos a trabajar con unas palabras clave de disco y te voy a mostrar que cómo puedes trabajar con ella. Estas palabras clave en el script java cuando se utiliza en un constructor, se hace referencia a la instancia que se crea con nuestro constructor. Si lo estás intentando, supongamos que este es el cordón aquí. Y si estás probando el registro de puntos de la consola y aquí lo encontrarás, aquí escribirás esto como la palabra clave. Entonces aquí, este es un constructor. Y usted ha notado que el tema como nuestro ejemplo de registro. Por lo que es como usar la instancia misma. ¿ Cuál es esta palabra clave? Estas palabras clave que se refiere a un objeto y ese objeto que está ejecutando el bit actual del código JavaScript. En otras palabras, cada JavaScript funciona mientras se ejecuta tiene una referencia a sus contextos de ejecuciones actuales. Espero así que entiendas ahora, ahora aquí puedes ver que voy a crear un ejemplo sobre eso. Y aquí se puede ver en nuestro último ejemplo, se puede ver que describí al humano como el nombre de la función. Y entonces aquí solo estoy pasando los parámetros a esa función los cuales son de nombre, entonces este es nuestro apellido. Y aquí han visto que esta es nuestra edad. Ahora solo escribo que esto está controlado o log. Y el log aquí es que solo estoy usando esto como palabra clave. Por lo que estas son las otras propiedades de las otras propiedades a menudo Método. Y ahora aquí puedes ver que solo estoy escribiendo const agregar la palabra clave. Palabra clave, donde se puede ver que tengo que escribir que este es el Bob y Bob que es igual a la mitad disputando el objeto que es al humano. Y esto es para el humano, lo siento, lo humano, donde tuve que escribir que este es el bob. Entonces el segundo nombre aquí es peligroso. Y entonces aquí se puede ver que tengo derecho que esto si 50, lo siento, esto es aquí. 50, ¿vale? Y yo puntaje más cercano justo aquí. Entonces como puedes ver aquí para C, solo estoy disparando una función que parámetros. Entonces este es un registro de consola. Se puede escribir document.escribir en, en ese lugar. Y entonces aquí se puede ver que yo también le estoy distribuyendo el objeto. Esta palabra clave es concepto muy importante en la programación orientada a objetos, por lo que necesitas demasiado familiarizarte con ella. Ok, vamos a llegar a los bloques de construcción de la programación orientada a objetos. Y veremos eso por qué usamos programación orientada a objetos y ¿cuáles son los bloques de construcción de una programación orientada a objetos? programación orientada a objetos hacen que el código se organice. Como se puede ver aquí, este núcleo se está organizando porque la función. Entonces hay que llamar a estas funciones. Y puedes dejar como crear las clases. Y luego hay que escribir las propiedades. De acuerdo, muy, ella es muy comprensible para ti. Entonces tienes que escribir el objeto a esas clases, ¿de acuerdo? Por lo que como se puede ver, programación orientada a objetos también es fácil de mantener. Su siguen el método seco. Entonces la materia seca, que es no te repitas, lo que significa que el código es reutilizable y puedes reutilizar tu código significa que una vez que escribes tu clase, tienes que repetirlo una y otra vez. Entonces tienes que doblar. Entonces tienes los beneficios de la programación orientada a objetos, que incluye la seguridad. Y eso también es evitar el acceso no deseado a los datos donde se puede utilizar la abstracción y el concepto de ocultación de datos. O aquí se puede ver que eso está explotando. El ES IT adecuado se ajusta a través de las encapsulaciones y las abstracciones. Ambos se discuten más a fondo en el principio de una programación orientada a objetos. De lo que discutimos en este curso, se puede ver aquí en próxima conferencia vamos a cubrir encapsulaciones o inter herencia y abstracción que también. Entonces, ¿los programadores crean programas orientados a objetos? Bueno, la taquigrafía, así que su cabello está haciendo las clases y creando los objetos a partir de las clases. En la programación orientada a objetos, todo es un objeto y clases a partir de los planos para cómo se estructuran los datos y el comportamiento. Se crean objetos para una instancia específica de una clase. Como programadora, podrías crear una clase doc para blueprint como y mientras me dirigía para organizar toda la entrada, todas las informaciones importantes sobre la masa. Al igual que ¿cuál es el color del perro? ¿ Qué hace una lectura de la bata? ¿ Dónde está el nombre del perro? Justo así. Está bien. Ahora aquí solo te mueves a los bloques de construcción de la programación orientada a objetos. Por lo que los bloques de construcción en la programación orientada a objetos primero vienen en la fila es una clase. Estás creando la clase, entonces tienes que crear los objetos a esa clase. Segunda cosa importante. Entonces hay que crear los métodos a esa clase y agregar el último. Tienes que definir los atributos a la clase. ¿ Cuáles son las clases? Entonces clases, puedes ver aquí tienes que crear una clase. Entonces tienes el método correcto dentro eres clase. Entonces tienes que definir los atributos que son tus variables como cuentas del perro, como Color del perro, edad del perro. Y entonces hay que escribir el objeto a todavía clase. Aquí puedes ver que las clases son solo un plano. Entonces objeto aquí es sólo una instancia. Entonces en realidad las botas son nuestros datos. Lo que acabo de decir que variables, color de perro, perro, un perro engendra atracción. Y entonces has visto que este es el método que son nuestro comportamiento que cómo funciona este perro o cómo se comporta este perro Laika, ¿de acuerdo? Sobre cómo funciona esta funcionalidad, ¿de acuerdo? Ahora aquí puedes ver que este es un ejemplo de codificación. Supongamos que aquí tenemos las variables. Como se puede ver aquí, este es el objeto de perro individual. Ok, significa cuando perro individual. Y aquí se puede ver tenemos el perro que es variable, y este es un nombre de perro, que se refiere. Y entonces aquí puedes ver que estos son nuestros atributos, ¿de acuerdo? Como se puede ver aquí, que estos son nuestros atributos y datos. Aquí se puede ver. Y estas son las propiedades. ¿ De acuerdo? Ahora aquí se puede ver en primer lugar, escuchamos a un perseguido entonces fecha de nacimiento. De acuerdo, entonces nosotros, cómo la edad del donante aquí verás que estos son nuestros métodos o las funciones en Cómo se comportará este perro. Aquí puedes ver que acabo de regresar simplemente fecha ahora. Y aquí solo estoy usando esta palabra clave y obtener la fecha de fin de cumpleaños del perro. Ok, aquí se puede ver que este es un segundo perro individual donde se puede ver que en primer lugar se encuentra el comportamiento, luego estas son las propiedades, funciones y visto como un caso como nuestro mayor. Entonces así es como funcionan los bloques de construcción de la programación orientada a objetos. Si encuentras alguno del problema en esta conferencia de palabras clave y los bloques constructivos de la conferencia de programación orientada a objetos, por favor házmelo saber y gracias por ver esta conferencia. 53. Encapsulación de Javascript: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar de encapsulación en JavaScript. En la programación orientada a objetos, la encapsulación es las inclusiones dentro del objeto de un programa para todos los recursos necesarios para que el objeto funcione, básicamente los métodos y los datos. Se dice que el objeto se publica su interfaz, otros objetos adheridos a estas interfaces sí utilizan el objeto sin tener que preocuparse por cómo se logra el objeto. Es la idea, no me digas cómo lo haces, solo hazlo. Un objeto puede ser cierto de auto contenido en la interfaz de objetos consisten en método público y datos instanciados. En telecomunicaciones. Si vemos el ejemplo en la telecomunicación como encapsulación, encapsulación es inclusiones de una estructura de datos con una estructura elevada para que la primera estructura de datos esté oculta por el momento, por ejemplo, está utilizando TCPIP formato de paquete de datos se puede encapsular con un marco ATM y otros tipos de unidad de datos transmitidos dentro del contexto de contenido de transmitir y recibir el marco ATM, la encapsulación escogido es simplemente IST de BID entre los datos ATM y la transferencia distribuida significa que en la máquina ATM, el TCPIP está pegado al enviar los datos. Por lo que aquí simplemente recibirás es equipo de sangre entre el remitente de datos y el receptor. encapsulación es uno de los fundamentales de la programación orientada a objetos y el concepto clave. Se refiere al edificio. Está a nivel del agrupamiento de los datos con métodos que operan en esos datos. Encapsulación se utiliza para ocultar el valor o este despegue es objeto de datos estructurado dentro de la clase, como evitar que las partes no autorizadas accedan directamente a ellos y públicamente que es accesible método generalmente se proporcionan en el clase. Por lo que eso se llama getter y setter métodos. Quienes acceden al valor y otras clases de clientes llamaron a estos métodos para recuperar y modificar el valor dentro del objeto. Aquí podemos ver que sólo estoy tomando ejemplo de encapsulación como el auto. Por lo que el infierno del auto, diferentes tipos de atributos. Supongamos el infierno de autos, modelo. Entonces veremos que el infierno del auto también es velocidad. Entonces se puede ver ese motor auto hell y la capacidad también. Entonces el infierno del auto se meó límite también. Está bien. Y en el último auto se puede ver que se puede conducir el auto y Reino Unido y se puede detener el auto también, o se puede establecer la velocidad a ese auto. Entonces si tomamos este auto en un componente de la vida real, por lo que el uso del auto del principio de abstracciones define el contexto de los datos que se necesitarán en nuestra aplicación. En este caso, necesitaremos un nombre de modelo de propiedad de auto, contenido actualmente velocidad, velocidad máxima, y las propiedades de motores booleanos que serán responsables me quedé si un auto se apaga y enciende, como aquí, tú puede ver que esta parte superior aquí está se instalará la función. Por lo que los principios de encapsulación significa que debemos agregar a las mismas materias de comportamiento de clase, que es dr, es top y establecer los límites de velocidad, etcétera. Éstos pueden ser utilizados en nuestras aplicaciones y también para proporcionar el acceso restringido al cambio en el estado de instancia de clase. Y no queremos que nuestro cliente de nuestra clase pueda apagar el auto y luego es hasta poder establecer un valor de velocidad. Supongamos que es hasta 100 millas por hora. Si el, más complejo aquí en la encapsulación. Entonces si ves las aplicaciones y encapsulación más complejas, por lo que es posible que necesites más propiedades que describan al otro auto, que son subsistemas como vidas de autos, ruedas de automóviles, asientos de automóvil, y la capacidad del motor y funcionamiento del motor. Entonces esto será lo más complejo, ¿de acuerdo? En este caso, tendrás que hacer pocas abstracciones para esos sistemas. Y eso será encapsulado, es estado y el comportamiento. Y entonces podrás combinar una clase de autos y como, así, funcionalidades como aquí, puedes ver eso un ejemplo sencillo. Yo solo estoy creando un auto sencillo aquí. Entonces esto no se ve como un cartón, Esto es un auto. Ok. Aquí se puede ver aquí se puede ver un auto sencillo. Pero no se conoce el motor aquí, los asientos, la puerta, el límite de velocidad. Entonces aquí cada funcionalidad está disponible, pero eso está encapsulado significa que esto se esconde aquí mismo. Esperemos que consigas eso. Ahora aquí puedes ver que solo te estoy dando un ejemplo sencillo de la vida real sobre eso. Entonces, en primer lugar, veremos que la encapsulación significa ventajas de encapsulaciones aquí mismo. Para que puedas, puedes usar encapsulaciones. El funcionalmente se define en, la funcionalidad se define en un solo lugar y no en múltiples lugares. Esta es una primera ventaja de las encapsulaciones aquí. El código encapsulado es más flexible y fácil de cambiar con nuevos requisitos. Y se puede definir el lugar lógico, lógico y el lugar donde escapan los datos. También puedes evitar que las otras clases y el acceso a los privados se llenen también. Aquí puedes ver los datos dentro de nuestro objeto no se modifica inesperadamente por código interno en una parte completamente diferente de nuestro programa. Cuando usamos un método, sólo necesitamos saber que qué resultado producirá el método. Y no necesitamos conocer el detalle sobre los objetos internos y otros para usarlo. Por lo que podríamos cambiar el uso de otro objeto dentro de nuestro completamente diferente encendido, dentro y no tener que cambiar ningún código porque ambos de objetos cómo la misma interfaz. De acuerdo, uno de los, otro ejemplo aquí es encapsulaciones, mantiene nuestros datos y código guardados para la herencia externa. ¿ Las encapsulaciones se dirigen para actuar su seguridad y se mejora la mantenibilidad de su aplicación. Esperemos que entiendas ahora. Ahora aquí se puede ver que sólo estoy demostrando todos los ejemplos a ustedes aquí. Se puede ver aquí tenemos la clase, y como se puede ver aquí, tenemos la clase. Aquí. Esto son encapsulaciones. Por lo que todos los datos aquí están disponibles dentro estas encapsulaciones donde encontrarás las variables. Y el método significa que si ves toda la clase aquí mismo. Por lo que dentro de esta clase se puede ver aquí albergamos algunos tipos de miembros de datos, métodos y el comportamiento. Por lo que básicamente cápsula aquí se puede ver está encapsulada varias combinaciones de let supone medicinas. Si la combinación de los medicamentos son variables y los métodos, entonces el Capstone actuará como una clase. De acuerdo, significa que esta cápsula actuará como una clase aquí mismo. Y todo el proceso se llama encapsulación. El método de encapsulación fue técnica. Declaramos el campo como un privado en la clase para evitar que otras clases accedan directamente hacia arriba. Entonces lo consigues. Ahora aquí sólo estoy demostrando algunos de los ejemplos. ¿ Te gusta? primer ejemplo aquí es que vas a la escuela y una bolsa escolar es uno de los ejemplos más reales de la encapsulación. Al igual que una bolsa escolar te puede guardar un libro, bolígrafos, etcétera. Por lo que esto se llama encapsulaciones significa que estás bolsa sostenida estas todo tipo de cosas como Penn y extracción de libros. Entonces como puedes ver, solo puedes ver los libros estaban dentro de tu bolsa. Hay varios libros y los bolígrafos. Está bien. Ahora aquí, el otro ejemplo es cuando estás conectado a tu dirección de correo electrónico o a una cuenta de correo como Google o estás usando correo de Yahoo, o estás usando la misma plataforma que estás ganando. Y así hay una gran cantidad de procesos internos llevan a cabo en segundo plano y no tienes control sobre ello. Al igual que aquí, puedes ver que simplemente puedes ir a agregar tu email y luego vas a agregar tu contraseña aquí. Por lo que no sabes que funcionalmente una instalación realmente desempeñando y la cama BEC ronda de tu interfaz como aquí, puedes ver que eres un simple espectáculo. Solo te estoy mostrando una interfaz sencilla. Pero aquí puedes ver que la funcionalidad real aquí está escondida de ti como puedes ver aquí. De acuerdo, net cómo hice la etiqueta de encabezado, cómo hice la etiqueta de párrafo, y cómo puedes ver que solo estoy haciendo o solo estoy agregando estas imágenes aquí mismo. Está bien. Ahora vamos sólo Así que aquí, cuando estás ingresando la contraseña y contraseña para iniciar sesión, están recuperando un formulario encriptado y validando, y luego se te da el acceso a tu cuenta y no tienes el control o es así como se ha verificado la contraseña. ¿ Tiene su Keep su contraseña keep whore o es mantener o un conteo seguro de traer los malos usos. Ojalá consigas que estos son los, algunos de los ejemplos. Espero que sí. Tu concepto es mucho más claro ahora y estarás muy familiarizado con las encapsulaciones y estarás entendiendo cómo VR usando la encapsulación en la vida real. Pasemos al ejemplo de codificación de la encapsulación. Y vamos a hacer algunos de los duros en esta encapsulación. Y les voy a demostrar algunos de los ejemplos para que su concepto sea más claro. Al igual que aquí, se puede ver que solo estoy creando una etiqueta de script. Donde se puede ver aquí que sólo estoy escribiendo la clase. Como saben, como todos saben clase aquí es la palabra clave. Yo estoy usando. Mi viejo ejemplo aquí, que es empleador espera que entiendas ahora primero, solo estoy estableciendo los detalles implícitas. Por lo que aquí puedes ver que se trata de detalles de empleados y empleados aquí. Donde puedes ver aquí implican perspicacia es detalle implícito. Tienes que escribir el nombre del implicar la edad del empleado, y luego tienes que escribir como designación del patrón aquí mismo. Entonces lo consigues. Ahora, solo estoy usando este nombre de punto, que es igual a aquí estoy striding nombre. Entonces aquí estoy escribiendo este punto id, que es igual a que yo decido ID. Y entonces aquí dije estas designaciones de punto, que es igual a designación de vista aquí. Como todos saben aquí solo estoy creando el método y estos son algunos de los atributos hacen este método aquí. De acuerdo, ahora aquí se puede ver que estoy ilustrando obtener ID de Empleado. Entonces este es un asunto lo que N está corriendo aquí mismo, que es conseguir implicar ID. Y aquí solo estoy consiguiendo la identificación del empleado con ayuda de fechas. O aquí estoy llamando retorno disco dot id ¿De acuerdo? Ahora aquí puedes ver que solo estoy llamando o solo estoy creando las variables como EMP, que es igual a nuevo empleo. Aquí solo estoy creando el objeto de esta clase. Aquí se puede ver. Y entonces se puede ver que a propósito sólo estoy escribiendo documento punto, correcto. Donde se puede ver que tengo que escribir ese EMP, que es mi objeto aquí y aquí se puede obtener el método de identificación de empleado. Y luego tienes que cerrar el cordón. Entonces como pueden ver aquí, solo estoy creando un asunto separado para conseguir esta identificación aquí. No te estoy diciendo la lógica ahora mismo, ¿de acuerdo? Solo para hacer tu concepto aquí y ver lo que realmente estoy haciendo aquí. Ahora aquí solo estoy escribiendo get implique nombre. Y aquí sólo estoy devolviendo este nombre de punto. ¿ De acuerdo? Y entonces aquí se puede ver que solo estoy creando document.write y Harris, ¿verdad? Obtener o aquí estoy citando nombre del empleador. Está bien. O lo siento. Esto es conseguir que lo empleen. Ahora aquí solo estoy creando tercera función, que está aquí. Estoy empezando a conseguir. Designación, donde se puede ver que jamones escribiendo que esto es retorno y retorno aquí es esta designación de punto. Y yo solo estoy copiando y pegando este método aquí y aquí se puede ver que en primer lugar solo estoy llamando a implicar TI, luego estoy llamando a nombre del empleador y luego a las designaciones del empleador aquí. Entonces como se puede ver aquí, esa persona DVR definiendo una función aquí, que es un nombre de detalle de empleado, donde los atributos aquí, nuestro nombre que introvertidos son IID y esta es designación de su implicación. Ojalá consigas eso. Ahora aquí, puedes ver que solo eres función se te muestra, la cual se establece en detalle. ¿ De acuerdo? Ahora aquí se puede ver que no hay detalle es proporcionar perspicacia estas funciones en lugar de solo atributo. Aquí puedes ver que sólo estoy consiguiendo uno por uno. Estos todos los atributos usando estas funciones que es get, impliquen ID, get, impliquen nombre, get designation. Y último ejemplo has visto que simplemente estamos llamando a esto get Employee ID y luego podemos obtener todos los detalles aquí mismo. Pero encapsulaciones, Hay que seleccionar sólo los datos necesarios, todas las funcionalidades aquí están, se puede ver que alto. Entonces esto está encapsulado aquí mismo. Y puedes acceder a estas funcionalidades uno por uno según tu necesidad. ¿ De acuerdo? Ahora aquí puedes ver que solo estoy definiendo o solo le estoy brindando algunos de los valores. Al igual que aquí estoy iniciando EMP y luego aquí está acabo de escribir conjunto de detalles de empleado donde tenía ahí mismo. Supongamos que este es John y aquí se puede ver que tengo que escribir la edad de eso, que es de 25. Y la edad de implicar aquí es de 25. Y aquí se puede ver que el número telefónico aquí lo siento, la designación aquí es que me llama la atención que este es el TI implica. Está bien. Pero también puedes escribir los números telefónicos de tu cabello imperio. Ok? Esperemos que consigas eso. Ahora aquí solo estoy ejecutando este curso, ¿ustedes chicos, donde encontrarán la salida y aquí no nos está mostrando salida aquí mismo. Comprobemos un error. Hay un error se puede ver aquí que vamos a sumar la edad aquí. Entonces en lugar de id, estamos sumando la edad aquí. Y se puede ver aquí esta es una edad. Y está bien, está bien. Ahora. Ahora solo ejecuto esto. Por lo que aquí se puede ver que esta es nuestra fecha encapsulada. ¿ Cómo, qué obtenemos de esta cotización? Se equivocan ligeramente entre la edad y la identificación, Lo siento por eso aquí. Entonces como puedes ver aquí, solo te digo que este es el todo los datos encapsulados y estamos accediendo a un Y1 usando los métodos, ok, y aquí estoy simplemente crear un objeto y luego difundir asignados los valores. Y aquí se puede ver que sólo estoy consiguiendo estos valores aquí mismo. Pasemos al segundo ejemplo sobre la encapsulación. Y te daré por completo los conocimientos sobre la encapsulación o la validación de que cómo puedes validar tus datos usando encapsulaciones. El concepto principal es usar aquí mismo. Supongamos que teníamos una clase de estudiantes, ¿de acuerdo? Y entonces hemos visto que tenemos algunos tipos de constructor como usamos en nuestro último ejemplo. ¿ De acuerdo? Este es nuestro constructor. Y aquí solo estoy escribiendo los dos atributos o las variables aquí, donde Primero ayudé a escribir nombre y después hemos visto que acabo de probar mark. De acuerdo, ahora después de esto aquí estoy empezando a conseguir primero tienes que conseguir el nombre. Y entonces aquí parece un caso como nuestro viejo ejemplo aquí se puede ver que tenía que escribir retorno y este nombre de punto. ¿ De acuerdo? Ahora aquí después de estos, solo estoy escribiendo una de las, otra función aquí que pasatiempos setName escribiendo función getName. Y entonces aquí estoy striding setName función donde acabo de pausar el podómetro como el nombre. Y aquí escribo este nombre de punto, lo siento, este nombre de punto, que es igual a aquí, es nombre correcto. De acuerdo, ahora aquí solo estoy escribiendo y otras funciones para conseguir las marcas. Entonces este es nuestro Marte aquí se puede ver. Entonces GetMax, donde acabo de escribir este es el retorno y regreso aquí está esta marcas oscuras. Entonces lo consigues. Ahora aquí después de esto, solo estoy escribiendo set marx función y donde acabo de pausar el podómetro como las marcas. Ahora ofrezca estos hielo, use if statement. Entonces si aquí está las marcas y marcas es menor que 0, donde tuve que usar el o operador. Y aquí me deslizo que marcas que es mayor que un 100. De acuerdo, ahora aquí solo uso mensaje de alerta. Y el mensaje de alerta aquí es que tengo que escribir que se trata de marcas inválidas. Y aquí tengo que cerrar este código. Ahora acabamos de mover la condición de lo demás aquí. Y la otra condición aquí es que tengo escribir esta marcas oscuras y marcas que es igual a Harris, ¿verdad? Marx. Ok. Ahora aquí se puede ver que yo tenía razón? O tengo que establecer la variable que es un estudiante, o un estudiante. Estudiante, ¿Hay nombre_clase? Entonces tengo que escribir std, SGD, que es igual a que golpeo a New Student. De acuerdo, ahora Hair Ice código más cercano y ojos de cabello, derecha, STD dot set name. Entonces solo estoy llamando a estos asuntos aquí donde acabo de decir el nombre aquí es dejemos suponer que este es Bob. Y entonces aquí se puede ver que tengo que escribir S t dot set marks. Entonces esto está poniendo las burlas. Entonces les diré el funcionamiento de eso aquí. Yo estoy poniendo las marcas aquí, que son 90. Y se puede ver he secado documento dot escribir donde tenía derecho estudiante dot getName. Perdón, primero tengo que escribir getName. Y entonces aquí solo estoy concatenando SGD dot conseguir marcas. Y entonces tengo que cerrar este curso. Aquí, como pueden ver, solo estoy escribiendo una cerveza etiquetada para un sencillo y descanso. Entonces, ¿qué hace esto en realidad aquí mismo? En primer lugar, solo estoy creando una clase de Marte, perdón, que es una alumna, que está consiguiendo el mars y el nombre de los estudiantes aquí. Entonces aquí M es definir un constructor y estos son los atributos, ¿de acuerdo? Ahora aquí se puede ver que estos son los, este es los datos encapsulados, lo que queríamos conseguir usando estas funciones. Entonces aquí solo estoy escribiendo el getName. Entonces, en primer lugar, eso simplemente obtendrá el nombre de esto. Y entonces aquí sólo estoy poniendo el nombre de eso aquí. Ahora parece un caso como GetMax y establece marcas aquí. Entonces aquí solo estoy poniendo el nombre como el Bob y poniendo el Marte como 19 significa que Bob consiga 19 meses. Esta es la lógica. Si Marte es menor a 0 y esto está todo embarazada aquí golpeo Marte que es mayor a 0. Entonces eso nos va a mostrar. Marcas inválidas significa que el mars no es menor que, menor que 0 y Marte no es mayor que un CVR de 100 libros mayores que proporciona aquí el valor correcto. Por lo que refrescó esto. Entonces aquí se puede ver que ese es Bob 90 y nos está mostrando el resultado correcto aquí. Si solo escribo Mars aquí es 111. Por lo que aquí se puede ver que el método de mensajes de alerta se invoca aquí. Por lo que se puede ver reservado, refrescar y aquí se puede ver que en Willard se burla. Espero que así lo consigas. Y aquí se puede ver que Bob y Marte indefinido aquí. Esperemos que consigas que cómo podemos usar la encapsulación en el java se voltee. ¿ Y cuál es el beneficio de la encapsulación en el JavaScript? Entonces tu concepto es mucho claro ahora, si no entiendes alguna de la planta aquí mismo, por favor avísame y gracias por ver esta conferencia. 54. Basado de prototipos de encapsulación en Javascript: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar del enfoque basado en prototipos de encapsulaciones. En última conferencia, se ha visto una breve discusión sobre las encapsulaciones, donde se aprende mucho sobre las encapsulaciones en el JavaScript. Aquí te diré el enfoque basado en prototipo en las encapsulaciones. El lenguaje basado en prototipo como Java está escindido, no hace estas distinciones. Es simplemente tiene un objeto, un prototipo es el lenguaje tiene su, las notaciones de los objetos prototipos. Pero significa que aquí simplemente estamos creando un prototipo de objetos y objeto utilizado como plantilla para el cual obtener las propiedades iniciales de un nuevo objeto. Cualquier objeto puede especificar su propia propiedad ya sea cuando se está creando, cuando se creó, o en tiempo de ejecución en ediciones, cualquier objeto se puede asociar como prototipo para otro objeto, permitiendo que el objeto segundos comparta el primer objeto. Al igual que cada objeto en el Java Script tiene un prototipo ya que es forma de que se vincule al otro objeto. Hablando de la herencia basada en prototipo. Y aquí verás que cómo podemos trabajar con ello. Aquí. Igual es el caso. Al igual que por ejemplo, solo estoy escribiendo es clip tech contundentemente. Y entonces aquí tengo escribir, vamos a suponer variable y variable aquí es nombre era igual al nombre aquí. Ahora aquí acabo de escribir variables y variables aquí están Marte, que es igual a IS derecha, que estas son las marcas. ¿ De acuerdo? Todas las cosas en nuestro último ejemplo que cubrimos aquí, puedes ver que ayudé a escribir objeto, objeto o definir. Definir aquí es la propiedad. Aquí. Acabo de usar este punto o esto, y luego aquí sólo estoy escribiendo nombre. Ok. Espero que así consigas eso. Entonces este es el objeto de método estático, que es propiedad definida como se puede ver aquí. Entonces eso se define una nueva pobreza directamente sobre un objeto, y eso es modificar la propiedad existente sobre un objeto y devolver el objeto aquí. ¿ De acuerdo? Ahora aquí puedes ver que tengo derecho? Que en primer lugar estoy decidiendo conseguir, llegar aquí es la función, lo siento, esto es pequeño f Esta es una función. ¿ De acuerdo? Lo que significa que solo estoy obteniendo getMethod para obtener la función. Y ahora aquí solo estoy escribiendo retorno y regreso. Aquí está Nim. Entonces sus ojos a la derecha, dijo coma. Y ahora aquí solo estoy configurando la función aquí. Entonces esta es una función. Función estamos, solo estoy pasando el parámetro como nombre. Y entonces aquí escribo este nombre de punto que es igual a hielo ¿verdad? Nombre. Como se puede ver aquí, pasatiempos está definiendo esta propiedad del método de encabezado, que se define propiedad aquí. Entonces aquí solo estoy escribiendo obtener funciones donde sólo estoy obteniendo sólo el nombre aquí. Y entonces aquí solo estoy escribiendo la función de conjunto y configurando el nombre aquí. Espero así que tu concepto sea mucho claro ahora. Ahora mismo es un caso como que solo estoy usando lo mismo con Marx. Aquí se puede ver que primero el objeto estoy citando o definir propiedad donde marcas derecho de hielo aquí. Y entonces aquí sólo estoy consiguiendo la función y la función aquí es Marx. Y entonces aquí se puede ver que tengo, ¿verdad? Estas son las marcas aquí. Y esto es Marks que es igual a tengo escribir que estas son las marcas. De acuerdo, aquí puedes ver que cómo funciona nuestro proyecto, lo siento, cómo funciona nuestro enfoque basado en prototipos en la encapsulación. Ahora aquí escribiría variable let, STD y SGD, que es igual a sus ojos, ¿verdad? Nuevo Estudiante. Está bien, y aquí tengo justo ahí. Supongamos que aquí un estudiante es calvo, y entonces las marcas del estudiante aquí son 18. Ahora aquí tengo el documento derecho dot write, y aquí me había montado ese std. Entonces sus ojos es conseguir el nombre, que es plus. Y aquí se puede ver que tengo que escribir más SGD, que es, lo que significa que este es un login de concretización. Y aquí tengo las marcas correctas de la posse estudiantil que obtendrá el resultado del nombre del alumno y las marcas de ese alumno aquí. Aquí, se puede ver que estoy agregando función. Y se puede ver que esta es una función aquí donde hielo derecha, la función aquí para los estudiantes donde tenía nombre correcto y las marcas. Y aquí se puede ver que ES acorde más cercano aquí. Por lo que se trata de un estudiante como nombre de función. Y en lugar de ese cabello, solo estoy agregando estos corchetes rizados aquí mismo. Ahora solo estoy ejecutando este código donde puedes ver aquí que nuestro primer valor, Harrisburg y segundo valor aquí es 80. Ahora vamos al código aquí. En primer lugar, solo estoy definiendo una función y el podómetro a esa función aquí está el nombre y las marcas. Aquí solo estoy creando dos variables, lo que significa que este es valor encapsulado. Y aquí solo estoy obteniendo los valores con la ayuda de un enfoque amplio basado en prototipos. En primer lugar, vamos a obtener el nombre, y luego aquí vamos a conseguir los mars de nosotros tokens y parece un caso como nuestro viejo ejemplo aquí estoy derrapando y ustedes se oponen a esa clase y proporcionando los valores. Y aquí puedes ver que solo estoy obteniendo estos valores para la salida y mostrándote como salida aquí mismo. Entonces es así como podemos trabajar con un tipo de prototipo basado en proyectos se aborda en las encapsulaciones. Si encuentra alguno del problema con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 55. Ejemplo de encapsulación de Javascript 3: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar el java se despoja encapsulaciones y vamos a hacer programas que ejecuten una encapsulaciones y dibujen un círculo donde manejarás el tamaño de ese círculo con el operador de incremento y decremento. Como puedes ver en tu pantalla dentro de estas etiquetas de script, estoy encerrar algunas de la biblioteca CDN JavaScripts. Por lo que cd y JS es una biblioteca repositorios que alojó en la nube fair.com. Está disponible de forma gratuita CDN para las bibliotecas comunes de JavaScript y CSS. Cdn j como más anfitrión producciones mayormente conocidas versión lista del script Java N bibliotecas CSS. Cd NGS también soporta las versiones beta en su plataforma con la ayuda de n m, npm slash getfield. El conocimiento se vuelve al ejemplo de este código. Y aquí se puede ver que en primer lugar tuve que escribir esta etiqueta de guión. Y ahora aquí puedes ver que solo estoy creando unas funciones. Y la función aquí es nombre de la configuración. Entonces lo consigues. Ahora aquí se puede ver que estoy distribuyendo los dos botones aquí mismo, que es un nombre de ustedes pueden ver que este es el botón crear. ¿ De acuerdo? Y entonces aquí solo estoy escribiendo que este es el tamaño de aumento. Este es un nombre de botón aquí, punto aquí se puede ver allá solo estoy usando el nombre de la función, que es presionado por el ratón. Lo que significa que cuando solo presionas el ratón sobre este botón, por lo que el tamaño se incrementará aquí mismo. De acuerdo, y aquí solo estoy usando en btn. Y aquí sólo escribo que esto se deja suponer incremento. Entonces esto es btn y que es incremento. Haga clic. Y tuve que cerrar este acorde aquí. Y este es un corchete que está cerca justo aquí. De acuerdo, ahora, ahora puedes ver aquí, solo estoy creando uno de los, otro botón aquí mismo, que es un nombre de disminuir el tamaño de tu círculo. Y entonces aquí tengo escribir que este es un ratón presionado. Y aquí tengo escribir que en btn y VT y pelo se disminuye el click. Entonces aquí, como pueden ver, estoy distribuyendo los dos botones para el aumento del tamaño y disminuyendo el tamaño aquí y ofrezco estos. Solo estoy creando una de la otra variable. Crear p y donde tengo escribir que esta es una cadena vacía. Donde voy a crear esto para círculo aquí, ¿de acuerdo? Ahora aquí se puede ver estoy excluyendo una variable y variable aquí se forma. Y entonces aquí se puede ver que solo estoy creando, solo estoy llamando a esta variable dentro de estas funciones, que es igual a aquí. Simplemente escribe nueva forma y forma. Aquí está nuestro objeto. Y tengo al núcleo más cercano aquí. Ahora aquí puedes ver tengo que escribir que esto es Crear, y aquí solo estoy usando esto como el lienzo, donde el tamaño del lienzo aquí es de ochocientos seiscientos. Y tengo que cerrar esta función aquí. ¿ De acuerdo? Ahora puedes ver que estamos creando una configuración de los botones aquí. Y entonces estamos creando el aumento y disminución del tamaño del botón. Entonces estamos alimentando a una de las cuerdas vacías justo aquí. Y después de esto, estoy creando una etiqueta de lienzo. Y entonces aquí sólo escribo ese turno que es igual a nuevo objeto de forma aquí. Ahora aquí solo te estoy mostrando la salida para esto. Por lo que puedes ver aquí que el botón de aumento de tamaño es mayor aquí mismo. Pero aquí se puede ver que no nos mostramos el botón de tamaño reducido sólo por aquí. Aquí no estamos alineando estos botones. Entonces, solo alineemos estos botones primero aquí mismo. Por lo que estoy distribuyendo una función aquí. Y la función aquí es que puedes ver que el botón de objeto hace clic o estoy distribuyendo este nombre de función aquí y solo estoy llamando a este nombre de función aquí. ¿ De acuerdo? Ahora aquí se puede ver que tengo que escribir que este es el punto de forma y forma aquí solo escribo incremento y luego aquí se puede ver que solo proporciono el tamaño de diez aquí. ¿ De acuerdo? Ahora después de eso aquí se puede ver que estoy función estriding y la función aquí está en disminución de botón. Y el botón de disminución aquí es el click. Ahora aquí solo estoy escribiendo la forma. Y la forma aquí es, tengo escribir que esto es disminución y disminución aquí es de diez. Y tengo que cerrar este código aquí. Ni logística la salida ahora mismo y aquí maneja fresco esto, refresca esto. Por lo que puedes ver aquí encontramos un dos botones para el aumento y la disminución aquí. ¿ De acuerdo? Ahora aquí puedes ver que tengo que dibujar algunos de estos círculos aquí mismo. Ahora puedes ver que solo estoy creando una función. Y la función aquí es que solo uso draw como nombre de función donde tuve que escribir eso. Esto es en primer lugar, tengo que escribir el claro. Entonces este es un método claro aquí, que es, y aquí está el fondo. Ok, ahora aquí me zancé nave en forma de dre de punto. Y aquí se puede ver que yo tenía razón? Este es el mojado y el cabello mojado está dividido por dos. Y aquí tengo escondite de escritura, que también se divide por dos aquí, lo que sólo significa que eso va a conseguir la media altura y la mitad veterinaria. Ok. Y como se puede ver que esta es la función de dibujo de puntos en forma. No, después de esto aquí se puede ver que tengo que ir a la función. Y aquí solo estoy creando una de las otra función que es objeto de forma de función, como se puede ver aquí, de acuerdo. Y aquí dentro de este nombre de función, tengo que escribir este punto. Yo sólo estoy consiguiendo el radio de eso. Y el radio aquí es de 50 nacimientos. Ok. Ahora después de esto aquí, tuve que escribir ese objeto de forma y forma aquí es punto. Yo solo estoy escribiendo esto como prototipo y operador de incrementos prototype.js, que es igual a Harris, ¿ verdad? Esta es una función. Y dentro de la función aquí está el parámetro de n. Y entonces aquí se puede ver que tuve que escribir que este punto, radio y radio, que es operador de incremento de número de este parámetro n aquí. Y entonces aquí se puede ver que tengo que escribir que esto es una forma. Y como pueden ver aquí, tenía derecho esa forma y objeto en forma aquí es prototipo y el prototipo aquí es el operador decremento, donde se puede ver que se trata de un operador decremento que es igual a Harris, ¿verdad? Que esta es una función y la función aquí es parámetro de n. Y entonces aquí probé esto.radio, esto.radio, donde tuve que escribir operador decremento en el podómetro. Y aquí, ok, ahora aquí se puede ver que he llegado en forma de punto, lo siento, esto es prototipo de punto objeto de forma. Y aquí voy a crear un prototipo aquí de sorteo. Perdón, esto es dibujar y dibujar aquí, que es igual a tengo escribir esto a la función. Y la función aquí es el parámetro es n, lo siento, la función de parámetro aquí es x e y Así que aquí sólo estoy llegando a otro parámetro y donde se puede ver que tenía, ¿verdad? Esta es lipasa y donde se puede ver que he leído x e y, que es mi nombre de parámetro. Y En primer lugar, tengo que escribir este radio de punto y el radio aquí es el esotérico off to. Entonces aquí estoy solo, estoy disputando el círculo, ¿de acuerdo? Y entonces aquí está bien, y este es un radio y el radio es, es desgarro de dos aquí. Y tuve que cerrar este código. Ahora como puedes ver, nuestro código se crea con éxito aquí mismo y VR dibuja o circula con éxito con el botón de incremento y disminución. Aquí. En primer lugar, les estoy explicando la puntuación a ustedes chicos persona. Se puede ver aquí que estamos creando una variable de nave. Aquí. Yo estoy disputando ofrecida es una función la cual es una configuración. Entonces dentro de esta función de configuración V, Cómo botones, que se incrementa el tamaño y disminuye el tamaño, lo que significa que cuando solo estás presionando el botón aumentado, por lo que el tamaño del círculo se incrementará y cuando estés presionando la disminución carga, por lo que el tamaño del círculo se reducirá aquí. Y esa acción se realizará en los eventos de prensa del ratón. Porque cuando estamos presionando este menú o presionando el clic en estos dos botones, por lo que la acción se realizará aquí mismo. Entonces aquí se puede ver que sólo estoy llegando a funciones de botón, en botón incrementalmente y en clip de decremento de botón. Por lo que estas funciones están disponibles aquí mismo. Entonces vamos a ver aquí que estamos creando una cuerda simple para imprimir este lienzo. Aquí se puede ver que sólo estoy escribiendo crear lienzo, que es un tamaño de ochocientos seiscientos. Entonces aquí se puede ver que acabo de escribir forma, forma, que es igual a nuevo objeto de forma, que es que se puede ver aquí. Y este es nuestro objeto de forma de función o solo estoy llamando aquí mismo. Por lo que puedes ver aquí que estamos encerrando algunas de nuestras propiedades con la ayuda de esta encapsulación. Entonces aquí se puede ver que acabo de crear una funcionalidad otra justo aquí, que es una función llamada draw. Y entonces aquí solo hago una pausa clara y luego en forma o dibujo, que es una de dos y altura de dos aquí. De acuerdo, entonces aquí se puede ver que la función está en el botón click y que es posición de diez. Y igual es el caso como esta decisión de diez aquí. Ahora aquí se puede ver que esta es una función de objeto de forma. Y aquí se puede ver que acabo de encerrar esto.radio aquí en esta función. Y ahora se puede ver que aquí sólo estoy escribiendo prototipo es herencia. Entonces aquí sólo estoy tratando de hacer prototipos. Y entonces aquí digo punto I-N-C nombre de función. Y este es el parámetro de la función, y solo llamo a estos parámetros aquí mismo. Y luego aquí se puede ver que acabo de probar est.radius, que está configurando operador de incremento en el botón de incremento como se puede ver aquí. ¿ De acuerdo? Ahora aquí se puede ver que tengo decremento de escritura, misma funcionalidad para el decremento. Y aquí se puede ver que yo decido esto para este operador decremento. Y al final Se puede ver aquí, yo sólo dibujo la forma y creo 2x es justo aquí, que es eje x y eje y. Ok? Y aquí sólo dibujo el radio aquí, que es un radio. esto.radio, que es la estética de dos y este.radius, que es Derek de dos justo aquí. Solo ejecutemos este código y te mostraré la salida del mismo. Y aquí se puede ver que estos son nuestros dos botones, y este es nuestro círculo aquí cuando acabo de presionar en este tamaño aumentado. Por lo que puedes ver aquí este tamaño se incrementará aquí mismo. ¿ De acuerdo? Y cuando solo presiono esto en el botón de disminuir tamaño, así que aquí se puede ver allá el tamaño de este círculo aquí está disminuyendo. Ok? Entonces como puedes ver cómo podemos crear o cómo podemos usar la encapsulación aquí y crear un, crear un círculo con la ayuda de eso. Esperanza. Entonces consigues que si encuentras alguno del problema con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 56. Inherencia de Javascript: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar de lo que es la herencia en JavaScript. La herencia es un mecanismo en el que una clase adquiere la propiedad de otra clase. Por ejemplo, un niño hereda las tríadas de sus padres. Con la herencia, podemos reutilizar los campos y métodos de la clase existente. herencia de pistas facilita esa reutilización y es un concepto importante de programación orientada a objetos. El proceso mediante el cual una clase adquiere la propiedad y los miembros de datos y los métodos de funcionalidad de otra clase se denomina herencia. El objetivo de la herencia es proporcionar la reutilización del código para que una clase tenga que escribir sólo la característica única y el resto de las propiedades comunes y las funcionalidades se puedan extender desde el final de la clase. Al igual que en unas palabras técnicas, técnicas. Crear una nueva clase mediante el uso de la funcionalidad de clase existente se llama herencia. Te permite ver cómo. Aquí puedes ver que v como ejemplo o un ejemplo diagramatical aquí. Ahí. Se puede ver que aquí v, cómo una clase de padres, que es el nombre del oro del banco. Supongamos que vas a la cuenta bancaria o vas al cajero automático aquí. Para que veas que en primer lugar, verás a tu banco en casa donde tienes tu número de cuenta, tu saldo total en tu cuenta, tu depósito, y retiro de saldo, y tienes que conseguir tu saldo aquí. Supongamos que van al cajero automático y retiran aquí algunos tipos de su dinero. Aquí, puedes ver que mago al banco y haz clic en esta opción de Vidra aquí. Después del retiro, encontrarás dos opciones. Ahí. Puedes ver que tienes una cuenta corriente o tienes el ahorro una calma, o tienes una cuenta corriente o nos ayudas a ahorrar cuenta. Dijiste que tengo una cuenta corriente o una cuenta corriente y te depositarás o te quedarás seco la forma de tu firma. Recuerda aquí puedes ver aquí una clase base o una clase de padres es cuenta bancaria. Y nuestras clases infantiles aquí son de cuenta corriente o corriente o una cuenta de ahorros. Por lo que estas clases se derivan de esta clase de padres, que está arriba BankAccount, que está utilizando la facilidad de número de cuenta, saldo total, luego depositar, retirar y obtener el saldo. Supongamos que estás retirando cada secado Algunas de la cuenta de alguien con el efectivo de este econ cheques. Por lo que en primer lugar, comprobarás tu o tu sistema comprobará el número de cuenta, luego este sistema comprobará tu saldo, y luego esto retirará tu MO. ¿ O quieres depositar? Entonces en primer lugar, eso revisará tu número de cuenta, luego eso revisará tu saldo total, y luego eso depositará tu monto. Entonces consigues que este sea un cliente. Perdón, esto es la arquitectura de padres e hijos justo aquí. Pasemos al otro ejemplo. Aquí puedes ver que supongamos que tienes algunos de los artículos de electrónica donde tú, ¿cómo? Supongamos sistemas de sonido y el sistema telefónico. Entonces aquí, los artículos de electrónica, nuestra clase de padres y los teléfonos de aquí se derivan o unas clases infantiles significa que estos se derivan de la electrónica. Aquí se puede ver. Entonces aquí tenemos las subclases aquí, que son clases infantiles a este teléfono, que es una clase de padres, y luego estas son las clases infantiles. Ahora les contaré la arquitectura de esto. Entonces aquí se puede ver que en la primera etapa V, Cómo la clase de padres como la clase electrónica e infantil como el teléfono y el sistema de sonido. Después tenemos las clases infantiles más. Se puede ver que con nuestros teléfonos y teléfonos con tarjeta, lo siento, teléfono móvil que los teléfonos con tarjeta. Y ahí aquí tienes el auricular N Is para usar. Entonces estas son las gafas infantiles. Por eso. Se puede ver que para esas clases, que son clases infantiles, la comida aquí es la clase de padres. Se puede ver. Y para las clases de deuda, artículos de electrónica, hay una clase de padres. Espero que así lo consigas. Ahora aquí puedes ver que en un ejemplo real, tienes algún tipo de humanos. Por lo que persigo, heredé los rasgos de sus padres, como la belleza de la madre y la inteligencia del Padre. Supongamos aquí cómo momento papás, que son tus padres aquí tenemos la clase de humano, entonces nosotros como la mamá y el papá, y esto es un sol. Ok. Supongamos que aquí te escucharás o algunos heredarán tu color de pelo del papá y yo soy de la mamá. De acuerdo, entonces escóndete del papá. Y luego que suponga inteligencia de tu mamá. Entonces aquí este sol es heredar todas las propiedades de su patente aquí. Espero que así sea, tu concepto es mucho más claro ahora. Aquí vamos al ejemplo animal donde puedes ver que aquí animal es una clase base o la clase de padres la cual te extenderá a ti u otras clases las cuales son perro, gato, y llamar. Estas son las clases derivadas o las clases infantiles. Por lo que nuestra relación en el JavaScript representa la herencia si algún mecanismo de usar las palabras clave de extensión para extender aquí es una palabra clave. Supongamos que aquí sólo escribo animal. Y animal extenderá la clase de perro o gato o llame S retro. Aquí tenemos otro ejemplo y eso hará que tu concepto sea más claro. Aquí tenemos la clase padre, que es trabajador allá, trabajador cómo las rutinas diarias, GitHub. Descansa, Ve al trabajo, trabaja aquí, regresa al hogar, relájate y duerme. Igual es el caso como aquí. Aquí tenemos los diferentes tipos de trabajador. Este es un ejemplo de la vida real loci en el basado en proyectos, donde se puede ver que se trata de un bombero de lucha, leñador, cartero de pelo, y el gerente. Entonces aquí, eso heredará las propiedades de esta obra. Por lo que un trabajador o el bombero montarán estas rutinas. Voy a numerar Jack también está usando estas rutinas. Un cartero también está usando esta rutina y un gerente también usará esta rutina. Aquí se puede ver que eso heredará la obra de eso. Esto es trabajo. Escuché la palabra de eso. Y carteros en heredan las propiedades de trabajo de eso aquí, de esta clase obrera. Pero aquí se puede ver que un gerente también está trabajando aquí. Y aquí esto heredará también se encabeza la propiedad Relax de ese trabajador también. Y sumar el último. Se puede ver aquí llevamos a cabo un mamífero de clase donde se puede ver que v, cómo algunas clases de depredador, gatos silvestres y las mascotas lo hacen, bien, que es heredar estas propiedades aquí mismo. Entonces estos son algunos tipos de ejemplo diagramatical, lo que sólo se lo estoy mostrando a ustedes chicos. ¿ Cuáles hicieron las ventajas de la herencia en la programación orientada a objetos? ¿ Me gusta? Pero muchos argumentan que a través de todas las clases se cómo repetida la paz por supuesto, significa que este es nuestro concepto de reutilización, un mecanismo que facilita la reutilización de los campos y los métodos de la cláusula existente en la nueva clase se conoce como reutilización. Y cuando estás creando una nueva clase, puedes usar el mismo campo y los métodos ya definidos en la clase anterior, como como puedes ver aquí en un ejemplo de trabajador de por lo que obtienes eso. Por lo que a esto se le llama reusabilidad. Para superar esto, puedes crear una clase padre, supongamos, digamos contar, como puedes ver en nuestro primer ejemplo, puedes ver aquí. Por lo que esto implementará la misma función del depósito y retirará y hará de la herencia de clase infantil, que es Clase un conteo de cuenta corriente o de ahorro, y para que tengan acceso a las funciones de retiro y depósito de tu clase de econ. Ojalá tu concepto sea mucho claro ahora que cómo podemos usar la herencia y lo que es un concepto de reutilización. Pasemos al ejemplo de codificación de la herencia. Y te diré que cómo puedes crear tu ejemplo de codificación con herencia. Donde puedes ver aquí que solo estoy creando una clase. Y la clase aquí se deja suponer un auto. Estamos dentro de este nombre de clase de auto. Acabo de decir el nombre del auto. En primer lugar, se puede ver aquí estas son la clase padre y las propiedades de la clase padre aquí es nombre establecido. Entonces aquí esta es una función. Y aquí solo escribo este nombre de punto y acabo de obtener el nombre aquí. Ahora aquí se puede ver que una otra propiedad que es motor alquitranado, donde tengo que escribir que este es documento punto justo donde se tiene escribir ese motor está dirigido. Y aquí sólo escribo plus. Perdón, aquí solo escribo que esto es plus y este nombre de punto. Entonces como se puede ver aquí, ese V, Cómo el auto Nombre de la Clase Parent, entonces tenemos las propiedades de este auto se establece nombre del coche y luego arrancar motor. Por lo que este auto arranca, este motor se pondrá en marcha para este nombre de auto aquí. Ahora aquí se puede ver eso. Por lo que estas son las dos propiedades. Lo que acabo de llegar aquí. Entonces auto aquí es la clase de padres. Recuerda que ahora aquí puedes ver sus ojos derecha coche. Supongamos que el coche aquí es juego o tau, o el coche aquí es 14x finales. ¿ De acuerdo? Ahora aquí se extenderá este auto. Por lo que este Twitter, extenderé la clase de padres, que es auto. Como se puede ver aquí, que esta es nuestra clase padre y esta clase se deriva, lo siento, esta clase hijo se deriva de esta clase padre donde eso usará estas propiedades aquí. Donde se puede ver que estoy golpeando algunos del final de las funciones aquí, que es la máxima velocidad. Y aquí sólo escribo que esto es, es velocidad aquí. Entonces lo consigues. Ahora aquí se puede ver que he llegado es hacia el final el motor. Y aquí se puede ver o solo quiero agregar uno del final de la propiedad que es parada de motor. Estamos yo sólo escribo ese documento punto derecho. Y aquí tengo que escribir que motor está rematado para este nombre de auto punto. Ahora aquí puedes ver que tengo que crear un nombre de función. Estamos lastimados, ¿verdad? Que la velocidad del auto donde tengo que escribir el documento. Entonces este es el documento aquí. Y document.escribir donde había llegado allí. El top es PDD. El auto de aquí es más este nombre de punto del auto. Y aquí tengo write plus. Y aquí estoy de lado, y luego aquí escribiré esta velocidad de este auto. Como se puede ver aquí, que esta propiedad es del auto aquí, del Twitter aquí está usando su propia propiedad significa que así es el en propiedad de este Toyota. Y ahora aquí vamos a conseguir la propiedad de nuestra clase de padres. Supongamos que esto es un arranque y este es motor alquitranado. Y aquí vuelvo a llamar a esto y se puede ver aquí que aquí golpeo documento. Y este es documento dot write donde tuve que escribir que esto es motor. Un motor es, está dirigido para la clase infantil. Y acabo de cerrar núcleo aquí. Ahora como puedes ver aquí, solo estoy usando LED tiene una palabra clave para la variable. Entonces aquí está bien, deja que mi auto, que es igual a nuevo Toyota, que es mi hijo ClassName. Y entonces aquí se puede ver que he leído que mi auto y mi tarjeta o sólo estoy recibiendo el nombre del auto. Entonces esto es. Setname. Estamos, solo escribo nombre conjunto aquí es dejemos suponer que este es el nombre aquí es para sintonizador, ¿de acuerdo? Y tendré aquí el acorde más cercano. Ahora aquí solo estoy escribiendo mi tarjeta o es motor alquitranado y es motor tarta para disco Carney. Entonces arranco mi tarjeta o paro el motor. Y el stop engine aquí es, se puede ver que esta es la función imágenes TOP motor como top engine es para el nombre del coche afortunadamente. Y ahora aquí estoy configurando la velocidad de mi tarjeta dot top speed. Y la velocidad máxima aquí es que cito 250 kilómetros por hora. Entonces como se puede ver aquí, toda la funcionalidad se computa aquí para la herencia. Entonces aquí solo te estoy diciendo que cómo se hereda esta clase de esta clase de padres. Como puedes ver aquí, esta es nuestra clase de padres, que es un nombre de auto. Y entonces tenemos esa clase infantil aquí es Toyota, que es una categoría de este auto y una empresa de estas categorías de autos. Ok. Ahora aquí, dentro de este auto significa que cada auto tiene el nombre, cada auto, cómo arrancan motor y cada auto cómo el motor de parada. Ahora aquí acabo de usar Toyota y aquí simplemente dije la velocidad del Toyota, que es propiedad de este auto Toyota, significa cada granizo de autos o cada empresa de autos ¿cómo está en la velocidad? De acuerdo, ahora aquí, solo estoy heredando esto son propiedades de motor alquitranadas de esta clase de padres. Y luego voy a conseguir, esto es en primer lugar, pondré el nombre de este auto Toyota y heredaré este setName de este patrón ClassName, que es afortunado como objetivo. Y entonces aquí se puede ver que tengo que escribir es arrancar motor. Por lo que arrancó motor también es propiedad de esta cláusula de auto. Y entonces aquí este motor superior es también propiedad de este auto de clase. Y agrega lo último que puedes ver aquí solo estoy consiguiendo la propiedad de este auto Toyota aquí. Ahora aquí puedes ver que tengo derecho, mi auto aquí y el lugar de eso. Yo solo dirijo este núcleo. Y como se puede ver aquí, que en primer lugar, hemos visto que el motor está arrancando desde la clase infantil. Entonces el motor está de tope para la cena. Y entonces aquí se puede ver que la velocidad máxima del corredor es de 250. Como se puede ver que cómo se hereda este auto o cómo se hereda esta clase infantil de Twitter, la propiedad de clase padre que heredará el nombre que se enseña propiedad de motor que su propiedad de motor superior y agregar la última que vamos a ejecutar la suya propia que es top es P. Esperemos que entiendas ahora que cómo podemos usar la herencia para heredar algunas de las propiedades de la cláusula padre a la clase secundaria. Ahora aquí solo estoy ejecutando uno de los ejemplos ustedes chicos, donde solo estoy usando la palabra clave super y el constructor también. Aquí sólo escribo una otra etiqueta de guión donde tengo que escribir eso. Supongamos que este es un auto de bicicleta, ¿de acuerdo? Ahora aquí se puede ver que me zancé. En primer lugar, el constructor. Y el constructor aquí está, puedes ver que solo estoy escribiendo las variables aquí. Supongamos esto, este punto aquí tuve montar la empresa y la empresa aquí está, se puede ver que tengo que escribir la empresa aquí es Honda o Yamaha, ¿algo? Está bien. Ahora aquí se puede ver ese helado, Este es mi auto, lo siento, bicicleta como nombre de clase, que es una clase de padres aquí. Ahora aquí estoy striding clase. Supongamos que este es un vehículo y este ClassName escucha el color y el pelo. Me esforcé por extender y extender. El nombre de la clase de padres es Mike, así que se extendió aquí como palabra clave como sabes. Ahora aquí escribo el constructor. Y el constructor aquí es cuatro, eso es prestigioso, nombre de huelga. Y entonces aquí escribiré el precio de esa moto. Aquí, solo estoy usando super como palabra clave. Entonces, ¿por qué estamos usando la palabra clave super? El super palabras clave se refiere a la clase padre. Se utiliza para llamar al constructor de los extremos de clase padre a exceso de las propiedades y método de la clase padre. Cuando hay que usar la palabra clave super esto se usa para obtener o para acceder a las propiedades de la clase padre y los métodos para entender el concepto de herencia I, padre y la clase hijo es mejor leer primero, o es mejor ver artículo sobre las clases en el script Java y hay que ver la conferencia de la clase de script java. ¿ De acuerdo? Sepa cuándo, cuándo, cuándo el uso en el constructor de las súper palabras clave aparecen solo y debe usarse antes de que se use esta palabra clave. También se pueden usar las super palabras clave para llamar a las funciones en el objeto padre. Ahora aquí, después de esto, estoy llamando. Supongamos que este nombre de punto, un ID de imagen igual al nombre correcto IS. Y entonces aquí digo plato.precio. Y el precio aquí es igual a que yo golpeo el precio. ¿ De acuerdo? Dos propiedades aquí, nombre y el precio después de la palabra clave super. Entonces sólo estoy consiguiendo el nombre de empresa aquí, OK. Ahora después de este pelo golpeo variable. Variable aquí se deja suponer, recordar y vehículo que es igual a escribo vehículos nuevos. Entonces solo estoy creando el objeto de esa clase primero. Y entonces aquí me zancé que el Honda es, supongamos que el nombre del Honda es, supongamos que el actuador Honda, ¿de acuerdo? Entonces este es el nombre del propietario aquí mismo. Y el precio de eso aquí es, solo estoy definiendo el premio aquí. Supongamos que el precio aquí es de 80 mil, ¿de acuerdo? O cabello como premio aquí se deja suponer 800. Entonces esto depende de ti, vale, puedes conseguir cualquiera del precio. Entonces aquí digo document.escribir donde tengo que escribir eso más T v punto, conseguir la empresa donde la empresa es el método del año, la empresa es propiedad de esta clase matriz. Y entonces aquí se puede ver que tengo que escribir concatenaciones de nombre V punto, que es un nombre de esa moto. Y entonces aquí voy a escribir ese precio más V punto. ¿ De acuerdo? Y tengo la esquina más cercana. Ahora, solo quiero esto en el navegador. Entonces se puede ver aquí que en primer lugar nosotros cómo el nombre de la empresa Honda, que está recibiendo de nuestra clase de padres, luego v cómo actuador Honda, que es el nombre de esta tubería. Y entonces aquí tenemos el precio de esta moto aquí. Esperemos que consigas eso, que cómo podemos heredar las propiedades de la clase padre con la ayuda de estas herencia. Entonces así es como podemos usar la herencia en el java se lee. Espero así que entiendas ahora, si no lo eres, por favor házmelo saber y gracias por ver esta conferencia. 57. Prototipos y herencia Prototypical: Oigan chicos, bienvenidos a esta conferencia. En esta conferencia vamos a hablar de la herencia basada en prototipo. En la programación, a menudo queremos tomar algo y extendido, por ejemplo, v, cómo un usuario objeto con sus propiedades y métodos y queremos hacer admin e guest como modificar ligeramente variantes de la misma. Nos gustó reutilizar lo V, Cómo en los usuarios y no copiar el re-implementado, importaba, simplemente construyeron unos nuevos objetos y la parte superior de la misma. El prototipo. En JavaScript, el objeto, cómo se esconden las propiedades Pashas, que es el prototipo de tarjeta como nombre en las especificaciones que es nulo o referencias a través de otro objeto. Este objeto se llama prototipo, como aquí, se puede ver que en primer lugar, hay que crear el prototipo, que es nuestro objeto. Entonces aquí crearás el objeto aquí para este prototipo. Entonces cuando se creará este objeto prototipo, por lo que esto significa que este es nuestro prototipo. El prototipo es un poco mágico y cuando queremos leer una propiedad que objeto y falta, el JavaScript automáticamente lo toma del prototipo. En configuración de programación es la herencia prototípica de tarjeta. Una programación prototípica es este mosaico de programación orientada a objetos en el que se utiliza el comportamiento, que se conoce como herencia, se realiza a través de un proceso de reutilización de objeto existente que, que sirven como prototipos. Este modelo también puede ser conocido como prototipo o prototipo orientado a objetos, programación de objetos de instancia sin clases. Aquí hablamos de la clase menos herencia y te mostraré eso cómo puedes crearla. Aquí. Se puede ver que solo escribo una etiqueta de script aquí e inserto la etiqueta de script. Posiblemente solo estoy usando un simple prototipo de herencia vehicular para ti. Golpeo constante. Constante aquí es una persona y persona que es igual a aquí escribo que este es nombre de pila. Y el nombre de pila aquí está ahí. Supongamos que esta es la bombilla. De acuerdo, entonces aquí hay que ver que ayudé a escribir apellido y el apellido aquí es Dan. Sí. Ok. Ahora después de esto aquí se puede ver que tenía que crear un método o la función aquí, que es conseguir extremidad anterior. Y el nombre completo aquí es el nombre de la función aquí para obtener las propiedades de retorno de y las propiedades de retorno del cabello es correcto que esto, lo siento, tienes razón que este nombre de punto. Y entonces tenemos escribir que esto está consiguiendo la propiedad de este puntoapellido. Y tuve que cerrar este código aquí mismo. Hasta aquí se puede ver que tengo que cerrar este poro caso similar como nuestro viejo ejemplo. Aquí puedes ver que solo estoy creando otra clase. Se puede ver que se trata de una clase de desarrollador. Y donde se puede ver que tengo derecho, FirstName y first_name, que es igual a Harris, ¿verdad? John. Y entonces aquí escribo apellido, que es igual a, tengo que escribir eso. El apellido aquí es david. Y tengo que cerrar este código aquí. Ahora aquí puedes ver que solo estoy usando el prototipo donde tenía derecho, que dicen que desarrollador y desarrollador puntosubrayado aquí solo escribo que este es Frodo. Y entonces aquí se puede ver que ayudé a escribir aquello que es igual a persona aquí. Por lo que se puede ver que este prototipo de propiedades es un simple accessor propiedades. Objeto que es Leica on object dot prototipo, que consiste en un getter y las funciones setter. Un acceso de propiedad para el protocolo que en realidad les gustan las constantes. De acuerdo, esperemos que lo entiendas ahora. Por lo que te volveré a decir, esta propiedad de protocolo es un objeto, es una propiedad que está mapeada el prototipo de un constructor funciones de un objeto. Esperemos que consigas eso. Ahora pasemos al ejemplo ahora y verán que cómo podemos trabajar con él. Ahora aquí puedes ver que al final, solo estoy accediendo persona. Y la persona de aquí es obtener nombre completo, que es mi nombre de una función. Y entonces aquí se puede ver que tengo derecho, desarrollador, desarrollador dot, obtener nombre completo del desarrollador aquí. Ahora aquí se puede ver en primer lugar, estamos creando la clase Persona, que es una clase de padres donde acabo de decir el nombre y apellido aquí. De acuerdo, ahora después de esto puedes ver aquí solo estoy recibiendo el nombre completo, que es un método aquí donde eso nos devolverá esto.nombre y distorsionará el apellido aquí en la vista del desarrollador, nombre y apellido aquí. Donde puedes ver que después de esto, solo estoy recibiendo el nombre completo aquí, que es propiedades de la clase padre. Entonces solo estoy consiguiendo estas propiedades aquí en una clase infantil también, que es un nombre completo que puedes ver aquí. Entonces así es como funciona la herencia prototípica en JavaScript. Ahora, volvamos al otro ejemplo aquí, para que puedan ver eso. Entonces solo dejo este ejemplo aquí y solo estoy creando uno de los, otro ejemplo aquí. Entonces como puedes ver aquí, que solo estoy creando una función. Entonces aquí puedes ver que solo estoy usando la palabra clave constituida, pero aquí solo estoy usando la función aquí, como nuestro viejo ejemplo, moto de vista. Entonces aquí solo estoy ejecutando el ejemplo aquí, o podómetro aquí. Como empresa. Esta es una función como bicicleta, que es nuestra clase de padres. O esta es nuestra función constructora donde acabo de escribir que this.com. Entonces esta es una herencia de nivel funcional aquí. Entonces donde solo estoy usando. Prototipo S1. Por lo que Harris escriben empresa que es igual a empresa, y empresa que es igual a empresa aquí. Y entonces aquí tengo el punto de moto derecho, prototipo dot get the company, que es igual a, I. Sólo escribe aquí función. Y la función aquí es devolver this.com. ¿ De acuerdo? Ahora aquí puedes ver en primer lugar, solo estoy haciendo este constructor, que es aparente constructor de esta función. Entonces puedes ver aquí, solo estoy heredar esta función de este vehículo. ¿ De acuerdo? Donde tenía nombre correcto y luego precio. Ahora aquí escribo este nombre de punto, que es igual a nombre. Y luego este premio de puerta. Entonces este es Premio que es igual al precio. ¿ De acuerdo? Ahora aquí puedes ver que difusa, esta es la función que es una función padre aquí donde acabo de crear una empresa constructora. Y entonces aquí este es un prototipo, OK. Ahora después de esto aquí se puede ver que esta es una función infantil. Y se puede ver que una función constructor infantil donde acabo de decir el nombre y los precios. Entonces después de esto aquí se puede ver que tengo moto variable derecha y solo estoy creando el objeto aquí donde tengo que escribir el byte que es igual a mu bike, donde tenía razón, que el nombre de la moto aquí es, o por nombre de la empresa aquí es Horner. Y luego tengo al código más cercano. Y entonces aquí se puede ver que tengo derecho vehículo y vehículo punto aquí probé prototipo, que es igual a la vista. Bicicleta. Aquí puedes ver que ahora esta bicicleta la trataremos como el padre del vehículo. ¿ De acuerdo? Ahora aquí se puede ver esa variable y variable aquí es el vehículo y este es el vigilia aquí y que es igual a nu. Y nu aquí es el vehículo donde acabo de decir los valores al mismo. Supongamos que este es el brillo Honda y aquí el precio de eso aquí es 800. Y revelo su vista del cabello, documento punto escribir y documento.escribir aquí se puede ver que despiertan sus ojos de pelo, ¿verdad? Obtener compañía. Y este es un buen método de empresa. Por lo que puedes ver aquí esta es una buena empresa, mientras que usar aquí. Y luego aquí me lado más. Y además aquí está el nombre de punto despierto. ¿ De acuerdo? Y entonces aquí sólo elijo, nuevo puede continuación de vehículo. Y este es el premio de punto vehicular de eso. Y tengo que cerrar esto. Entonces ahora, así que ahora te estoy explicando este curso donde puedes ver que esta es una función que es una bicicleta, que es nuestra función padre constructor hetero parent aquí. Ahora aquí se puede ver que esta es una propiedad de esta función y ahora se trata de un prototipo. Lo que estoy describiendo aquí, que es un prototipo de punto de bicicleta. Esto obtendrá el nombre de la empresa, que es igual a funciones y que devolverá a la empresa. Aquí se puede ver que esta es una función la cual es una manera cool. Y aquí se puede ver que tengo que escribir los parámetros a eso, que es nombre y precio. Entonces aquí el podómetro es empresa, esto.nombre que vamos a obtener el nombre primero y plato.precio que vamos a obtener el precio era, Parece que a los niños les gusta nuestra antigua herencia. Por lo que esta función lo hará, por lo que esta función heredará esta función padre. Entonces esta es otra, Se puede ver que una función infantil que es un vehículo y esta es una bicicleta como función de padres. ¿ De acuerdo? Ahora aquí puedes ver que solo estoy consiguiendo el objeto de mapa a esta función aquí. O puedes decir que solo estoy llamando a esta función. Por lo que puedes ver aquí después de esta vista, prototipo de punto despierto y bicicleta. Entonces aquí se puede ver que esta moto, vamos a tratar a dos, esto lo llamamos como la patente. Esperanza. Entonces lo consigues ahora, acabo de definir los valores y agregar el último, obteniendo estos todos los valores n pueden continuaciones y subrayado. Por lo que aquí se puede ver que este es el nombre de la empresa que es Honda. Este es un nombre del byte y luego este es el precio de la moto. Esperemos que consigas eso cómo podemos trabajar con una herencia basada en prototipo en el SDK de Java. Si encuentra alguno del problema con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 58. Descriptores de la propiedad de Javascript: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia han visto que vamos a empezar a trabajar con algunos de los avanzados en el script Java. Y en esta conferencia estamos totalmente enfocados en el descriptor de propiedades en el script Java. Y les diré que cuál es el descriptor adecuado y cómo lo usamos. Al igual que una propiedad de cada objeto es más que pares de nombre y valor. Cada propiedad está teniendo el descriptor de propiedad que ha ayudado a ver todos los atributos de esas propiedades. Cómo se puede ver esa v, cómo vamos a suponer nuestras variables de auto. Se puede decir que esto es sólo una clase de ello. Y aquí puedes ver que tienes la marca de ese auto, que tienes el modelo de ese auto, tienes la capacidad del motor de ese auto, y también tienes la máxima potencia de ese auto también. constructor del objeto paramédico tiene un método que nos permite ver todo el descriptor de cualquier propiedad de un objeto. Por ejemplo, se puede ver el descriptor de la marca de propiedad del objeto auto llamándolo como simplemente se puede escribir console.log y luego se tiene el objeto correcto. Obtén el tuyo propio, como obtener en descriptor de propiedad donde solo escribes el nombre de la clase. Supongamos que aquí un nombre de clase es auto, y luego se ha secado la propiedad de ese auto, que es, supongamos marca o modal o motor. ¿ De acuerdo? Veamos aquí que solo te estoy mostrando un ejemplo sobre este descriptor de propiedad y te diré que cómo puedes crear aquí, puedes ver que solo estoy creando una etiqueta de script donde tuve que escribir, supongamos una variable y variable aquí es el auto era igual a. Aquí sólo escribo net. Supongamos marca del auto que es igual a, acabo de escribir la marca aquí es od. ¿ De acuerdo? Ahora aquí se puede ver que tengo que escribir la marca del auto aquí, que es od. Y aquí se puede ver que tengo que escribir ese modelo de ese auto. Entonces estoy escribiendo, o voy a escribir el mortal de ese auto aquí lo siento, esto es marca de columna. Y ahora aquí puedes ver que describí, este es nuestro ocho, lo siento, modelo R8, vale. Ahora aquí se puede ver que tengo derecho la capacidad del motor de ese auto. Entonces este es motor, y el motor aquí está, tengo que escribir que el motor V8 seguro, que está en su corazón dentro de este auto de aquí, te ayuda a conseguir eso. Ahora aquí puedes ver que tengo que cerrar este núcleo y tengo que escribir consola dot log donde tengo que escribir que este es un objeto, ¿vale? Y objeto dot get your on predial descriptor donde tuve que escribir en primer lugar el nombre del auto promedios te diga. Y entonces aquí se puede ver que sólo quiero conseguir la propiedad de motor aquí. Entonces simplemente escribo el nombre de eso. Y entonces aquí cerraré esta anotación. Entonces en este ejemplo, ustedes han visto que estamos grabando todos los Atributos del inmueble, que es el motor del auto objeto. Usando el método consigue tu descriptor get on propiedad. Por lo que podemos ver que adiciones al atributo de valor, tiene tres atributo más el cual es configurable, en innumerable y grabable. Por lo que todos estos son ciertos por defecto. Entonces vamos a ver cómo podemos trabajar con él o cómo podemos, que es el resultado de esto. Ejecutemos este código. Y se puede ver que sólo voy a inspeccionar más y la consola. Entonces aquí se puede ver que aquí tenemos un objeto. En primer lugar, nosotros cómo, ustedes han visto que en primer lugar, nosotros cómo lo configurable, soy propiedad configurable, lo cual es cierto. Entonces tenemos 7y qué tan animables acabamos de dibujar. El valor de aquí es que se puede ver que yo sólo estoy definir el valor aquí que es un motor, y yo sólo obtengo el valor de eso. Entonces aquí el valor aquí es v bronceado y escribir bien aquí es cierto. Los atributos escriturables deciden si el valor asociado a la propiedad se puede cambiar o no. Para que se pueda ver donde es verdad. Por lo que esto significa que esto es cambiable. Y podemos modificar los atributos de propiedad mediante el uso de la propiedad definida de punto de objeto, cómo simplemente escribes aquí, como aquí puedes ver que solo estoy escribiendo registro de puntos de consola. Y aquí simplemente escribiré sobre el lugar de aquello que se define propiedad. Entonces esto es solo para definir propiedad aquí, donde tienes escribir tu auto y eres ClassName, que es auto, y luego tienes escribir tu motor. Y entonces aquí tienes coma derecha, que es aquí puedes escribir y escribir aquí es falso. ¿ De acuerdo? Y luego hay que definir, dejar suponer tarjeta o pelo. Acabo de probar motor y aquí estoy insertando la nueva propiedad aquí en V, un lemma. Y acabo de cerrar el marcador aquí. Ahora aquí puedes ver que estoy dirigiendo esto. Por lo que puedes ver aquí el valor aquí es cambiable. Para que veas que tendemos, tendemos aquí y cuando son días de puertas abiertas. Para que se pueda ver aquí al mortal y todo se nos muestra. Acabamos de hacer un pelo. Eso se puede ver. Esperemos que entiendas ahora. Por lo que estos fueron los atributos escriturables dentro del descriptor de propiedad. Entonces como se puede ver aquí que estamos escribiendo, estamos escribiendo el atributo escriturable al motor inmobiliario, el cual se modifica a las caídas, lo que significa que el MTD on writable, entonces si tratamos de cambiar el valor del inmueble del motor es error de paseo, que está viendo a la tribu. Solo estamos viendo que el error de tipo no se puede asignar a la propiedad de solo lectura, ¿de acuerdo? Entonces tenemos los innumerables atributos, que es por defecto la propiedad para una adición de objetos son significado innumerable y podemos bucle sobre ellos. Por defecto ese comportamiento se puede modificar sentando los innumerables atributos a false para las propiedades. Después llevamos a cabo un propiedades configurables. Propiedad, como se puede ver aquí, que sólo estoy quitando esto. Y puedes ver aquí, solo estoy refrescando esto. Entonces aquí se puede ver que v, qué configurable. Como puedes ver aquí, nuestro cabello configurable es cierto. Por lo que podemos configurar todas las propiedades de un objeto. Pero si establecemos los atributos configurables a lo falso, es evita que se cambien ciertos atributos e impide la eliminación de la propiedad misma. Entonces simplemente tienes que escribir get y set atributos en eso. Entonces, ¿qué se obtiene en cambio actitudes, por lo que los atributos obtienen un conjunto son las funciones que funcionan en el getter y el setter, que es respectivamente para la propiedad también. Esperemos que consigas eso, que cómo podemos usar el descriptor de propiedades en nuestro núcleo. Si encuentra alguno del problema con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 59. Overriding de métodos de Javascript: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar de lo importado o escribir en JavaScript. El matador escribir en programación orientada a objetos es un lenguaje características que permiten una subclase o una clase secundaria hacer implementaciones específicas de proveedor de un método que ya está probado por una de sus superclase o una clase padre. Si una cláusula secundaria de subclase o una clase secundaria tiene los mismos métodos que los declarados en la clase padre. Se conoce como método de anular, lo que significa que aquí dentro de este nombre de clase, supongamos que tienes el nombre de la clase padre que se captura. Y dentro del auto. Ya has definido la función de dejar suponer modelo, y quieres declarar este mortal dentro de tu subclase o una clase infantil. Entonces este es el método de auto anulando porque estás implementando el mismo asunto aquí. Esperemos que consigas eso. Ahora aquí te voy a contar un ejemplo sencillo sobre ese método de clasificación de carga de matador mientras escribes ahí, puedes ver que lo tengo bien? Y tengo que escribir esa función. Y así dentro de esto, primer lugar solo escribo guión. Y entonces aquí probé que una función que es el nombre de pierna. Multiplique, lo siento. Multiplique donde acabo de montar parámetro es x, y y dijo, bien, ahora aquí se puede ver que tengo escribir eso. Supongamos que esto es retorno, y el retorno aquí es X multiplicado por Y e y multiplicarse por z Aquí, como pueden ver, solo estoy creando un asunto aquí. Ahora aquí puedes ver que solo estoy creando función, función que se multiplica. Como puedes ver, mismo nombre de función que solo estoy usando aquí. Donde acabo de escribir x, n, y. ¿De acuerdo? Ahora aquí se puede ver que tengo que escribir retorno y volver aquí es x estática y. y se puede ver aquí, sólo le doy una variable la cual se deja suponer nuestra reserva, que es igual a aquí, escribo multiplicar donde golpeo los valores 123 o 123 aquí. Y entonces aquí se puede ver que simplemente hay que escribir puerta de documento, ¿verdad? Y aquí voy a obtener el resultado de ello. ¿ De acuerdo? Ahora aquí pueden ver que sólo les estoy ejecutando este código y luego les voy a explicar esto. Entonces como pueden ver aquí, mi valor resultante aquí son dos. Ok, ahora vamos a llegar a la esquina aquí cómo funciona este asunto o la escritura en función. Entonces aquí puedes ver que solo estoy definiendo una función definida por el usuario. Y la salida aquí es de dos. Entonces como se puede ver aquí, el valor es multiplicaciones serán iguales a dos en lugar de seis. En este caso, las únicas funciones disponibles, que se multiplican. Si es así, pensamos que VR haciendo una llamada. Una función de multiplicación que es x, y, y z. Y en realidad está llamando al multiplicador de esta x, n, y aquí. Por lo que el podómetro restante será ignorado en esta etapa. Cómo se puede ver que sólo hacer un concepto del método anulando. No te enfoques en esta salida. Entonces aquí puedes ver que una vez que acabo de declarar una función con el nombre de la misma función, solo estoy declarando segunda Pam. Entonces esto significa que esto es método o escritura. Espero que así lo consigas. Ahora aquí se puede ver que en primer lugar nosotros cómo funciona la multiplicación, donde simplemente multiplico x, y z Bien, este valor. Entonces aquí, el valor de x, y, z 123 en lugar de salidas seis v obtener como salida dos aquí, sólo por, Yo sólo les digo que este es el método o escritura, en este caso, las únicas funciones disponibles se multiplican, que es un parámetro de x e y. así que superando eso, hacemos una llamada a un multiplicador de x, y, z Pero en realidad está llamando multiplicador de x e y. y el podómetro restante será ignorado. Espero que así lo consigas, que cuál es el proceso del método de escritura y cómo es, cómo se ignora el valor o menos. Primera función te ayuda a entender ahora. Ahora aquí puedes ver que solo te estoy diciendo uno de los ejemplos de que cómo puedes usar el método metalwork o la escritura en la función incorporada. Esta es la función definida por el usuario. Ahora sólo ven a la función incorporada aquí. Ahora aquí puedes ver tengo que escribir una variable. Variable nos mostrará el mensaje de alerta que es igual a solo escribo función. Y la función aquí es un parámetro del mensaje. Y ahora puedes ver aquí que solo estoy creando documento dot write. Estamos, se puede ver que sólo estoy pasando este mensaje como parámetro. sólo me quieren sacar el valor de este pasaje aquí. Ahora aquí puedes ver que acabo de utilizar las siguientes llamadas para invocar o escribir la función de alerta, que es nuestras funciones incorporadas. ¿ De acuerdo? Ahora aquí puedes ver que tengo que escribir eso un script java. Y entonces aquí se puede ver que tengo que volver a escribir ese mensaje de Manilla. Y aquí sólo escribiré eso. Esto es aprender, ¿de acuerdo? Y yo es puntaje más cercano aquí. Ahora solo voy al navegador, refresco esto. Entonces aquí puedes ver que esto es JavaScript y aprender aquí. ¿ De acuerdo? Creo que tu pregunta, Harry, la mayor parte del tiempo, función de alerta mostrará el mensaje en el cuadro de alerta. Pero aquí ya lo hemos hecho. Ahora, se muestra el mensaje en el document.write espera que lo consigas, que cómo funciona esta función de visualización en que si eliminas esto y el lugar de eso estamos escribiendo mensaje de alerta para simplemente eso nos mostrará la salida en el mensaje de alerta. Pero aquí sólo les digo que sólo estoy operando la función incorporada aquí. De acuerdo, entonces por eso eso nos está mostrando la salida en este documento o mensaje aquí. Esperemos que consigas eso. Si no lo estás, por favor házmelo saber y gracias por ver esta conferencia. 60. Buscadores y configuradores de la propiedad de Javascript: Bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar las cuestiones de Getters y setters de Propiedad en el JavaScript. En JavaScript, un setter se puede utilizar para ejecutar una funciones siempre que se especifica la propiedad es como intento de intentar ser cambiado. Center son los más utilizados en conjunto con un getter para crear un tipo de pseudo propiedad. Y no es posible simular ni simultáneamente cómo setter en la propiedad que sostienen el valor real. Ahora aquí te diré que cómo puedes usar las propiedades getter y setter y cómo puedes obtener los datos y dijo los datos. El primer tipo de en las propiedades de datos. Ya sabemos que cómo trabajar con ellos. Todas las propiedades que hemos estado usando hasta ahora donde nuestras propiedades de datos en Second tipos de propiedades es algo nuevo que las propiedades accessor y son esencialmente funciones que se ejecutan al obtener y establecer valor, pero parecía una propiedades regulares a un núcleo externo. Veamos según ejemplo en primer lugar, y les diré que cómo pueden utilizar obtener propiedad aquí. Ahora aquí solo estoy escribiendo la etiqueta de guión. Y dentro de la etiqueta de guión, solo estoy escribiendo una variable. Y variable aquí está la parcela y la porcelana que es igual a yo huelga eso. El nombre de pila de esa persona. Construyamos un nombre farsa aquí es el jom. De acuerdo, y entonces aquí el apellido de la persona es. Y aquí estoy empezando el apellido de esa persona y el apellido de esa persona aquí es daniels. Ok. Harris, correcto. Coma. Y luego después de este pelo golpeo eso. ¿ En qué idioma habla aquí? Por lo que acabo de escribir el idioma Harris English. Entonces lo consigues. Ahora aquí en el último, acabo de intentar que conseguir, llegar aquí es la longitud. Entonces solo uso get como palabra clave aquí. Entonces lang aquí es que solo creo un nuevo objeto aquí. Y ahora aquí se puede ver que soy strike return. Return es hace Dart lenguaje. Por lo que acabo de obtener el idioma de esta propiedad aquí con la ayuda de este conseguir o con la ayuda de esta palabra clave Get. Ahora agrega el último cabello. Se puede ver que tengo el documento correcto o si se quiere escribir document.escribir u documento u obtener elemento por ID. Entonces esto depende de ti. Entonces tienes razón, he leído documento dot write donde tuve que escribir que esta es la persona y persona longitud de punto. De acuerdo, Y tengo que cerrar este código aquí. O si quieres escribir como documento de auto dot getElementById. Y aquí tienes que simplemente escribir una etiqueta de párrafo donde tienes que escribir simple ID y ID, que es igual a aquí, ID de vista, que es una buena demo. Y aquí se puede ver que tengo que escribir eso. Esto está consiguiendo el pelo demo. Y ahora aquí se puede ver que ayudé a escribir HTML interno, que es igual a que yo golpeo persona persona punto lang aquí. ¿ De acuerdo? Y quitando esto, así que vamos a ver ahora, no. Y abre en el navegador. Y se puede ver que no conseguimos nada de la parte superior derecha aquí. Simplemente revisan el núcleo. Y el núcleo aquí es, se puede ver ese primer televisor, cómo el nombre John, luego peligroso, luego el idioma Harry's English. Y tenemos que quitar esta etiqueta BR. Y me acabo de dar vuelta otra vez. Entonces aquí puedes ver que cómo podemos conseguir la propiedad de este idioma aquí, ¿de acuerdo? Es así como podemos obtener las propiedades de con la ayuda de este conseguir como palabra clave. Ahora en el lugar de esta palabra clave Get, solo estoy escribiendo conjunto tiene una palabra clave. De acuerdo, y aquí puedes ver tengo que comentar esto. Y ahora aquí se puede ver que tengo que, tengo que escribir set que es longitud. Y donde tuve que escribir eso es dar el valor. Y el valor aquí es, se puede ver que aquí describí este lenguaje. Y el lenguaje es igual a Harris, ¿verdad? Valor. Ok, ahora puedes ver aquí que no teníamos nada del idioma aquí mismo, o quieres cambiar el idioma aquí. Entonces simplemente ven que aquí estoy escribiendo persona y persona longitud de punto y que es igual al cabello. Yo decido que esto es rumano. Ok. Ahora puedes ver aquí e ir al navegador y reexpresarlo. Entonces como puedes ver, este es un lenguaje indefinido y vamos a revisar el núcleo. Y aquí voy a conseguir el lenguaje como la molécula. Ok, ahora aquí como tres fases aquí se puede ver simplemente establezco un nuevo valor con la ayuda de este método setter. Es así como podemos obtener el valor y establecer los valores en el script Java. Si encuentra alguno del problema respecto al discurso o respecto a esta conferencia, por favor házmelo saber. Y gracias por ver esta conferencia. 61. Animación de JS: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar de las animaciones de script java. En primer lugar, correré dos animaciones a ustedes chicos para su mejor comprensión. Y entonces crearé una forma animada para ti. Entonces esta conferencia tal vez yendo demasiado larga, pero esto te valdrá la pena. Aquí puedes ver que solo estoy creando una etiqueta de script aquí. Donde se puede ver que se trata de una etiqueta de script. Y puedes ver aquí, solo estoy creando una variable y variable aquí hay un objeto de imagen que es igual a Harris, ¿verdad? El objeto de imagen es nulo. Entonces aquí tengo el método de escritura init, y luego aquí sólo escribo, este es el nombre del messy-looking. Aquí solo escribo objeto MJ, que es igual a documento punto, get element by ID, donde el id aquí será mi imagen. Y solo cito acorde más cercano aquí. Entonces acabo de probar imagen objeto puntos azulejo, donde tengo que escribir las posiciones y la posición aquí es relativa. Por lo que esto es sólo un a posiciones que está relativamente basado. Y después de esto puedes ver aquí que solo estoy creando de nuevo el objeto de imagen, donde he escrito este azulejo. Y aquí queda su título de la imagen. Por lo que puedes ver aquí hay imagen de Tyler aquí queda, que es de 0 pixel. Por lo que aquí se puede ver ese borroso y está consiguiendo la idea de ellos. Uj es mi imagen aquí. Entonces aquí tengo derecho objeto de imagen, que es el estilo de las posiciones relativas. Y entonces aquí se puede ver que ayudé a escribir las posiciones aquí queda significa que en la página de su navegador web, su imagen se verá así. ¿ De acuerdo? Ahora aquí puedes ver que solo quiero mover esta imagen. Entonces esto significa que sólo estoy animado esta imagen aquí. Entonces aquí solo escribo que esto es mover a la derecha significa que si tu imagen se coloca aquí en el lado izquierdo, por lo que eso se moverá lado derecho con la ayuda de un botón. ¿ De acuerdo? Ahora aquí se puede ver tuve que escribir ese objeto de imagen y punto estilo punto izquierda, que es igual a aquí me zancé parse ent. Y entonces aquí se puede ver que tengo que escribir que este es un estilo de punto de objeto de imagen, punto, izquierda. ¿ De acuerdo? Lo que significa que tu imagen irá hacia el lado izquierdo hacia el lado derecho. Entonces la vista más diez. Esto es justo y posición de eso. Y entonces aquí sólo concatenar píxeles, cabello y ojos código más cercano. De acuerdo, ahora después de esta derecha Harris, la ventana y la ventana se bajarán. ¿ Cuándo bajaremos en evento onload? Y aquí se puede ver lo que es igual a Señor es método init. Por lo que puedes ver aquí este es el método init otra vez. Ahora aquí puedes ver que dentro de esta etiqueta corporal, solo estoy creando una de las formas aquí. Entonces la forma aquí es. En primer lugar, sólo estoy consiguiendo la imagen. Estamos aquí. Imagen que es el ID. Y la identificación aquí es esta mi imagen de aquí, ¿de acuerdo? Y luego después de esto tengo fuente de escritura que es igual al navegador. Y aquí se puede ver que esta es la etiqueta avanzada y me acaba de sacar una de la imagen de aquí. De acuerdo, esto es sólo una imagen DOM otra vez. Ahora aquí me acercaré acorde. Y entonces aquí se puede ver que tengo que escribir una etiqueta de párrafo donde dije eso. Da click en el botón para mover tu imagen. Y entonces aquí escribiré que esta es la entrada, entrada, que es un tipo de botón cito. Y entonces aquí se puede ver que el valor de eso aquí es Click Me to move. Y aquí este evento se cargará en click y onClick aquí estará usando esta función derecha del ratón. Por lo que es mover la función correcta. Y esta es la función mover derecha y el código más cercano y la puntuación más cercana aquí. Ahora aquí se puede ver que estoy dirigiendo este curso, chicos, donde se puede ver que esta es nuestra imagen. Y cuando solo haga clic en esto, haga clic en mí para mover botón. Entonces aquí puedes ver que, lo siento, esta imagen no se mueve aquí. Comprobemos el error. Y sí, aquí tenemos algún tipo de error donde se puede ver el lado derecho, esta ventana carga eventos fuera del script. Y este es un corchetes rizados justo aquí. Ahí está esto, vuelve a refrescarlo, y luego puedes ver que Harry me hace clic con el botón derecho del ratón a la mudanza. Y se puede ver que esta imagen se mueve con el clic del ratón aquí, se puede ver eso. Entonces este es el único tipo de animación donde estoy insertando En la imagen. Ahora aquí puedes ver que solo voy a crear algunos tipos de animaciones donde una caja se moverá de arriba a abajo. Aquí se puede ver ese hielo bien. Etiqueta de un botón. Y botón aquí está onclick. Y esto es en el botón click. Aquí tengo que escribir un nombre de función, que está en etiqueta de script. Y en primer lugar, sólo estoy leyendo la etiqueta de guión aquí. Y dentro de esta etiqueta de script, solo estoy creando una función. Y la función aquí es mover nombre de la función. ¿ De acuerdo? Por lo que acabo de pausar este nombre de función de movimiento dentro de este botón. Y ahora se puede ver que aquí acabo de decir los valores a la misma, donde están los valores aquí. Haga clic en Me para moverse. Ok. Ahora aquí puedes ver que tengo que escribir una etiqueta DIV donde el id de la etiqueta aquí es igual a. Simplemente escribiré que esto es animación y acabo de cerrar este código aquí, ¿de acuerdo? Entonces aquí dentro de esta etiqueta de script, solo voy a agregar una variable. Y variable aquí es un l m, que es igual a document.getElementById, donde el id aquí es animación. Entonces está bien, así que esta es mi identificación aquí. ¿ De acuerdo? Entonces solo estoy escribiendo esta identificación dentro de esto. Entonces después de esto tengo derecho. Vr era, que es igual a disponer medios posiciones, ¿de acuerdo? Posiciones es igual a 0. Igual es el caso como nuestro este ejemplo. Ok, ahora después de este Harris Right, variable ID y el ID que es igual a establecer intervalo. Entonces este intervalo, que es el marco, y el marco aquí es de diez. Entonces aquí se puede ver apenas estoy empezando a tipos de identificaciones, que es aquí, donde se puede ver eso en primer lugar, ojos posición derecha, relativa, y luego izquierda. Y aquí se puede ver que acabo de enmarcar las posiciones que tiene diez. Pero aquí se puede ver que tengo que escribir marco es diez aquí. ¿ De acuerdo? Ahora después de esto estoy disputando la función. Y la función aquí es, tengo que escribir la función es marco. Y entonces aquí se puede ver que tengo derecho, si posición y posición es igual, igual a 350, entonces hay que escribir claro el intervalo. Y el intervalo aquí es I0. Por lo que esto despejará el ID de intervalo aquí. Ahora para esto, tengo que escribir que este es el bloque de código más. Y como suerte de núcleo aquí habrá pausa y luego incrementará operador. De acuerdo, Ahora aquí paso lenguajes, puntos, azulejo, y esto es LMS significa el elemento. Ok, por eso estoy striding m, lm. ¿De acuerdo? Ahora top, que es igual a las posiciones, significa pausa variable que es concatenaciones de pixel aquí, y luego hielo núcleo más cercano aquí. Ahora aquí puedes ver que el estilo de azulejo de puntos de elemento medio de Alan aquí es punto izquierdo. Y entonces aquí se puede ver lo que es igual a la pausa. Y luego me deslizo que esto es plus y el plus aquí son los píxeles. Entonces como puedes ver que nuestro JavaScript es el núcleo de Java, aquí se completa el código JavaScript. Y ahora se puede ver que aquí tenemos la animación que es Id, y entonces este es el botón que está en Click Me. Ahora vamos a dar, estamos poniendo algunos de estos azulejos aquí mismo. Y el estilo de eso aquí es que hay un c. Ahora aquí. En primer lugar, solo estoy escribiendo estos lazos para las animaciones. Y el tamaño de las animaciones aquí es donde a, lo siento, esto está mojado y el ancho aquí está, tengo que escribir eso 50 pixels. Entonces sus ojos, ¿verdad? El tamaño de la animación, que es la altura, y la altura aquí también es de 50 píxeles aquí. Ahora posición, entonces posición, posición aquí es igual a la vista. Esta es una posiciones absolutas y luego sumar la última. Tengo el fondo correcto y el fondo aquí es, o el color de fondo aquí es. Se puede ver que tengo razón, que esto es azul real. De acuerdo, ahora acabo de cerrar el marcador. Entonces aquí cuando acabo de ejecutar este acorde, así que vamos a ver que esto es Click Me to the move. Y aquí se puede ver que cuando acabo de dar clic aquí. Por lo que esta animación se moverá así. Se puede ver aquí estos son los 350 pixeles. Lo que estoy creando aquí, ¿de acuerdo? ¿ Y dónde están los tres s? Estas son las posiciones que son 350. Entonces este Phillip moviéndose en las posiciones 350 aquí, bien, se puede ver que esto es sólo una animaciones de la caja. Entonces espero que sí. Tu concepto es muy claro sobre las animaciones y los tipos básicos de animaciones aquí en el JavaScript. Pasemos a las animaciones de base de forma. Y te diré cómo puedes crear algún tipo de animación basada en forma. Probé animaciones JavaScript uno, y vamos a ver aquí, se puede ver que solo estoy creando en primer lugar el metatag, que es UTF ocho. Y entonces aquí se puede ver que después de esto, solo estoy escribiendo Mehta y luego equivalente a SCTP, vale, donde tengo que escribir x slash, UA slash compatible. Y entonces aquí tengo que escribir que este es el contenido y el contenido aquí es Internet Explorer h. Entonces este es el contenido del ocho de Internet Explorer. Entonces esto es sólo una etiqueta de materia lo que estoy disputando aquí. Ahora aquí solo estoy creando las posiciones relativas o te respondo como el diseño donde escribo nombre. Y nombre aquí es que solo estoy escribiendo la ventanilla. Viewport significa que si estás revisando la página web en la tableta móvil, laptop, en el PC. Por lo que esto será accesible para ti, significa que este sitio web será responsable ante ti. Ahora aquí, la vista, húmeda y húmeda, que es igual a dispositivo. Y el dispositivo aquí es, tengo que escribir que este es el veterinario y el veterinario después de esto, me llama la atención que esto es inicial y la inicial Aquí está esta matanza de igual a 1. ¿ De acuerdo? Ahora aquí se puede ver pasta e Este es el tablero de la ventanilla. Entonces el contenido y el contenido aquí es húmedo y húmedo. El pescado húmedo es igual a D, igual al dispositivo, y luego veterinario. De acuerdo, y entonces aquí se puede ver que este es el, esto es sólo un SQL inicial que está comenzando desde 1. Ahora puedes ver que tengo el enlace correcto, enlace, que es la referencia de esta hoja de estilo. Y entonces aquí tengo que escribir HREF, que es una etiqueta de enlace. Y entonces empecé CSS slash main.css. Por lo que esto obtendrá el CSS cinco por cinco. ¿ De acuerdo? Ahora aquí se puede ver que tengo la etiqueta de script correcta y etiqueta de script aquí está la fuente de HTTPS, que es WOW, contrasta. Y esta es la API, lo que solo estoy vinculando con esta forma de animaciones. Entonces puedes ver aquí este es un enlace de esta API donde estoy haciendo zoom aquí. Entonces que es pop motion slash, slash de disco, todos los movimientos dot Global, dot, min dot java script como acorde más cercano aquí. Ok. Ahora después de esto, sólo voy a la sección de cuerpo de la página y vamos a iniciar nuestro formulario más B, solo estoy escribiendo etiqueta DIV. Y la etiqueta DIV aquí es la clase de contenedor. Entonces esta es una clase de contenedor aquí o demostrando. Y luego aquí se puede ver que primero demostrar etiqueta H1. Y aquí relleno el formulario. Ok, ahora ofrézcale esto. Se puede ver aquí que estoy ejecutando de nuevo uno de los paralelos de Tang. Y aquí está el lado por favor. Rellena el siguiente formulario, porque eso es lo que realmente necesitamos hacer. Está bien. Ahora, después de esto, tengo que crear una de las formas aquí. Y los incidentes se forman físicamente, estoy distribuyendo la etiqueta de spam, lo siento etiqueta span, donde tenía razón, la clase. Y la clase aquí es el mensaje, OK, y aquí ha intentado ese nombre completo, por favor. Entonces después de esto, puedes ver aquí que voy a crear una de las entradas. entrada aquí hay un tipo de texto. Y se puede ver que aquí dije que este es un tenedor de lugar y el tenedor del lugar es nombre. Y entonces aquí estoy clase correcta y la clase aquí es tengo que escribir que este es un campo de texto. Entonces TXT, FLP, está bien. Ahora aquí tenía derecho en entrada de puerto, que es un tipo de texto, que es el marcador de posición. Y el tenedor del lugar es dirección de correo electrónico donde tenía derecho? Esta es la clase de alimentación de texto. Y tengo que cerrar este núcleo. Ahora aquí se puede ver que tengo gran insumo y produce un tipo de presentación. Y este es un botón Enviar aquí. Y entonces aquí empecé valor. Y aquí dentro inter info significa en tu info y Harris escribir clase. Y la clase aquí es el btn es stand for button. Ahora, se puede ver que aquí se crean algunos tipos de forma. Y se puede ver eso. Entonces esto es solo un hit de tasa de carga y se puede ver ahí llenar el formulario y este es nuestro formulario inicial, lo que vamos a crear aquí. Entonces esto es solo un trabajo HTML. Hasta ahora terminamos aquí, ¿de acuerdo? Ahora aquí verás que nos estamos moviendo a algunas de las etiquetas JavaScript. Will Harris escribir guión se recorta aquí es la fuente de SGP nadó desconectando la API aquí. Entonces la API aquí es ésta. ¿ De acuerdo? Ahora ofrézcale esto aquí. Se puede ver que sólo voy a la etiqueta de guión. Y dentro de esta etiqueta de guión aquí se puede ver solo estoy escribiendo en primer lugar la constante. El constante aquí es, solo estoy creando la constante como el contenedor que es igual a IS derecha. Movimiento pop. Y este es un punto de movimientos pop es Tyler. Ok. Aquí acabo de crear nuestro patrimonio es fijo. Este M en el lugar de n. Y entonces aquí se puede ver que tengo el documento correcto y un documento dot QD selector Kumar. Y este es el selector QD. Y entonces aquí se puede ver que he leído contenedor punto. Entonces este es nuestro contenedor aquí. ¿ De acuerdo? Ahora tengo que cerrar este núcleo. Donde se puede ver que en primer lugar, solo estoy escribiendo constante como contenedor, que es que se puede ver esa variable. Entonces aquí solo estoy consiguiendo esta API de movimiento papa luego dijo que hay tyler Dewar. Entonces aquí solo escribo document.write comando QuerySelector, sobre lo que ya estudiamos. Y entonces aquí solo estoy vinculando esto con esta tela de contenedor. ¿ De acuerdo? Ahora después de esto aquí se puede ver que tengo que escribir esta es la constante. Y la constante aquí es elementos de forma VD es igual a aquí. Dije que se trata de documento y documento dot Curie. Y un selector de cutie, donde tengo que conseguir el interior. ¿ De acuerdo? Ahora aquí golpeo constante. Y la constante aquí es mensaje, pulpa de mensajes, que es promoción de mensajes, que es igual a paseo en hielo. Esta promoción aquí, lo siento, pop motion aquí. Y que es Dort es tyler, donde se puede ver que aquí dije que esto es documento.write comando selector QT, donde tengo que poner esto en mensaje, que es mi esta extremidad forelimb. Se puede ver ese miembro anterior por favor. Está bien. Esto se fijará en este mensaje aquí. Después de esto, puedes ver aquí golpeo constante y la constante aquí son mis animaciones, que es igual a Harris, ¿verdad? Que este es Paul Motion donde tuve que escribir esto es movimiento es gemelo, donde se puede ver que tengo derecho que desde punto. Se puede ver que solo estoy estableciendo la balanza. Y la báscula aquí es el salmón. Y luego después de esto aquí se puede ver que me acabo de montar la opacidad. Y opacidad aquí está, se puede ver que esto es 0. Y añadir última vista, y xs, que está en menos 300. Entonces voy a explicar bien este acorde mientras ejecutaba este programa, así que no lo confundas. Entonces ahora Harris escribir 22 aquí es, puede ver que tengo la escala correcta y la escala que es igual a una. Y aquí se puede ver que esto es opacidad. Y esta es la opacidad aquí, que es una. Y entonces aquí se puede ver que este es eje y en 0. Y luego Harris, ¿verdad? Coma y luego duración. Y esta es una duración que está en un minuto, Holly, Vale, esto te verá en un minuto. Ahora aquí se puede ver que esto es una constante aquí. Y constante aquí están mis animaciones a las que es igual a Paul Motion. Donde se puede ver que tengo la clave correcta y la clave aquí son los marcos. Ahora aquí golpeo valores. Y valores aquí está el contenedor y el cabello contenedor está establecido. No pelo me zancé completo. Y lo completo aquí es igual a doler, ¿verdad? Que esta es mis animaciones a punto v o tuve que escribir mensaje. Y el mensaje aquí es el mensaje pulpa, ¿de acuerdo? El cual es el conjunto de puntos. Entonces les diré qué es un conjunto. Messi, mientras no dirigía el programa. Por lo que solo concéntrate en la conferencia aquí. Y se puede ver que aquí tengo que cerrar el marcador. Por lo que acabo de quitar este colega rompedores y acorde más cercano aquí. Ahora después de esto tengo la constante correcta. Y la constante aquí es, es Tyler. Y esto es de Tyler que es igual a que me acaba de conseguir el eddy. Entonces yo o yo solo creamos un anuncio que está aquí más la forma isocitrato. Entonces elementos de forma aquí es niños oscuros. Ok. Ahora después de este cabello cito mapa de puntos. Aprenderemos sobre el mapa en próximas conferencias. Entonces Harris, pulpa derecha, que es movimiento, es Tyler. Y tuve que cerrar el marcador aquí. Ahora aquí se puede ver que he secado constante. Y esta es una constante aquí como palabra clave y aquí cita a Tyler, lo siento, animación. Por lo que se trata de cualquier misión que deba igualar a array. Y la matriz aquí es que tuve que escribirla. Esto es como el de Tyler, que es la longitud de puntos. ¿ De acuerdo? Y esta es Cuaresma. Y aquí probé ese punto llenar y llenar. Aquí está Paul. Movimiento. Dot Heaviside es primavera. ¿ De acuerdo? Ahora aquí se puede ver que tengo que escribir ese formulario, que será a partir de un 100. Y entonces aquí se puede, este será sube a 0. Y aquí tengo la escuela más cercana. Ahora aquí golpeo los movimientos pop y el punto de los movimientos pop es tagger. ¿ Dónde? Perdón, esto es tagger. Estamos yo he derivado esto ya que cualquier misión y emisión se fijará en un 100. Después de esto, ayudé a escribir estrella. Y este corazón aquí es V, que es igual a IC, que es igual a N mayor que el hielo, ¿verdad? Punto V para cada número, donde tuve que establecer X n i. Y entonces aquí dije que esto es igual y mayor que Tyler. Entonces consigue el índice i aquí. Y entonces aquí intenté poner la puerta. Y el set aquí es que puedo escribir y. y entonces aquí empecé eje x. Y entonces aquí se puede ver que también tengo que cerrar esta cancha. Entonces solo copio esto y lo pego aquí y aquí también. De acuerdo, y perdón por eso. Aquí. Lo pegaré aquí. Y luego acabo de cerrar el marcador. Entonces como puedes ver aquí, mi código JavaScript se completa aquí para establecer las animaciones son voy a discutir todas y cada una de las cosas en un tiempo. Yo sólo estoy ejecutando este programa. Ahora, acaba de llegar a la sección de tiding de este código. Ahora aquí se puede ver después de esto, dije este azulejo. Y luego aquí se puede ver que en primer lugar sólo estoy escribiendo HTML y después estilo al cuerpo donde se pueden ver sus ojos, ¿verdad? Margen en el margen aquí es 0. Entonces aquí dije los antecedentes y los antecedentes de esto. Cuerpo aquí es que tengo que escribir que esto es verde claro. Ok. Ahora después de esto aquí se puede ver que tengo forma seca y la fuente aquí está y la familia extranjera aquí es igual a área. ¿ De acuerdo? Ahora después de esto se puede ver aquí que acabo de decir etiqueta H1. Y la etiqueta H1 estará estableciendo el margen de 0. Entonces acorde más cercano. Y aquí golpeo contenedor de punto. Y esta es la clase de contenedor lo que sólo estamos recibiendo. Y entonces aquí se puede ver que dije veterinario, veterinario, Aquí está, y 50 píxeles. Por lo que este es un contenedor para la forma. Y entonces aquí golpeo relleno y el relleno aquí es de dos m Así que esto es lo impreciso, ok. Ahora Harris Right fondo y el fondo aquí es que tengo que establecer el color blanco. Y entonces aquí tenía justo en la frontera y el radio de la frontera, que es igual a ocho píxeles. Entonces este es de ocho píxeles. Ahora aquí cito margen y el margen que es de diez pixel, 10%, nuestra encuesta. Ahora después de esto, se puede ver aquí estamos consiguiendo el contenedor aquí. Ahora aquí puedes ver que acabo de obtener el campo de texto y el ajuste, diseñando para los campos de texto. Entonces Harris, Ri, dot, TXT y FAD, que es el nombre de la clase aquí. Aquí está la derecha mojada, húmeda, que es calculadora. Aquí hay un 100% y menos dos e. y luego aquí tengo relleno seco en el relleno aquí hay una EM, ¿de acuerdo? Ahora aquí tengo el margen derecho y el margen es el margen superior aquí. Estamos yo tenía derecho? Este es uno, E m, ¿de acuerdo? Ahora aquí solo escribo btn y el btn aquí es el rojo. Y el rojo aquí es un 100%. Y el fondo y el fondo aquí está, se puede ver que este es el color del azul claro. Ok, ahora aquí, este es el color del botón, ¿de acuerdo? Ahora aquí golpeo color y el color aquí es vite. De acuerdo, el color del texto aquí es blanco. Ahora estoy estudiando el margen, superior, margen superior del botón. Por lo que margen superior es de dos m y luego Harris frontera derecha y la frontera aquí es igual a non button. ¿ Cómo no hay frontera? Ahora empecé radio fronterizo. Y este es un radio fronterizo y que es de cinco píxeles. Ahora relleno. Y el relleno aquí es un EM y el tamaño de la forma. Y el tamaño de fuente aquí es 2.1.2 EM. Y luego cursor. Cursor aquí está el cursor del puntero significa que estoy ala este ratón, por lo que este será un cursor de puntero. De acuerdo, Ahora aquí golpeo etiqueta de párrafo donde acabo de escribir que el color de la etiqueta de párrafo también es verde. Para este mensaje de Einstein. Y el mensaje aquí es la posición de absoluto. Y el relleno es punto cinco E n. y el fondo. Y el fondo es RGBA, que significa ese rojo, verde, azul. Entonces aquí escribo esto es RGB colores 000. Y entonces aquí dije 0.8. Entonces veamos eso. ¿Cuál es el color aquí? Entonces este es el color negro, ¿de acuerdo? Entonces esta es una mezcla de RGBA. Y entonces aquí tengo el color correcto y el color aquí es el blanco. O hay que escribir valor hexadecimal, que es tiene triple F. Y entonces aquí cito mejor ciudad. Y la capacidad aquí es 0. Como pueden ver, aquí se completa todo nuestro núcleo. Antes de revisar este libro mayor de salida, revisa nuestra fuerza judicial. Y se puede ver que, sí, aquí, él s Aquí tenemos un problema donde me acabo de perder algunos de los comandos. Y puedes ver que aquí tienes derecho, esta es la actualización. Y esta es una actualización aquí. Y luego se puede ver que aquí dije que este es mi punto de animaciones está alquitranado. ¿De acuerdo? Ahora aquí cierro núcleo. Entonces este es el inicio. ¿ De acuerdo? Entonces como pueden ver, esto se hará aquí. Ahora aquí dentro de esto se puede ver que yo solo proporciono los valores al marco. Por lo que se puede ver que aquí empecé en primer lugar el valor en el eje y, que es menos 50, donde está la opacidad. Y la opacidad es 0. ¿ De acuerdo? Entonces aquí se puede ver que la opacidad es 20 menos 20 y la capacidad aquí también es menos 20. Y se puede ver que aquí me lado aunque pasaje estará partiendo de uno y éste también es uno aquí. Y luego agrega la opacidad de última vista es 0 en 0. ¿De acuerdo? Ataco coma aquí. Y entonces aquí cito, perdón, esto es una coma. Y entonces aquí me deslizo que estos son los tiempos. Y los tiempos aquí es igual a 0, luego a 0.2.8, y luego a uno. ¿ De acuerdo? Y aquí golpeo duración. Y la duración aquí es, y la duración aquí es de 3 mil, lo que significa que 3%. ¿ De acuerdo? Ahora nuestro código se completa con éxito aquí mismo y vamos al navegador y refrescamos esta página. Por lo que puedes ver aquí que como esta página es cualquier matriz. Por lo que puedes ver aquí. Ahora expliquemos aquí este código. Por lo que se puede ver que en primer lugar está partiendo de esta sección de contenedores. Y aquí encontrarás la etiqueta H1, la etiqueta p y la pila de formularios. Entonces aquí se puede ver que esta es la etiqueta H1, esta es la etiqueta de párrafo, y esto son dos entradas y un botón, ¿de acuerdo? Que es nombre, dirección de correo electrónico, y luego, así que aquí se puede ver que estos son el campo de texto, ambos. Y entonces este es un botón de mensaje y este es por fin el botón de enviar. Ok. Por lo que aquí puedes ver que encontrarás el nombre, por favor. Aquí puedes ver que esto es, encontrarás el nombre por favor. Entonces esto está aquí. Encontrarás que estamos, definimos la fuerza. Perdón, aquí, vamos a revisar eso. Perdón, ese era nombre completo. Por lo que puedes ver aquí este mensaje se nos mostrará como el pelo, OK, cuando estemos refrescando este programa. Por lo que puedes ver aquí este es un nombre completo por favor opción, ok. Esto también es animado. Ahora aquí se puede ver que esta es una constante y contenedor como una constante. Por lo que sólo tomo este contenedor como una constante aquí. Y entonces aquí acabo de decir documento dot selector QD sobre eso. Y entonces estos son los archivos HTML internos, Edward. Entonces esto es pop motion is tyler en el mensaje aquí, que es nuestro este nombre y esto se nos mostrará nombre completo, por favor mensaje aquí con la ayuda de este Kumar. Ahora aquí se puede ver que probé la animación constante primero, donde se puede ver que acabo de decir el salmón báscula y la capacidad aquí es 0. Sólo vamos a comprobar. Entonces este es un salmón a escala y la opacidad es 0. Por lo que no hay opacidad. Opacidad significa que el color de su, este fondo, vamos a comprobar que la opacidad es de cinco. Y refresca esto. Entonces se puede ver aquí que esto es una opacidad de cinco años ok. Y ahora aquí voy a cambiar también la opacidad. ¿ De acuerdo? Para que se pueda ver eso. Por lo que a esto se le llama opacidad. Entonces aquí esta es una escala, una escala que quiere decir que este es un tamaño de toda tu forma. Y entonces esto es un eje y y el huevo significa que estas son las posiciones en el eje y, solo en posiciones. ¿ De acuerdo? Ahora aquí se puede ver eso. Por lo que se puede ver que se trata de una duraciones, lo que significa que 100. Por lo que la duración aquí es de 1 segundo. Entonces aquí puedes ver que esto significa que la duración del movimiento de esta animación es de 1 segundo aquí, ¿de acuerdo? Se puede ver que esto es invisible después de 1 segundo. Aquí. Ven a la mi animación donde puedes ver que se trata de un pop motions que es clave para él. Entonces keyframe aquí es esto es todo el fotograma aquí, ¿de acuerdo? Ahora después de esto puedes cambiar la opacidad desde aquí. Y entonces este es un momento. Por lo que la duración del tiempo es de 0.2.812 y las duraciones de tiempo aquí son de tres segundos. Entonces puedes ver aquí, que son 3 mil, ¿de acuerdo? Ahora aquí esto será que se enseñe el conjunto de contenedores. Y luego después de completar eso nos mostrará el mensaje, que es mensaje pop. Aquí puedes ver que esto nos mostrará este mensaje después de completar la carga de cuadro. Y entonces aquí se puede ver que esta es la constante de costo como este tyler, Esto está consiguiendo la matriz de elementos hijos y luego pop motions tyler, que se está obteniendo del mapa. Y aquí se puede ver que esta es la animación que es la longitud de un 100 a 0, y esta es la animación que es hasta una 100 persona. Entonces aquí se puede ver esto es conseguir el método de inicio y aquí estoy ordenando para cada bucle y luego es Tyler dot set. Entonces esperemos que entiendas ahora que cómo podemos trabajar con las animaciones de Java Script. Y si no entiendes el punto aquí mismo, por favor házmelo saber y gracias por ver esta conferencia. 62. Mapas de JS: Oigan chicos, bienvenidos a esta conferencia. En esta conferencia vamos a hablar de mapas en Java. Grito desde los clásicos for-loop hasta los métodos para cada bucle, se utilizan diversas técnicas y métodos para iterar a través de la hoja de datos en JavaScript. Uno de los métodos más populares en el script java es el método de mapa. El mapa crea un agregado a partir de llamar a unas funciones específicas en cada elemento en el presente, array. Maps es un método no mutante que crea una nueva matriz como lago, oposición a silenciar los métodos que sólo hacen cambio a llamar a la matriz. En esta conferencia, veremos los mapas y les diré que cómo fueron estos mapas claves y los valores. A la creación de los mapas. Hay unas palabras clave que está usando nuevo mapa. Con la ayuda de estas palabras clave, hay que crear los mapas o un nuevo mapa. Como se puede ver aquí. Entonces tienes que escribir simplemente mapear conjunto de puntos. Y aquí escribirás claves y el valor al mapa. Entonces este testamento es hacia la clave por el valor, vale, significa que hay tienda Philae, eres clave por tu valor. Veamos cómo podemos crear el mapa. Entonces solo uso let como palabra clave que es igual a solo escribo pelo nuevo y nuevo es mapa. El Harris escribir Mapa, punto, set y set aquí es, se puede ver aquí solo estoy primero creando mapa de cuerdas. Por lo que aquí cito uno. Harris escribe uno, y luego aquí después de este ion, ¿no? Cadena número uno. Entonces como puedes ver aquí, solo defino la clave como una cadena. Entonces strike map.get set. Y aquí tengo que escribir uno. Y entonces aquí escribiré eso. Supongamos que esto es un número. Entonces puedes ver aquí, perdón, éste es uno, y aquí tenemos el número. Entonces esto es, se puede ver aquí esta es una clave numérica justo aquí. Como puedes ver, ésta es una, por lo que esta es una clave numérica. Ahora aquí juego de mapa del sitio, y luego aquí escribiré el mapa para el valor booleano donde correcto verdadero. Y entonces aquí lo intenté, esto es booleano. Entonces esto es b y el booleano aquí. Y este es el número. ¿ De acuerdo? Y yo acorde más cercano aquí. Ahora después de la muerte, tengo que escribir un mensaje de alerta donde muestro el mensaje de alerta para conseguir el mapa. Por lo que Harry dijo map.get método donde acabo de helado obtener la clave numérica aquí, que es una. Y entonces aquí se puede ver que tengo mensaje de alerta correcto. Y el mensaje de alerta aquí es que voy a conseguir el mapa dot get, y el llegar aquí es la clave de cadena. ¿ De acuerdo? Entonces empiezo aquí y tengo que el código más cercano aquí. Y por fin se puede ver aquí sólo estoy consiguiendo el tamaño del mapa. Por lo que mapa tamaño de punto donde se puede ver que tengo el tamaño más cercano. Por lo tanto, recuerda el objeto regular, convertiría la clave a la cadena y mapea clave para escribir. Entonces están las dos formas diferentes, así que tienes que conseguir las cadenas y las teclas numéricas también. Sólo ejempliquemos el ejemplo. Y veremos la salida para esto. Para que veas que en primer lugar que conseguiremos la clave. Y el valor clave uno aquí es el número. Ok, entonces eso obtendrá el valor de cadena, lo siento, clave de cadena y el valor de cadena aquí es cadena. Y luego agrega el último que me mostrará el tamaño del mapa, que es de tres. Ok? Por lo que algunas claves puntos que hay que recordar mientras se trabaja con el mapa. Por lo tanto, un objeto de mapa no puede contener el valor duplicado. Recuerde que un objeto de mapa puede contener valores duplicados como la clave y el valor puede ser cualquier tipo que esté permitiendo tanto un objeto como los valores de parámetro. Y los objetos de mapa, láminas de hielo es elemento en el orden de inserción. Esperemos que consigas eso. Ese valor de mapa no puede contener la clave duplicada, pero es puede anclar el valor de duplicados. De acuerdo, entonces así es como trabajamos con los mapas en el JavaScript. Si encuentras un nuevo problema con respecto a esta conferencia o a cualquier punto que no entiendas aquí mismo, por favor házmelo saber y gracias por ver esta conferencia. 63. Tiempo de JS: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar del Java Script Timer. Un tiempo o es una función que nos permite ejecutar una función en un momento determinado utilizando el tiempo, o es que se puede mostrar la ejecución del código para que no se haga en el momento exacto y el evento se active en la página. Supongamos que estás cargando la página y algún tipo de temporizador está disponible ciervo, por lo que la ejecución estará aquí. Ya puedes ver que supongamos que esta flecha es ejecución normal de tu programa cuando acabas de configurar temporizador, supongamos que acabo de configurar el temporizador hasta 3 segundos en este sitio web. Por lo que después de tres segundos eres programa se ejecutará. Por ejemplo, puede usar el temporizador iniciando el banner publicitario en su sitio web a intervalos de tiempo regulares o mostrar un reloj en tiempo real, extra, extra. ¿ Cómo la mayoría del tiempo se puede ver algún tipo de publicidad en la página web que permita suponer el 50% de, 50% de descuento, de acuerdo? O puede ver que un 100% de este contenido, este tipo de anuncio se elige después de cargar página hasta tres segundos o cinco, tomados al alza tres o cinco segundos. Este anuncio se muestra a tu página web, lo que estos se hacen por el temporizador. Y ahí están las dos funciones. Lo que usamos en el temporizador, que es primero uno es V, Cómo se establece la función de tiempo de espera. ¿De acuerdo? Y luego tenemos setIntervalo. Así que la función de tiempo establecido está tomando todo el reloj y intervalo de tiempo establecido está tomando el intervalo de tiempo significa que este es el tick. Ahora aquí puedes ver que estamos ejecutando unos programas que ejecutarán el código después de algunos medios, algunos segundos de retraso. Aquí puedes ver que acabo de escribir un código aquí, que es el código JavaScript. Acabo de escribir una etiqueta de guión. Y dentro de esta etiqueta de guión, solo estoy escribiendo una función. Entonces función aquí es mi función o simplemente dices que esta es una función de tiempo. Aquí. Yo solo les estoy mostrando el mensaje de alerta chicos donde pueden ver que este es el mensaje de alerta, hola, palabra. Ok, esto es sólo un mensaje. ¿ De acuerdo? Ahora aquí, después de esta etiqueta de guión, vamos a crear un botón. Y aquí se puede ver que esto es sólo en botón aquí, que es onclick. Onclick aquí es este mi nombre de función? De acuerdo, este es el nombre de la función. Aquí. Se puede ver que tengo que escribir este primer daño, ¿no? Establezca el tiempo de espera. Y entonces aquí está escribir mi función. Y yo solo escribo que se trata de 343 mil, lo que significa que esto esperará hasta 3 segundos. Y aquí está, correcto. Esto es Click Me. Ok. Por lo que esto estará mostrando los resultados a ustedes chicos después de tres segundos. Por lo que la función SetTimeout se utiliza para ejecutar una funciones son pieza específica de código justo después de un cierto periodo de tiempo. Mse significa que después de tiempo completo. Esto se ejecutará. Yo solo quiero esto en el navegador y aquí puedes ver que estoy dando click en este botón. Por lo que después de tres segundos, tu función estará ejecutándose. Por lo que puedes ver aquí tu programa se estará ejecutando así. Entonces 100 significa que esto son 11000 milisegundos, que es igual a 1 segundo, ¿de acuerdo? Por eso solo estoy escribiendo 3 mil aquí. Entonces estos son los 3 mil milisegundos, que es igual a 3 segundos aquí. ¿ De acuerdo? Esperemos que consigas eso. Ahora aquí sólo estoy ejecutando uno de los, otros ejemplos. ¿ Ustedes vir, yo solo creo un reloj. ¿ De acuerdo? Y te diré eso cómo puedes crear el reloj aquí. Entonces después de eso, sólo voy al programa aquí. Y aquí, sólo estoy escribiendo otra vez la etiqueta de guión. Y dentro de esta etiqueta de guión, solo estoy escribiendo en primer lugar el reloj. Entonces aquí se puede ver que acabo de crear una variable. Entonces variable aquí es, solo escribo que esto es ID de intervalo. ¿ De acuerdo? Esto es sólo una, se puede decir esa variable aquí. Entonces después de esta variable, solo estoy escribiendo esto como una función. Y la función aquí es en primer lugar, estoy disputando las funciones para mostrar el tiempo. Está bien. Yo sólo te digo que sólo estoy esperando. Reloj aquí donde puedes es top eres cosecha también, ¿de acuerdo? O se puede decir que el, detener la ejecución de su temporizador también. Entonces en primer lugar, se puede ver que solo estoy creando función que es el corto tiempo donde golpeo la variable d y d, que es igual a nueva fecha. ¿ De acuerdo? Después de crear las variables a la fecha, solo estoy escribiendo documento dot getElementById. Y aquí sólo consigo la identificación aquí es reloj. Y entonces solo estoy definiendo el reloj Id aquí. Y entonces aquí se puede ver que cito innerHTML, que es igual a d. D es mi variable aquí y d punto aquí. Yo también intenté eso. Cadena de fecha local, ¿de acuerdo? Lo que significa que eso conseguirá tu hora local. Y aquí puedes ver que solo estoy creando una etiqueta de párrafo aquí. Y aquí puedes ver que estoy asumiendo una etiqueta de párrafo y aquí está justo entonces la hora actual en tu computadora es. Computadora es, y entonces aquí sólo escribo que esta es una etiqueta span donde el ID es igual al reloj. Entonces como pueden ver aquí, acabo de decir, o simplemente consigo el elemento por identificación, que es el reloj aquí. Y yo sólo código más cercano aquí. ¿ De acuerdo? Ahora aquí, después de esto se puede ver que después de conseguir la hora local, me acaba de ganar una función. Y la función aquí es, es la parte superior del reloj. Y dentro de esta función solo escribo claro el intervalo, bien, lo que significa que después de esto, tu tiempo se enseñará aquí. Entonces aquí solo estoy escribiendo intervalo claro, y aquí solo estoy pasando ese ID de intervalo, que es la variable justo aquí, y encierra núcleo. Ahora aquí, después de esto se puede ver que estoy disputando de variable y variable. Aquí está el intervalo y el intervalo ID, que es igual a i sights set interval. Y aquí solo en primer lugar escribo el tiempo del espectáculo. Y luego aquí después de este hielo ahí mismo, esto son 11000 milisegundos, lo que significa que 1 segundo. Y se puede ver que nuestro núcleo está aquí, terminado. Ahora aquí se puede ver que sólo voy a la etiqueta de cabecera y etiqueta de cabecera de los insurgentes. Solo estoy escribiendo Hash clock y solo estoy configurando el diseño o lo siento, primero, estoy citando este azulejo aquí. Y después de esto es Tile, solo estoy ajustando el diseño a él donde supongamos que este es el reloj. Y reloj aquí es que estoy poniendo el fondo y el fondo aquí es igual a, se puede escribir negro o se puede escribir 000. O lo siento, esto es un colon aquí. Y aquí está escribir triple 0. Entonces aquí probé emparejamiento. Y el relleno aquí es de dos píxeles, lo siento, 20 píxeles aquí, o puedes configurar el emparejamiento como automático. Ahora aquí dije el margen. Y el margen aquí es de 20 píxeles y 0. Ahora aquí estoy escribiendo el color aquí, y el color aquí es que puedes establecer el color aquí es verde o el verde claro, o puedes establecer el color aquí es verde LAN o cualquier cosa que puedas escribir aquí. Entonces aquí visualización de la vista, que es bloque. Y entonces aquí está, correcto, que esta es la forma del monosespacio de 48 píxeles. Disculpa, este es un píxel de 48 el cual es mono. ¿ De acuerdo? Por lo que se puede ver que aquí se completa nuestro programa. Ahora solo estoy dirigiendo este curso. Por lo que se puede ver que nuestro reloj aquí nos está mostrando cuál está consiguiendo sólo los datos. ¿De acuerdo? Ahora aquí se puede ver que sólo voy al código. Y aquí solo estoy corriendo, o solo estoy creando un botón aquí. Para que veas que aquí solo escribo que este es el botón que está onclick. Perdón, esto es onclick. Onclick, que es igual a aquí, es correcto, entonces este es este reloj superior, o este es un reloj detenido aquí. Y después de esto, se puede ver aquí que sólo estoy cerrando esto y aquí está justo ahí está. Tope el reloj que me está mostrando la fecha aquí. Sólo por el pelo, puedes ver que acabo de decir la cadena de fecha local de la herramienta, para que obtengamos la cadena de fecha aquí si quieres obtener la cadena de tiempo. Entonces simplemente escribes la hora en el lugar de eso. Por lo que puedes ejecutar esta función. Y entonces aquí volverás a ejecutar tu código. Y después de unos segundos aquí lo que solo estamos definiendo, aquí se ejecutará tu método de fecha. Entonces esto esta OK, OK string. Y aquí se puede ver que acabo de ejecutar de nuevo este código. Y se puede ver que sólo consigo la hora actual aquí. Eso se puede ver. Y después de esto cuando apenas estás encabezando esto. Por lo que se puede ver que este top el club, cuando solo hago clic en parar el reloj. Entonces puedes ver aquí tu intervalo es, es arriba justo aquí. Entonces así es como puedes ejecutar y puedes instalar tu ejecución con la ayuda del método del temporizador. Entonces obtienes que tanto los métodos setTimeout como set interval devuelven un ID único y un valor entero positivo, que se llama identificador de temporizador, ok, que identifican el tiempo creado por estos métodos. Entonces lo consigues si conociste el problema con respecto a este método de temporizador en el JavaScript, por favor házmelo saber y gracias por ver esta conferencia. 64. Validación de JS: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar de las validaciones java se agarran. Es importante validar el formulario enviado por los usuarios porque puede ayudar a mejorar los valores de Ashish. Tan bien edición es imprescindible para atender a puerta del usuario. Java se corrompe, proporciona la facilidad para validar el formulario en el lado del cliente. Por lo que el procesamiento de datos será más rápido que las validaciones del lado del servidor. La mayoría del desarrollador web preferido Java es validaciones de forma de script a bien, veces se formará. Al igual que las webs formulario ayudan a convertirse en una parte esencial de las aplicaciones web y a menudo se utiliza para recopilar la información del usuario como nombre, dirección de correo electrónico, ubicación y edad. Cuando usted está enviando algún tipo de solicitud. O quieres aplicar algún tipo de paquete, o quieres obtener el pedido en línea. Entonces aquí, como ven allá, que hay algunos tipos de formularios y algunas formas cómo las validaciones de formularios. Supongamos que tiene algunos tipos de campo de entrada y nombre de campo de entrada aquí es nombre. Y si dejas este campo en blanco, por lo que se te genera un mensaje de que tienes que agregar el nombre aquí. Por lo que esta es tarjeta las validaciones de formulario. Por lo que la validación del lado del cliente también es útil para crear la mejor experiencia del usuario, ya que también es falsa, porque las validaciones ocurrieron dentro del navegador del usuario. Si las validaciones del lado del servidor ocurren en los servidores, que requieren la entrada del usuario para primero enviar y enviar los datos y luego ofrecer que eso validará esos datos. En Primera parte, se puede ver que solo estoy creando algunos tipos de forma aquí. Y entonces les diré que cómo podemos validar este formulario. Entonces esto es justo, esto no es solo una forma, se trata de un solo campo de entrada. De lo que les estoy disputando chicos para su mejor comprensión. Entonces después de esto, crearemos algunos tipos de TextField también. En próxima conferencia trabajaremos en son, crearemos toda nuestra forma. Ok, entonces aquí solo te estoy contando las validaciones de los formularios y cómo validamos nuestras malas hierbas de texto. De acuerdo, ahora aquí acabo de decir el nombre del formulario, que es mi formulario. Y entonces aquí se puede ver que tengo que escribir sobre el método de envío. De acuerdo, ahora aquí puedes ver que estoy disputando función y función aquí es que solo escribo que esto es validar el formulario. ¿ De acuerdo? Este es mi nombre de función. Y aquí solo escribo este nombre de función aquí, y solo obtengo el valor de retorno de la misma también. Ahora aquí, se puede ver que dentro de esta forma, aquí, sólo estoy creando el nombre. Y nombre aquí es el campo de entrada. Y entrada aquí es el tipo de texto, que es el nombre de fname. Fname Acabo de escribir aquí sólo para un nombre_nombre. Y luego aquí dentro de la entrada, entrada, que es un tipo de presentación. Por lo que esta será la carga del botón Enviar. Y aquí el valor aquí es presentar. Está bien. Ya que acaba de ejecutar esto en el navegador. Entonces encontrarás la salida así hasta el momento, ¿de acuerdo? No ofrecer esto. Nos vamos al guión y aquí solo valido esta forma, además sí, solo creo una variable, variable x, que es igual a documento y documento punto aquí solo escribo formularios. Ok? Ahora aquí, dentro de este formulario aquí tengo escribir que esta es mi forma, que es mi nombre de este formulario como se puede ver aquí. Y entonces aquí se puede ver que tengo que escribir que esta es la primera dualidad inteligente dimerize. Esto lo obligó también. Por lo que sólo escribiré valor. Y entonces aquí yo, si x es igual, igual a Harris, escribo cadena vacía. Entonces aquí tengo que escribir que un abogado y alerta aquí es nombre se debe llenar. ¿ De acuerdo? Esto significa que tienes que enviar tu nombre y no puedes dejar tu campo en blanco aquí. Por eso solo estoy escribiendo la cadena vacía aquí, significa que si tu campo está vacío, así que eso será simple. Simplemente mostrándoles un mensaje a ustedes chicos. Ok, y aquí está justo falso, volver y la caída, la declaración. ¿ De acuerdo? Ahora aquí, acabo de correr este primer año, tuve que escribir que esto es un funky y acabo de presentar esto. Por lo que se puede ver que esto se está presentando aquí mismo y se envía el nombre aquí. Ahora actualiza esto y da clic en el botón Enviar. Entonces aquí puedes ver que hay mensajes me muestra que nombre debe ser enviado significa que no puedes dejar este campo en blanco aquí. Esperemos que lo estés. Concepto es muy claro que cómo podemos validar nuestras formas en el script java. Ahora aquí puedes ver que cómo un fin de semana validar nuestro campo con la ayuda de contraseña, como si dejaras la contraseña como en blanco, por lo que eso te pedirá la contraseña. De acuerdo, veamos cómo podemos trabajar con ello. Ahora en este ejemplo, ya trabajamos con el nombre, y aquí vamos a trabajar con un posible que si la contraseña es menor de seis dígitos o un dígito, corríjala. Por lo que eso no te estará mostrando como la salida o que será la formal ni se presentará aquí mismo. Aquí. Se puede ver que he derivado etiqueta BR y luego aquí tengo write et heartache para su mejor comprensión de que estamos trabajando con los diferentes guiones. Aquí dentro de la etiqueta de guión. Dentro de la etiqueta de script aquí estoy iniciando función. Y la función aquí está validar forma número uno. ¿ De acuerdo? Y aquí dentro de eso vamos a crear nuestro paso. Ahora acabamos de llegar a la forma aquí. Entonces forma aquí es el nombre, ese nombre que es igual a aquí lo es, correcto. Mi teléfono mi teléfono número uno es mi nombre de eso. Está bien. Entonces aquí tengo escribir que esto está en presentar. Y esto está en someta. Y aquí tengo escribir que esto es retorno. Y volver aquí está mi nombre de función. ¿ De acuerdo? Y tengo que cerrar este código aquí mismo. En primer lugar, tenía razón, que esto es, supongamos nombre completo. Y el nombre completo aquí es igual al campo de entrada e inferir sentir que el cabello es un tipo de texto. Y este es un tipo de texto aquí. Y entonces aquí tenemos que establecer el nombre de este campo de entrada el cual tiene un nombre. Y nombre. Aquí está el nombre. ¿ De acuerdo? Entonces aquí tengo etiqueta de escritura BR para el salto de extremo único. Y después de esto estamos creando el campo de contraseña aquí. ¿ De acuerdo? Y el campo de contraseña aquí es, se puede ver que el cual es un tipo de cabello de entrada y entrada es un tipo de, acabo de decir que este es un tipo de contraseña. Y entonces el nombre aquí también es un posible, ¿de acuerdo? Y entonces aquí tengo escribir que es una etiqueta BR. Y esta es una etiqueta BR aquí. No hay oferta esto tuve que presentar. Tengo que conseguir el botón de enviar y que es un tipo de enviar. Y aquí tenemos que establecer el valor. Y el valor aquí es login, o el valor aquí es registrar. Esto depende de ti, ¿de acuerdo? Puedes establecer cualquiera de los valores aquí. Entonces como puedes ver aquí, nuestra forma es lucir así. Nombre y antebrazo, contraseña y registro. Sólo vamos a validar este formulario. Y aquí se puede ver que tenemos que crear dos variables, posponiendo el nombre de la variable. Y entonces tenemos la variable y variable aquí es una contraseña. Está bien. Personalmente tengo el documento correcto. Perdón, este es documento punto mi formulario. Y mi forma aquí es mi forma uno. Se puede ver que este es el nombre del formulario. Y entonces aquí tuve que escribir el nombre y el nombre de punto valor aquí. Y aquí se puede ver el formulario de punto del documento. Simplemente copio esto y lo pego aquí. Y entonces aquí tengo que escribir, y esta es contraseña. Y aquí la contraseña aquí es el valor. Por lo que en primer lugar, esta forma obtendrá los valores con la ayuda de estas variables y es hacia el valor en estas variables. Y después de este pelo, se puede ver que tuve que ir a la declaración if. Y si nombre que es igual a nulo. Se puede ver que en la última conferencia escribimos el nombre como la cadena vacía. Pero si dejas este campo como nulo, o puedes ver ese nombre que es igual a cadena vacía. Por lo que se genera un mensaje para usted, que es un mensaje de alerta y el mensaje de alerta aquí es que el nombre no puede estar en blanco. De acuerdo, y entonces aquí se puede ver que tengo que cerrar este núcleo y eso va a devolver el resultado como las fallas. Por qué acabo de escribir cae aquí porque eso no va a pasar a presentar ningún tipo de información. ¿ De acuerdo? Ahora aquí empecé otra vez si, lo contrario si condición aquí es, acabamos de decir la condición en la contraseña. Entonces si POS, que es igual o si pasajes longitud punto y aquí sólo zancé longitud es menor a seis o prestado su menos de ocho significa que se te debe dar un dígito de caracteres u ocho dígitos de números aquí. Ahora aquí golpeo alerta y alerta aquí es contraseña debe ser al menos. Es de carácter largo. ¿ De acuerdo? Y entonces aquí tengo dos acordes más cercanos. Y aquí se puede ver que tuve que escribir retorno. Y el resultado de retorno aquí es falso. Ya podemos aquí estoy acercando de nuevo este acorde, a ver si este código y refrescar esto. En primer lugar decido o simplemente giro. Por lo que puedes ver aquí nombre no puede estar en blanco. Y aquí se puede ver que tenía paseo tan alto es un nombre completo. Y luego aquí 12345678 caracteres de dígitos. Por lo que dígito personajes aquí. Y dar click en registrarse. Por lo que puedes ver aquí se envían estos formularios si solo escribo registro. Por lo que puedes ver aquí la contraseña debe tener al menos un carácter de longitud. Entonces como puedes ver aquí, esto es solo un formulario validaciones sobre el nombre y la contraseña. Ahora aquí te diré que cómo puedes agregar el campo de texto aquí mismo significa campo de texto anexo, que solo tomará tu número, significa que si quieres tomar el número móvil del usuario, así que agrega ese campo que tienes para escribir, solo tienes que conseguir los números tú, no lo disputaste, no tomaste ninguna de las etiquetas, caracteres de cadena. ¿ De acuerdo? Aquí se puede ver eso. Y vamos al código aquí. Y ahora aquí se puede ver tengo escribir como si y de lo contrario si aquí está, he llegado, eso es número y aquí tengo que escribir esto es num. ¿De acuerdo? Ahora aquí puedes ver que tengo que crear una variable. Y variable aquí es num. Num, que es igual a Harris, ¿verdad? Que este es documento dot mi forma número uno punto aquí tenía derecho, que este es número y número punto valor. De acuerdo, ahora aquí vamos a sumar uno de los campos aquí mismo, que es el campo numérico. Y aquí está, ¿verdad? Este es el número donde tenía derecho? Que esta es la entrada y entrada que es un tipo de texto. Ok. Y aquí el nombre es num. ¿ De acuerdo? Ahora aquí tienes razón es Pan Tang y su etiqueta de pluma aquí es el id. e ID que es igual a aquí. Yo empecé ahí. Este ID aquí es igual a Num Lock. Y tengo que cerrar este código aquí. Y entonces esta es la etiqueta BR. De acuerdo, ahora aquí se puede ver que ahora sólo vamos a este guión. Y aquí tenía razón, que esto es documento y documento. Documento dot get element by ID y hair. El ID aquí es que se puede ver que Num Lock. Y entonces aquí se puede ver que tengo derecho, que es igual sólo al valor inter numérico. Entonces este será el mensaje aquí, y entonces eso devolverá el resultado como el falso aquí. Ok, espero conseguir eso. Ahora aquí. Entonces esto es if-else y aquí tenemos escribir esto, ¿de acuerdo? Refresca esto. Por lo que puedes ver aquí vamos a sumar solo número. Este es el campo de contraseña, y este es el nombre. Simplemente hago clic en eso para que puedas ver aquí mi arte, es su pelo se somete. Si tan solo dejo aquí alguno de los campos en blanco. Entonces puedes ver aquí, así que lo siento, este es el número y eso no nos mostrará el mensaje aquí. Por lo que aquí tenemos que ir a la declaración del otro. Y dentro de esto como una declaración aquí escribo que esto será devuelto verdad aquí. Aquí tenemos algunos tipos de Feria que acabo de probar es número aquí, pero aquí sólo estoy eligiendo es nan aquí, que es una función. Y luego aquí solo ejecuto este código y el campo de contraseña y luego solo hago clic en eso. Por lo que eso se presentará aquí. Y si solo escribo estos valores correctores, así que comprobemos el error. esto lo llamamos como no tomar esta cuerda aquí. Disculpa el número aquí. Y sí, echamos de menos en nuestro HTML aquí. Refresca esto. Guardar y refrescar de nuevo y patrimonio justo entonces hola es una extremidad completa. Esta es la contraseña. Y si tan solo escribo los correctores aquí en este campo numérico y solo doy clic en registrarse. Por lo que aquí se puede ver que a su vez sólo los valores numéricos. Y aquí se puede ver que cuando me acabo de dirigir a valores numéricos, así que eso estará tomando como el valor resultante aquí. Esperemos que consigas eso, que cómo puedes trabajar con un formulario validaciones en el java es clip. Entonces así es como podemos trabajar con nuestras formulaciones de JavaScript. Si encuentra alguno del problema aquí mismo en esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 65. Formulario de validación JS: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar del manejo de errores en JavaScript. Antes de iniciar el manejo de errores o el lanzamiento excepcional en el JavaScript, solo necesitamos entender que ¿qué es un error? El error es una operaciones ilegales realizadas por los usuarios que resultan en un trabajo anormal, anormal fuera de tu programa. ¿ Cómo? Al igual que aquí, acabo de escribir una etiqueta de guión. Y aquí es donde acabo de cerrar la etiqueta de guión aquí. Entonces este es tu flujo normal de programa, vale, que no tuvo errores, entonces no estás dando esta etiqueta Trump aquí y no cerrando esto su agarre. Por lo que nuestro mensaje de error se genera aquí mismo, que es auto y error. Entonces, ¿qué es un manejo de adder? El manejo de errores se refiere a los procedimientos de respuesta y recuperación a partir de la condición de error que está presente en las aplicaciones de software. Es decir, es un proceso que se comprime de anticipaciones y detecciones y resoluciones del error de la aplicación. Errores de programación o el error de comunicaciones. manejo de errores ayuda a mantener el flujo normal de las ejecuciones de un programa. De hecho, muchas aplicaciones basaron numerosos diseño desafiante y un desafiante y considerando la técnica de manejo de errores. Por lo que solo te cuento sobre el adder y el manejo de errores en el JavaScript. Ahora aquí puedes ver que ¿cuál es el manejo de excepciones? Excepción que signifique la presencia de unas condiciones anormales frente a un vis requerían los especiales operando o técnica. Sólo tienes que decirte que el manejo de errores. Entonces te mostraré el aire en el aire V, Cómo las operaciones ilegales realizadas por los usuarios que resultan en un funcionamiento anormal de la polonia parece un caso como aquí en la excepción. Entonces en la excepción v, cómo el término de programmings y excepciones del acorde anómalo que es brig, el flujo normal de un código, como las excepciones requieren programación especializada, que es constructo VCE a partir del ejecución. Entonces ahora aquí les diré que cuál es el manejo excepcional de excepciones en el manejo de excepciones de programación es un proceso o método utilizado para manejar la declaración anormal es en el código y que está ejecutándolos. También se habilita el mango, mango de control de flujo de sus programas desde el manejo del núcleo, que tienen los diversos manejadores que procesan las ejecuciones y ejecutan el código. Ok. Contamos con varios tipos de manejo de adder donde nos ayudamos el ascenso toma error. Entonces, ¿dónde está la arena lleva era? El error sentenciado aquí es, sólo les digo que aquí van a escribir una etiqueta de guión. Y entonces aquí hay que cerrar este guión. Etiqueta, vale, así que esto es normal para el programa cuando simplemente no montas es etiqueta de guión aquí. Entonces esto se llama, esto es un error de sintaxis, lo que significa que cuando nuestros usuarios cometen un error en un texto enviado predefinido de un lenguaje de programación. Y el error de sintaxis podemos aparecer aquí. Entonces tenemos el error de tiempo de ejecución. El error de tiempo de ejecución aquí se produce cuando un aire, como durante la ejecución de su programa, como un error se conoce como error en tiempo de ejecución. Los núcleos que esto crea errores de tiempo de ejecución se conocen como excepciones, te ayuda a entender ahora, ¿se utiliza el manejo de excepciones para el manejo de errores de tiempo de ejecución. Entonces tenemos los errores lógicos. Los errores lógicos son los errores que ocurren donde el Lodge, donde V comete un error lógico en los programas que pueden no proceder a esa salida deseada y pueden terminar de forma anormal, como un error se conoce como error lógico. Ahora aquí puedes ver que solo estoy ejecutando unos programas. ¿Ustedes chicos? Estamos VR lanzando algunos tipos de errores. ¿Lo haces? Ok, aquí puedes ver que tengo que escribir una etiqueta de guión. Y En primer lugar, sólo estoy escribiendo los errores basados en la frase a ustedes chicos. Donde se puede ver que aquí golpeo ventana punto. Aquí, solo escribo función de impresión. Ok. Y aquí se puede ver que me mantuve cerca. Escuché no cerrar este paréntesis aquí mismo. Está bien. Ahora aquí solo estoy ejecutando este error en el navegador. Entonces se puede ver aquí que está resultando, pero esto no está resultando porque no le damos ninguno de los valores aquí mismo. Ahora aquí se puede ver tengo que escribir que esto es documento y documento dot write. Y aquí mismo es que tengo que escribir que esto es un error. Y aquí se puede ver que tengo que cerrar este código. Ahora aquí cuando acabo de ejecutar esto. Entonces puedes ver aquí que esto no nos está mostrando el valor sólo por aquí. No estamos dando paréntesis aquí mismo. Por lo que esto significa que se trata de auto en, enviado basado en texto. Espero así que entiendas ahora, ahora aquí, te contaré sobre el error de tiempo de ejecución ahora mismo. Ahora aquí se puede ver allá escuché ¿verdad? Documento y document.write donde se puede ver que tengo que definir la cadena pero no se le da ningún otro valor aquí mismo. Por lo que pueden ver aquí, vamos a comprobar el resultado de la misma. Y entonces aquí sólo voy al modo inspect y a una consola. Entonces puedes ver aquí, ahí me está mostrando el error de esta línea. ¿ De acuerdo? Entonces aquí solo estoy quitando este error aquí. Y vamos a revisar ahora. Por lo que aquí se puede ver que esta es una declaración correcta. Ahora bien, bien, en, en nuestro último ejemplo, se puede ver aquí que fue un error de sentencia Bayes. Pero aquí se puede ver que definimos nuestra línea correcta, correcta de código. Pero eso no se está mostrando como resultado porque aquí estamos haciendo un error el cual nos está mostrando un error de tiempo de ejecución aquí mismo, que no nos está mostrando el, ninguno del valor de salida, ¿de acuerdo? Ahora aquí volvamos a los errores lógicos aquí. Entonces, ¿cuáles son los errores lógicos? Los errores lógicos pueden ser los tipos de errores más difíciles de rastrear. Estos errores no son el resultado de un científico o de un error de tiempo de ejecución. En cambio, el ocurre cuando cometen un error en una lógica que es impulsa tu script y no obtienes el resultado de ti no el resultado esperado. ¿ De acuerdo? Ahora aquí puedes ver que subimos este tipo de error con un try catch. Y finalmente como palabra clave, ¿qué es probar? Intenta juicios te permiten probar un bloque de código de error. Cómo puedes ver que aquí, si diablos, está iniciando tu programa, OK, entonces aquí tienes las condiciones donde estás. Prueba tu núcleo. Si tus condiciones infierno, no hay errores. Entonces eso va a ir al bloque catch y eso es ignorar, lo siento, eso es ignorar el bloque catch y luego eso se ejecutará, o ¿está bien si estas condiciones tienen un adder? Entonces eso simplemente va a ir al try otra vez, que se restablece tu trie, entonces eso ejecutará un bloque de captura de co-escritura. Veamos cómo. Aquí puedes ver que solo estoy usando try como palabra clave. Entonces aquí puedes ver que solo estoy usando un mensaje de alerta. Y el mensaje de alerta aquí es, se puede ver que Harris ¿verdad? Pruebe corridas de bloques. ¿ De acuerdo? Y aquí se puede ver que después de esto, sólo estoy usando uno de los mensajes de alerta aquí otra vez. Y alerta aquí es Es justo aquí y de alto bloqueo de tiempo. Ok, aquí puedes ver que se les ofrece esta carrera de hombres tri-estatales. Solo tienes que captar un error aquí mismo. ¿ De acuerdo? El entrar aquí es, se puede ver eso. Aquí puedes ver el error aquí es alerta. Y el mensaje de alerta aquí es, aquí estamos atrapando y la captura es ignorada porque no hay error. Ok. Aquí puedes ver, Vamos a ejecutar este curso. Por lo que puedes ver aquí esto es un try blocks run and try blocks n porque no hay ningún error aquí y no se guarda una excepción en caché aquí mismo. Espero que así sea. Eso lo consigues aquí. Eso se puede ver o estoy haciendo algún tipo de error aquí. Al igual que aquí estoy escribiendo alerta. ¿ De acuerdo? Ahora aquí se puede ver que acabo de guardar este programa, reiniciar try blocks R1. Y entonces aquí se puede ver que hay final. Sí. De acuerdo, aquí tenemos que encontrar un error. Y aquí estamos escribiendo la alerta. Alertan aquí, como pueden ver eso, OK. Aquí acabo de hacer un pequeño error. Entonces las variables de error no están definidas aquí, ¿de acuerdo? Ahora aquí cuando acabo de ejecutar esto vendido aquí se puede ver su buey tribal correr primero. Y luego aquí puedes ver que eso ignorará este mensaje de alerta aquí en el bloque try, y eso simplemente se moverá al bloque catch aquí y captará tu excepción. Esperemos que lo entiendas ahora. Ahora aquí el punto es que try y catch blocks solo funcionan con nuestros errores de tiempo de ejecución. Espero que así lo consigas. Aquí. Se puede ver que aquí vamos a ejecutar un programa con gato, una especie de trie Castro y finalmente como la excepción aquí. Por lo que las declaraciones de Premio te permiten probar el bloque de código así. Entonces captura la excepción, deja manejar el error, luego las declaraciones verdaderas te permiten crear un error aduanero. Y finalmente las declaraciones te permiten ejecutar el código después del empate y atrapar. Ok. En cuanto a la razón. Ahora aquí se puede ver que se trata de una captura de tiempo, pero ya estudiamos sobre. Ahora aquí vamos a trabajar con lanzar un error, lo que significa que estamos intentando error por defecto. De acuerdo, ahora aquí puedes ver que aquí estoy creando un nuevo guión donde tengo que lanzar un error. Aquí puedes ver tengo que definir el cuerpo dentro de su cuerpo aquí solo estoy creando una etiqueta de párrafo. Estamos ojos ahí mismo. Esto es un verdadero error. ¿De acuerdo? Entonces aquí tengo que crear una entrada y producir un botón tipográfico. Nosotros somos el valor aquí es click me. Y entonces aquí tengo derecho en el método click. Y para el método OnClick aquí tenemos nuclear el nombre de la función. He declarado la función, que es donde empecé que esta es una función como nombre de función. Y aquí tengo que pasar este nombre de función o cómo llamar a este nombre de función a este botón. De acuerdo, acorde más cercano. Y ahora aquí puedes ver que solo estoy dibujando y agregando nuestra publicación de pelo. Solo estoy disparando una variable a y variable a que es igual a 200. Y entonces aquí tengo la variable B correcta y la variable B, que es igual a aquí, es correcto 0. Entonces aquí solo estoy definiendo un error de división 0. Ok? Y aquí se puede ver que tengo derecho, si b que es igual a 0, b que es igual a 0. Y aquí solo solía como palabra clave, ¿de acuerdo? Y lanzar como palabra clave aquí. Y entonces aquí se puede ver que yo tenía ahí mismo, esto está dividido por 0. ¿ De acuerdo? Y aquí tengo al núcleo más cercano. Ahora solo voy a la condición de lo demás. Y la otra condición aquí es que tengo la variable correcta c y c, que es igual a una dividida por b. donde se puede ver que aquí después de esto, espero atrape este error, este error. Entonces aquí escribo E como excepción o el error que estamos yo tenía derecho? Mensaje de alerta y mensaje de alerta aquí es error y error serán Ken continuaciones de e, lo que significa que aquí estoy agregando la EDA, esta afirmación. ¿ De acuerdo? Ahora aquí puedes ver que tengo que ejecutar este código ahora mismo. Entonces, en primer lugar, eso correrá las primeras declaraciones. Y aquí se puede ver que los caches ignoran porque no hay error. Aquí. Esto se está ejecutando este puntaje. Y ahora aquí acabo de decir, está bien, Y luego se puede ver que voy a hacer click en este Botón Click me. Por lo que aquí puedes ver que aquí mismo se genera un error de lanzamiento, que es error dividido por 0 error. Ok, entonces puedes usar declaraciones de juguete para escribir tus excepciones incorporadas en tu programa, o tienes que personalizar tus excepciones. Entonces lo consigues. Entonces pasemos a la declaración final y las declaraciones finalmente te permiten ejecutar el código después un try y el catch independientemente de la razón cómo legado. Ahora aquí se puede ver que cuando este núcleo, sólo estoy escribiendo un Finalmente como palabra clave. Y aquí solo estoy usando el mensaje de alerta. Y el mensaje de alerta aquí es que estoy escribiendo HI, I M finalmente. Está bien. Y aquí tengo que cerrar como núcleo. Ahora solo ejecuto este código. Por lo que primero puedes ver aquí nuestro este intenta a Edmund se ejecuta. Entonces aquí se da la excepción, donde esto se moverá a la captura. Y ahora aquí se puede ver que ofreció estos, estamos pasando al final como la palabra clave justo aquí. Esperemos que entiendas ahora que lo que es un adder y lo que es manejo de excepciones en el JavaScript espera que consigas que si encuentras alguno del problema en algún momento no entiendes aquí mismo en esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 66. Gestión de errores de Javascript: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar del manejo de errores en JavaScript. Antes de iniciar el manejo de errores o el lanzamiento excepcional en el JavaScript, solo necesitamos entender que ¿qué es un error? El error es una operaciones ilegales realizadas por los usuarios que resultan en un trabajo anormal, anormal fuera de tu programa. ¿ Cómo? Al igual que aquí, acabo de escribir una etiqueta de guión. Y aquí es donde acabo de cerrar la etiqueta de guión aquí. Entonces este es tu flujo normal de programa, vale, que no tuvo errores cuando no estás dando esta etiqueta de término aquí y no cerrando esto su agarre. Por lo que nuestro mensaje de error se genera aquí mismo, que es tarjeta un error. Entonces, ¿qué es un manejo de adder? El manejo de errores se refiere a los procedimientos de respuesta y recuperación a partir de la condición de error que está presente en las aplicaciones de software. Es decir, es un proceso que se comprime de anticipaciones y detecciones y resoluciones del error de la aplicación. Errores de programación o el error de comunicaciones. manejo de errores ayuda a mantener el flujo normal de las ejecuciones de un programa. De hecho, muchas aplicaciones basaron numerosos diseño desafiante y un desafiante y considerando la técnica de manejo de errores. Por lo que solo te cuento sobre el adder y el manejo de errores en el JavaScript. Ahora aquí puedes ver que ¿cuál es el manejo de excepciones? Excepción que signifique la presencia de unas condiciones anormales frente a un vis requirió los especiales operativos o técnica. Simplemente te dice que el manejo de errores. Entonces les mostraré el aire en el aire contemplado las operaciones ilegales realizadas por los usuarios que deserran en funcionamiento anormal de la polonia parece un caso como aquí en la excepción. Entonces en la excepción v, cómo el término programmings y excepciones del acorde anómalo que es brig, el flujo normal de un código, como las excepciones requieren programación especializada, que es constructo a partir de la ejecución. Entonces ahora aquí les diré que cuál es el manejo excepcional de excepciones en el manejo de excepciones de programación es un proceso o método utilizado para manejar la declaración anormal es en el código y que está ejecutándolos. También se habilita el mango, manejo de control de flujo de sus programas desde el manejo, utiliza el código que tenía un manejador diverso que procesan las ejecuciones y ejecutan el código. Ok. Contamos con varios tipos de manejo de adder donde nos ayudamos el ascenso toma error. Entonces, ¿qué es un error de sintaxis? El error sentenciado aquí es, sólo les digo que aquí van a escribir una etiqueta de guión. Y entonces aquí hay que cerrar este guión. Etiqueta, vale, así que esto es normal para el programa cuando simplemente no montas es etiqueta de guión aquí. Entonces esto se llama, esto es un error de sintaxis, lo que significa que cuando nuestros usuarios cometen un error en una sintaxis predefinida de un lenguaje de programación. Y el error de sintaxis podemos aparecer aquí. Entonces tenemos el error de tiempo de ejecución. El error de tiempo de ejecución aquí es, esto se produce cuando un aire como son durante la ejecución de sus programas, como un error se conoce como error en tiempo de ejecución. El CORS es crear. Los errores de tiempo de ejecución se conocen como excepciones, te ayuda a entender ahora, ¿se utiliza el manejo de excepciones para el manejo de los errores de tiempo de ejecución. Entonces tuvimos los errores lógicos. Los errores lógicos son errores que ocurren donde el Lodge, donde V comete un error lógico en los programas que pueden no proceder a esa salida deseada y pueden terminar de forma anormal, como un error se conoce como error lógico. Ahora aquí puedes ver que solo estoy ejecutando unos programas. ¿Ustedes chicos? Estamos VR lanzando algunos tipos de errores. ¿ Lo haces? Ok, aquí puedes ver que tengo que escribir una etiqueta de guión. Y En primer lugar, sólo estoy escribiendo los errores basados en la frase a ustedes chicos donde se puede ver que sus ojos derecha ventana punto aquí, yo sólo escribo función de impresión. Ok. Y aquí se puede ver que me mantuve cerca. Escuché no cerrar este paréntesis aquí mismo. Está bien. Ahora aquí solo estoy ejecutando este error en el navegador. Entonces se puede ver aquí que está resultando, pero esto no está resultando porque no le damos ninguno de los valores aquí mismo. Ahora aquí se puede ver tengo que escribir que esto es documento y documento dot write. Y aquí mismo es que tengo que escribir que esto es un error. Y aquí se puede ver que tengo que cerrar este código. Ahora aquí cuando acabo de ejecutar esto. Entonces puedes ver aquí que esto no nos está mostrando el valor sólo por aquí. No estamos dando paréntesis aquí mismo. Por lo que esto significa que se trata de auto en, enviado basado en texto. Espero así que entiendas ahora, ahora aquí, te contaré sobre el error de tiempo de ejecución ahora mismo. Ahora aquí se puede ver allá escuché ¿verdad? Documento y document.write donde se puede ver que tengo que definir la cadena pero no se le da ningún otro valor aquí mismo. Por lo que pueden ver aquí, vamos a comprobar el resultado de la misma. Y entonces aquí sólo voy al modo inspect y consola. Entonces puedes ver aquí, ahí me está mostrando el error de esta línea. ¿ De acuerdo? Entonces aquí solo estoy quitando este adder aquí. Y vamos a revisar ahora. Por lo que aquí se puede ver que esta es una declaración correcta. Ahora, bien, en, en nuestro último ejemplo, se puede ver aquí que se envió error de Higgs Bayes. Pero aquí se puede ver que redefinen nuestra línea derecha, derecha de código. Pero eso no se está mostrando como resultado porque aquí estamos haciendo un error el cual nos está mostrando un error de tiempo de ejecución aquí mismo, que no nos está mostrando el, ninguno del valor de salida, ¿de acuerdo? Ahora aquí volvamos a los errores lógicos aquí. Entonces, ¿cuáles son los errores lógicos? Los errores lógicos pueden ser los tipos de errores más difíciles de rastrear. Estos errores no son el resultado de un científico o de un error de tiempo de ejecución. En cambio, el ocurre cuando cometen un error en una lógica que es impulsa tu script y no obtienes el resultado de ti no el resultado esperado. ¿ De acuerdo? Ahora aquí puedes ver que v Rice, este tipo de error con nuestro try catch. Y finalmente como palabra clave, ¿qué es probar? Trata de enriquecer. Te permite probar un bloque de código de error. Cómo puedes ver que aquí, si diablos, está iniciando tu programa, OK, entonces aquí tienes las condiciones donde estás. Prueba tu núcleo. Si tus condiciones infierno, sin errores. Entonces eso va a ir al bloque catch y eso es ignorar, lo siento, eso es ignorar el bloque catch y luego eso se ejecutará, o ¿está bien si estas condiciones tienen un adder? Entonces eso simplemente va a ir al try de nuevo, que se restablece tu trie, entonces eso ejecutará un bloque catch de código. Veamos cómo. Aquí puedes ver que solo estoy usando try como palabra clave. Entonces aquí puedes ver que estoy usando un mensaje de alerta. Y mensaje de alerta aquí es, se puede ver que Harris ¿verdad? Pruebe corridas de bloques. ¿ De acuerdo? Y aquí se puede ver que después de esto, sólo estoy usando uno de los mensajes de alerta aquí otra vez. Y alerta aquí es Es justo aquí y de alto bloqueo de tiempo. Ok, aquí puedes ver que se les ofrece esta carrera de hombres tri-estatales. Solo tienes que captar un error aquí mismo. ¿ De acuerdo? El entrar aquí es, se puede ver eso. Aquí puedes ver el error aquí es alerta. Y el mensaje de alerta aquí es, aquí estamos atrapando y la captura es ignorada porque no hay error. Ok. Aquí puedes ver, Vamos a correr esta cancha. Por lo que puedes ver aquí esto es un try blocks run and try blocks n porque no hay ningún error aquí y no se guarda una excepción en caché aquí mismo. Espero que así lo consigas aquí. Eso se puede ver o estoy haciendo algún tipo de error aquí. Como aquí estoy escribiendo alerta, ¿de acuerdo? Ahora aquí se puede ver que acabo de guardar este programa, reiniciar try blocks R1. Y entonces aquí se puede ver que hay final. Sí. De acuerdo, aquí tenemos que encontrar un error. Y aquí estamos escribiendo la alerta. Alerta aquí es que puedes ver eso, OK. Aquí acabo de hacer un pequeño error. Entonces las variables de error no están definidas aquí, ¿de acuerdo? Ahora aquí cuando acabo de ejecutar esto vendido aquí se puede ver que el buey tribal corre primero. Y luego aquí puedes ver que eso ignorará este mensaje de alerta aquí en el bloque try, y eso simplemente se moverá al bloque catch aquí y captará tu excepción. Esperemos que entiendas ahora. Ahora aquí el punto es que try y catch blocks solo funcionan con nuestros errores de tiempo de ejecución. Espero que así lo consigas. Aquí. Se puede ver que aquí vamos a ejecutar un programa con Kat, lo siento, probamos Castro y finalmente como la excepción aquí. Por lo que las declaraciones de Premio te permiten probar el bloque de código así, luego atrapar la excepción, dejarte manejar el error, luego las declaraciones verdaderas te permiten crear un error aduanero. Y finalmente declaraciones te permiten ejecutar el código después del empate y atrapar. Ok. En cuanto a la razón. Ahora aquí se puede ver que se trata de una captura de tiempo, pero ya estudiamos sobre. Ahora aquí vamos a trabajar con lanzar un error, lo que significa que estamos tocando error por defecto. De acuerdo, ahora aquí puedes ver que aquí estoy creando un nuevo guión donde tengo que lanzar un error. Aquí puedes ver tengo que definir el cuerpo dentro de su cuerpo aquí solo estoy creando una etiqueta de párrafo. Nosotros miramos bien, que esto es verdadero error. ¿ De acuerdo? Entonces aquí tengo que crear una entrada y producir un botón tipográfico. Nosotros somos el valor aquí es click me. Y entonces aquí tengo derecho en el método click. Y para el método OnClick aquí tenemos nuclear el nombre de la función. He declarado la función, que es donde empecé que esta es una función como nombre de función. Y aquí tengo que pasar este nombre de función o ella para llamar a este nombre de función a este botón. De acuerdo, acorde más cercano. Y ahora aquí se puede ver que estoy destruyendo y agregando nuestra publicación de pelo. Solo estoy disparando una variable a y variable a que es igual a 200. Y entonces aquí tengo la variable B correcta y la variable B, que es igual a aquí, es correcto 0. Entonces aquí solo estoy definiendo un error de división 0. Ok? Y aquí se puede ver que tengo derecho, si b que es igual a 0, b que es igual a 0. Y aquí solo solía como palabra clave, ¿de acuerdo? Y lanzar como palabra clave aquí. Y entonces aquí se puede ver que yo tenía ahí mismo, esto está dividido por 0. ¿ De acuerdo? Y aquí tengo al núcleo más cercano. Ahora solo voy a la condición otra. Y la otra condición aquí es que tengo la variable correcta c y c, que es igual a una dividida por b. donde se puede ver que aquí después de esto, espero atrape este error, este error. Entonces aquí escribo E como excepción o el error que estamos yo tenía derecho? Mensaje de alerta y mensaje de alerta aquí es error. Y error serán Ken continuaciones de E, lo que significa r. Aquí estoy agregando la EDA, esta afirmación. ¿ De acuerdo? Ahora aquí puedes ver que tengo que ejecutar este código ahora mismo. Entonces, en primer lugar, eso correrá las primeras declaraciones. Y aquí se puede ver que la captura es ignorada porque aquí no hay ningún error. Esto está ejecutando este puntaje. Y ahora aquí acabo de decir, está bien, Y luego se puede ver que voy a hacer click en este Botón Click me. Por lo que aquí puedes ver que aquí mismo se genera un error de lanzamiento, que es error dividido por 0 error. Ok, entonces puedes usar declaraciones de juguete para escribir tus excepciones incorporadas en tu programa, o tienes que personalizar tus excepciones. Entonces lo consigues. Entonces pasemos a la declaración final y las declaraciones finalmente te permiten ejecutar el código después un trie y el gato independientemente de la razón de cómo se llevó. Ya ves. Ahora aquí se puede ver que con este núcleo y está escribiendo un Finalmente como palabra clave. Y aquí solo estoy usando el mensaje de alerta. Y el mensaje de alerta aquí es que estoy escribiendo HI, I M finalmente. Está bien. Y aquí tengo dos núcleos más cercanos. Ahora, solo ejecuto este código demasiado rápido. Aquí puedes ver nuestra declaración de este try se ejecuta. Entonces aquí se da la excepción, donde esto se moverá a la captura. Y ahora aquí se puede ver que ofreció estos, estamos pasando al final como la palabra clave justo aquí. Esperemos que entiendas ahora que lo que es un adder y lo que es manejo de excepciones en el JavaScript espera que consigas que si encuentras alguno del problema en algún momento no entiendes aquí mismo en esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 67. La palabra clave de la let: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar de la java es cribbed ES6. Y dentro de esto vamos a hablar de la palabra clave let en JavaScript. Es6 es especificaciones introducen dos noticias manera de declarar una variable en el script java con let y const y el costo como palabra clave. En esta conferencia, les contaré sobre el plomo como palabra clave. Se utiliza la palabra clave let para declarar las variables en el script java. Y la palabra clave V-A-R también se utiliza para declarar nuestras variables. Pero la diferencia clave entre ellos es radica ahí está Cope likes variables en las variables que usamos en la función es Cope y déjame usar en el bloque se hace frente. Espera que consigas eso. Para entender la palabra clave let, es importante entender que cómo let n variables son diferentes entre sí. Aquí te diré que este es el VaR como palabra clave y esto es LET como palabra clave. Y eso puede usarse para crear la variable global. Los dos se utilizan para crear lo global como la variable. Entonces aquí dentro de esta variables V, ¿Cómo reclare? Reclare las variables y las declaraciones D3 está involucrada aquí mismo. Y también usamos estas variables aquí en a la función es alcance. Ok. Pero aquí dentro de las variables let, la re-declaración no es un fuerte en el mismo alcance, y esto se usa en el ámbito de bloque. Cómo puedes ver aquí, hay, solo estoy creando una etiqueta de guión aquí. Y dentro de esta etiqueta de script aquí se puede ver que como acabo definir el registro de punto de consola donde tuve que escribir que el valor de la x aquí es. Y entonces aquí se pueden ver sus ojos definidos x. ¿De acuerdo? ¿ Qué hace x donde la x aquí es mi variable y x que es igual a diez. Y entonces aquí está write x, que es igual a x más cinco. Entonces como puedes ver aquí, esta es una variable normal donde me estoy moviendo aquí con esta función está bien. Ahora aquí puedes ver que tengo consola derecha, consola de dot log, ¿de acuerdo? Y aquí se puede ver que tengo justo ahí, este es un valor de x tras bloque. Entonces como puedes ver aquí, esta variable aquí es un enfoque basado en funciones, que es que estoy usando la función de consola, vale, ahora aquí puedes ver que tengo la función correcta, función que es igual al dedo como palabra clave. Y entonces aquí se puede ver que simplemente tengo que llamar a esta función con nombre fuera de esta función. ¿ De acuerdo? Esta es una función aquí. Ahora aquí puedes ver tengo que ir al navegador. Y comprueba esto. Por lo que inspecciona el modo y la consola. Por lo que puedes ver aquí el valor de la x aquí es indefinido y el valor de x después del bloque aquí. Esperemos que consigas que esto es solo un enfoque basado en variables justo aquí. Ahora aquí vamos a tomar esto como la palabra clave let como un enfoque ES6 y basado en plomo, acabo de crear una función aquí. Entonces aquí se puede ver que sólo estoy comentando esto. Entonces aquí se puede ver que esta no es la x no es ninguna aquí y el empate está descomentando la línea. ¿ De acuerdo? Ahora aquí puedes ver que acabo de cambiar esto como un let, let x es igual a diez y x, que es igual a x más cinco. Ahora aquí puedes ver que acabo de eliminar este enfoque basado en funciones justo aquí. ¿ De acuerdo? Ahora aquí puedes ver que acabo de dirigir esta cancha. Entonces aquí puedes ver que la x no está aquí, te ayuda a conseguir eso. Entonces primero, se pueden ver aquí las variables. Aquí puedes ver cómo podemos declarar las variables y cómo podemos declarar el LED. Por lo que aquí se puede ver eso en un segundo ejemplo del LED. Entonces el lago, me importa, solo escribo la línea número 16, que representa esa X, que es igual a x más cinco. Por lo que tenga en cuenta que esto sólo es no lo definido dentro del blog. Se refiere a un bloque definir de código el cual se declara en. De acuerdo, ahora aquí, no te voy a confundir más sobre esto. Aquí está bien, esa etiqueta de script otra vez, simplemente pasamos a la palabra clave let. Entonces aquí ha muerto. Supongamos, dejemos mangle. Yo solo estoy ejecutando esto como bloques es cobe. ¿ De acuerdo? Ahora no estoy usando la función aquí. Ahora aquí se puede ver que el color mango aquí es paseo en hielo que amarillo. Ok, ahora aquí empiezo si mangle y el cabello de mango es igual al flujo, entonces aquí tengo que escribir que este es el let y dejar su una palabra clave y dejar mango, que es igual a Harris, ¿verdad? Azul. De acuerdo, entonces aquí escribo consola, consola dot log. Y el log aquí es que acabo de pausar mango como las variables. Ahora aquí puedes ver que he leído el registro de la consola y el registro de la consola aquí está mangle, ¿de acuerdo? Aquí puedes ver que tengo que correr este núcleo. Entonces en primer lugar, se puede ver aquí que correremos azul y amarillo. Por lo que el mango se declara como el amarillo y el número de línea primero pelos o aquí se puede ver eso. Pero estamos redeclarando el mango como el azul aquí con la ayuda de esta palabra clave lead en esta línea número 26. Por lo que aquí se puede ver que dentro de este si bloque, sin embargo, la salida se muestra en el mango se declara dentro del bloque if y v tiene un se hace frente a que los bloques solamente. Y el exterior de ese bloque V, originalmente imprime el mango aquí para ese caso. En primer lugar, se puede ver aquí el azul está impreso y luego aquí originalmente imprimimos nuestro Mango como el amarillo aquí. Esperemos que consigas eso. Ahora aquí, estoy dirigiendo uno de los, otro ejemplo para ustedes. Somos una etiqueta de guión hidruro. Y dentro de esta etiqueta de guión tenía derecho, let x que es igual a uno, let x que es igual a uno. Entonces aquí tengo derecho, si x que es igual, igual a uno. Y aquí se puede ver que tenía que escribir let x, que es igual a dos. Igual es el caso como el amarillo y el azul como un mango. Ok, aquí puedes ver que tengo consola derecha y archivo console.log aquí, x aquí, y luego aquí. Después de esto se puede ver que lo mismo es el caso como nuestro viejo ejemplo aquí, escribiría registro de controlador de consola e imprimiría el valor ordinal aquí, que es x. ¿ Ok? Ahora aquí se puede ver que la primera adición de ADN inicialmente tenemos que declarar el valor de x es uno. Y entonces aquí se puede ver que si x que es igual a, igual a uno, entonces aquí estamos cambiando este código aquí mismo, que es x, que es igual a dos. Ejecutemos esta salida y la ejecutemos. Por lo que aquí se puede ver que en primer año se imprimirá el valor resultante como herramienta. Y entonces tenemos el valor aquí como el visto como un caso como nuestro este ejemplo. Entonces así es como VR renting o VR creando la palabra clave let en el script java ES6. Entonces ojalá entiendas ahora este ejemplo, si no entiendes alguno del punto aquí mismo en esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 68. La palabra clave de const: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar de la palabra clave constante de guión Ackman. En las declaraciones constantes se crea referencia de sólo lectura a una variable. Y no significa que el valor se mantenga sea mutable, solo que el identificador de variables no puede ser Italia está bien. De acuerdo, y las constantes son el alcance de bloque. Recuerda el anuncio y unas variables muy parecidas definidas usando las declaraciones let. Las siguientes reglas que tienes que aplicar sobre la palabra clave constante de costo en EC six, donde tienes dos no puedes cambiar los Reyes. No puedo cambiar el valor de las variables, y no puedes reasignar el valor a una variable como en Constante seis y constante ES6, tienes bu, no puedes leer, declarar tus variables también. Y una constante requiere de un inicializador. Esa es constante debe inicializarse durante las declaraciones. Tienes que declarar costo como palabra clave para mutar o hacer mutar tus variables. ¿ Cómo legado? Aquí puedes ver que tengo que escribir eso. Supongamos que esto es una etiqueta de párrafo y aquí he definido el ID y el IE que es igual a demo. Y aquí tengo que escribir que esto es una etiqueta de párrafo, ¿de acuerdo? Ahora aquí tengo write script tag donde tuve que ejecutar sección aquí donde se puede ver que primero tengo que definir el costo como una palabra clave. Las constantes significan que el valor no puede ser cambiable. Y aquí solo escribo 2.3.14, que es el valor de i Y este es el valor aquí, ¿de acuerdo? Ahora aquí se puede ver que después de declarar fuera, después de asignar este valor, sólo escribo pi de nuevo, que es igual a 3.14 saltos, se obtiene eso. Entonces aquí, en una primera etapa se puede ver que se trata de una constante, que es el valor no es cambiable. Y entonces aquí se puede ver que tengo, tengo que reasignar este valor aquí, que es 3.14. ¿ De acuerdo? Entonces ahora aquí se puede ver que tengo que escribir que esto está atrapando un adder aquí. Y el error aquí es que tengo que escribir ese documento dot getElementById, donde el id aquí es demo. Y entonces aquí tengo escribir que este es punto HTML interno. Y entonces aquí se puede ver que tengo que generar un error aquí. ¿ De acuerdo? Ahora aquí puedes ver que el error aquí está generando un error aquí que no puedes cambiar valor. Ok? Ahora aquí solo estoy dirigiendo este núcleo. Y se puede ver aquí que no se puede cambiar el valor, que es mi declaración aquí, que es mi a, esta etiqueta de párrafo aquí. Y aquí se puede ver que después de esto, se puede ver esto es un error de tipo y la asignación a la variable constante, ¿de acuerdo? Lo que significa que no podemos reclare una variable después de Constante, nuestras estas variables esperan que lo consigas, que cómo podemos crear una constante en ES6. Si encuentra alguno del problema con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 69. Para el bucle en ES6: Oigan chicos, bienvenidos a esta conferencia. Ya estudiaste sobre el bucle for en el JavaScript. Aquí te diré que cómo puedes crear un bucle for en ES6, el bucle for ejecutará un bloque de código se especifica el número de tiempo, y puede usar para I28 o un conjunto fijo de valores como, como un árabe. Veamos cómo podemos crear un bucle for en JavaScript ES6. Aquí puedes ver que tengo que crear para, para como palabra clave aquí. Entonces aquí describí let. Dejemos aquí es, solo estoy creando una variable temporal aquí. Ahora aquí puedes ver que solo estoy inicializando el valor de i y un valor para i aquí es 0. Entonces aquí golpeo J, que es igual a uno. Y entonces aquí se puede ver esa j, que es menor a 30. ¿ De acuerdo? Ahora aquí se puede ver que tengo que escribir temp, temp, que es igual a i Y entonces aquí se puede ver que escuché bien? Yo, que es igual a j. ¿ Ok? Entonces después de esto aquí se puede ver que tengo derecho, coma y G, que es igual a i y i plus temp. ¿ De acuerdo? Ahora aquí puedes ver que tengo consola derecha, registro de consola. Y el registro aquí es que solo estoy imprimiendo el valor de la G aquí. Entonces aquí se puede ver que sólo estoy ejecutando el ejemplo de la fibra muy bien serie donde se puede ver que tengo que asignar un múltiplo expresiones aquí, vale, dos combinando el bucle for. Por lo que se puede ver aquí en primer lugar, yo sólo defino los cuatro. Entonces let tiene una palabra clave. Entonces estos dos son la palabra clave. Entonces vamos es una variable aquí. Entonces aquí solo creo esto como una variable temporal y también es variable temporal, lo siento, también es un lead tiene una variable. Y entonces aquí estamos definiendo un valor de la j. Aquí. Yo solo estoy definiendo la expresión aquí. Supongamos en ejemplo variable, que es un enfoque basado en funciones donde se puede ver que hay que definir dejar suponer que yo que es igual a número. Entonces hay que definir i que es mayor o menor que, que es igual a 30. Y luego hay que definir i plus plus. Pero aquí se puede ver que tengo que definir esto como cuatro, dejar variable temporal entonces aquí SE define en ti. Toda variable es i, y luego aquí la variable es j Entonces aquí definimos la condición variable aquí. Entonces aquí puedes ver que empiezo variable temporal, que es i e i, que es igual a j y j que es igual a I más variable temporal, lo que significa que si eres variable temporal es igual a I y II aquí es 0, ¿vale? Entonces aquí hay 0, que es igual a uno en esta etapa, ¿de acuerdo? Entonces aquí puedes ver esa que es igual a 00 más uno, ¿de acuerdo? Ahora aquí se puede ver eso, que nuestro V1, que es igual a uno más uno. Entonces eso ejecutará la investigación así, vale, en ella inicialmente esto resultará en valor será uno, luego 12, luego 358, y así sucesivamente. De acuerdo, vamos a revisar la salida para este curso. Y aquí se puede ver que tuve que ejecutar esto en el modo inspeccionar navegador y aquí la consola. Entonces puedes ver aquí el valor aquí es uno, que es dos veces aquí. Se puede ver que entonces aquí tenemos 2358132134 justo aquí. Espero que así lo consigas, que como podamos ejecutar un for-loop en ES6, ¿de acuerdo? Si encuentra alguno del problema aquí mismo en esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 70. Literales de plantilla ES6: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar de literales de plantilla en JavaScript. En esta conferencia, aprenderás sobre el literal tentado de JavaScript. Eso es un amor que trabajes con nosotros. Plantilla de cadena simple, que es muy fácil. Al igual que el periodo a ES6, puede usar las cotizaciones simples o las comillas dobles para batir un literales de cadena. Y la cadena tiene una funcionalidad muy limitada para permitirte resolver problemas más complejos, que es ES6 literales de plantilla proporciona la sintaxis que te permiten trabajar con es cadena de una manera foster y más limpia es nuestra plantilla literal. literales de plantilla son un literal de cadena Eso es permitir expresiones embebidas y puedes usar líneas poderosas es cadenas y cadenas como las interpolaciones características con ellas. Se les llama literales de plantilla. Aquí puedes ver que solo estoy escribiendo algunos del siguiente programa para nuestros literales de plantilla donde se pueden ver sus ojos, ¿verdad? Dejar y dejar aquí es cadenas y las cadenas que es igual a aquí, puede ver que tengo que escribir estas comillas signo, y aquí dentro de esto hay una plantilla literal. Ok, y tuve que cerrar este núcleo aquí. Entonces aquí se puede ver que hay que definir un poderoso es cuerda aquí. Y también puedes usar el formato de cadena a tu cadena aquí. ¿ De acuerdo? Ahora aquí puedes ver que si obtienes el resultado de ello aquí ES correcto, esa consola y el archivo console.log aquí está, tengo que escribir que esto es cadenas y legis comprobar el resultado y el valor de la misma. Donde tengo que ejecutar esta cadena literal. Y se puede ver, se puede ver eso en modo inspeccionar y luego aquí se, así que se puede ver aquí que esta es nuestra plantilla literal, ¿de acuerdo? Ahora aquí también puedes encontrar la longitud de tu literal también. Cómo se puede ver aquí tenía consola derecha y punto de consola aquí escribo log y log aquí es tengo que escribir cadenas. Y punto de cuerda. Aquí solo encuentro la longitud de mi cuerda también. ¿ De acuerdo? Y también puedes escribir registro de consola. Y aquí tienes el tipo correcto de, También puedes encontrar el tipo de tu palabra clave, tipo de tu variable así con la ayuda de este tipo de palabra clave. Entonces aquí se puede ver que tenemos un error aquí mismo que está en longitud, es longitud de punto de cadena aquí. Y solo comprobemos el error. El error aquí está aquí defino String mayúscula. Vamos a ejecutar de nuevo este código. Entonces puedes ver aquí en primer lugar, tenemos que conseguir las plantillas retro, luego la longitud de este literal aquí es de 1027. Y entonces aquí tenemos, correcto, tenemos que conseguir el tipo es string. Aquí, ¿por qué usamos los literales de plantilla? Supongamos que aquí solo estoy creando clave, solo estoy creando una variable. El variable aquí es una cadena, uno, que es igual a aquí es correcto. Yo solo escribo, supongamos aquí. Si tan solo defino esta comilla aquí, así se puede ver aquí yo dentro de aquí. Entonces cuando acabo de definir esto, para que puedas ver aquí esto no es tomar como las comillas en tu cadena. Cordillas comprueban con un literal de cadena. Entonces tu plantilla literal, así que estamos justo aquí, y aquí está, la plantilla ES correcta que esta es una plantilla literales. Y ahora aquí tengo escribir console.log. Y el archivo de registro aquí es que tengo que escribir que esta es una cadena número uno. Ok, vamos a ejecutar este código ahora mismo. Para que se pueda ver aquí, esto es de gira se viene con aquí. Y aquí puedes ver que esta es una comilla bien dentro de tu cadena. Esperemos que entiendas ahora que cómo puedes ejecutar tu ejemplo con literal de plantilla en el Java escapó. Entonces este es nuestro ejemplo de hoy. Si encuentra alguno del problema con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 71. Parámetros de función defecto de ES6: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar del parámetro de la función por defecto en el java es webbed ES6. Por lo que aquí verás que cómo podemos manejar el parámetro de nuestra función predeterminada. Aquí solo estoy creando una función, función que es hola. De acuerdo, así que dentro de la etiqueta de guión, solo estoy declarando la función. Y la función aquí es Hola. Esta es una función, la función es hola. Y yo solo ejecuto esto. ¿De acuerdo? Ahora aquí se puede ver que sólo estoy pausando podómetro como el mensaje. Y aquí puedes ver que estoy asignando el valor a este valor es Hola. Yo soy función. Ahora, como pueden ver aquí, estoy llamando consola. Archivo de registro de puntos de la consola aquí está, solo estoy ejecutando este parámetro aquí, que es el mensaje aquí. Y como pueden ver aquí, solo estoy ejecutando esta función, o estoy llamando a esta función aquí mismo. Entonces el valor predeterminado del parámetro de mensaje aquí es que puedes ver que esto está dentro de la función hola y el valor de la función aquí es Hola, soy función. En JavaScript, los parámetros de la función permiten inicializar el nombre podómetro con un valor predeterminado. Y si no se pasa ningún valor o un indefinido a un legado de funciones, ¿cuál es la salida del mismo? Y aquí se puede ver que sólo voy a la inspect mas y consola aquí. Por lo que puedes ver aquí, este es el valor de la función. Aquí. Te ayuda a entender ahora que ¿cuál es el parámetro de la función predeterminada en este ES6 en JavaScript? Si encuentra algún otro problema con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 72. Funciones de flecha de ES6: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar de la función de flecha en el JavaScript. Las funciones de flecha se introdujeron con ES6 como un nuevo conjunto enviado despega escritura función JavaScript. Este desarrollador CVS veces y simplificar la función es alcance. Aquí te diré que ¿cuáles son las funciones de flecha? A las funciones de flecha también se les llama la flecha gorda de que se puede, si se utiliza el café se recorta como el lenguaje trans compilado. Entonces r, estos son el científico más conciso off escribiendo la expresión de función y utilizan un nuevo token, que se deja suponer que es igual y mayor que signo guión parece una flecha gorda. Aquí se puede ver lo que es igual y mayor que signo. ¿ De acuerdo? Por lo que las funciones de flecha de función son anónimas y eso ha cambiado la forma en que esto detrás de esto se une en función. ¿De acuerdo? Por lo que las funciones de flecha expresión es científicamente compacto icono naturaleza a las funciones regulares expresiones a través de sin está en el enlace a la, este argumento y super palabras clave, nuevas palabras clave objetivo puerta. Por lo que las funciones de flecha, las expresiones se sitúan como el método y no se pueden utilizar como constructor. Vamos a revisar sobre el ejemplo de la función de flecha y veremos que cómo podemos usar esto. Por lo que acabo de escribir una etiqueta de guión aquí. Y dentro de esta etiqueta de guión, solo estoy escribiendo la constante como la palabra clave, que es para declarar aquí la variable. Entonces supongamos que solo estoy escribiendo materiales constantes, que es igual a que solo defino el material aquí. Tan constante significa que el valor no puede estar cambiando bien, ¿de acuerdo? Ahora aquí puedes ver que los materiales aquí son en primer lugar, solo estoy escribiendo los materiales del auto. Ok. Entonces aquí puedes ver que, como puedes ver aquí, solo estoy creando una matriz. Entonces esto está dentro de los corchetes aquí. Entonces aquí se puede ver que sólo estoy escribiendo el material del camión. Entonces ofrece estos cabellos. Se puede ver que tengo derecho, ese material llano. Entonces aquí se puede ver que en el último pelo lo probé. Supongamos materiales de ciclo. Entonces como pueden ver aquí, solo estoy definiendo algunos tipos de AD está aquí. Y ahora aquí se puede ver que sólo estoy consiguiendo la longitud de la misma. Por lo que puedes ver aquí solo estoy definiendo console.log. Y aquí se puede ver que tengo material derivado, material Durham solo usando mapa lo. Y entonces aquí se puede ver que tenía material de escritura que es igual y mayor que signo, que es un signo de función de flecha aquí. Espero que así lo consigas. Ahora aquí puedes ver ese punto material Loc, lo siento, Punto material aquí está definido o dobladillos consiguiendo la longitud de estos recintos aquí. Legis comprueba la salida esperada para este acorde. Donde se puede ver aquí ES correcto, acabo de ejecutar esto en Google Chrome y luego aquí consola. Entonces se puede ver aquí el aire es tamaño aquí es cuatro, y luego el primer valor Cuaresma aquí es 13151515 aquí. Entonces puedes ver aquí este es un prototipo de una matriz aquí. Ok, esperemos que lo entiendas ahora. Entonces, ¿dónde usamos la función de flecha? Entonces esto está aquí, función de flecha, que es una flecha gorda aquí. Si encuentras que conocía el problema con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 73. clases de ES6: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar de las clases en ES6. La orientación a objetos es un software desarrollado en Paradise Grom que ha seguido el modelado del mundo real. Orientaciones de objetos consideran un programa como las colecciones de los objetos que se comunican entre sí a través del mecanismo de los métodos. Es6 soporta estos componentes orientados a objetos a donde se tiene que definir el objeto, donde se tiene que definir este comportamiento e identidad de estado. Entonces hay que declarar las clases también, donde una clase en el término de orientada a objetos con programación orientada a objetos, que es un blueprint para crear el objeto y una clase encapsulan los datos para el objeto, entonces tienes que usar los métodos también. También puedes usar constructor y función también. Por lo que el constructor es responsable de asignar la memoria para un objeto en la clase y las funciones son representan la acción del objeto puede tomar. Tomemos el ejemplo de crear una clase y crear el objeto a ella en el ES6. Aquí puedes ver que vamos a crear una clase. La clase aquí es que solo creo una clase de polígono. Estamos, hay que ver que en primer lugar, solo estoy creando el constructor. Entonces como solo te digo que el constructor aquí para asignar la memoria, donde tengo que definir la altura variable. Y el mojado. Aquí sólo escribo esta altura de punto, que es igual a SI derecha, que esto es una altura aquí. Entonces aquí después de esto, solo estoy usando este punto W. Así que W es para mojado, y aquí tuve que definir la amplitud de eso. Ahora aquí debería definir la prueba. Entonces solo estoy probando estas condiciones que controlaban o registraban. Y el log aquí es i está definido, esto es altura del polígono. Y entonces aquí has visto que tenía razón, este borde de punto. ¿ De acuerdo? Ahora aquí se puede ver que tenía que definir húmedo y húmedo del polígono. Y aquí está definido yo punto w aquí, lo siento, este punto w aquí. Ahora aquí estoy disputando la instancia de la clase aquí donde se puede ver que el cabello está teñido OBJ Pauli, ok, donde se puede ver este objeto aquí y aquí está un nuevo. Y nuevo. Aquí hay un polígono está dentro de un nombre de clase. Y entonces aquí defino la altura que es 20 y donde cuál es igual a 250 aquí. ¿ De acuerdo? Ahora aquí se puede ver que tengo derecho OBJ, OBJ polly dot aquí. Solo estoy ejecutando la función de prueba aquí. Entonces en este ejemplo, han visto que estamos creando una clase que es un polígono. Y el constructor de la clase toma aquí dos argumentos, que es la altura y veterinario, que respetuosamente respetan v. Vale, así que aquí se puede ver que acabo de usar esta palabra clave. Por lo que estas palabras clave se refiere a la instancia actual de la clase que es ocultar y luego la húmeda. En otra palabra constructor aquí se inicializan dos variables, que es h y w, con el valor de los parámetros pasado al constructor. Aquí puedes ver que solo estoy ejecutando las funciones de prueba en la clase, que imprime el valor de la altura y el ancho. ¿ De acuerdo? Hacer que los guiones funcionen. El objeto de la clase aquí se crea en este objeto mal. Entonces aquí se puede ver que eso se refiere a una variable aquí y aquí estoy disputando el objeto. De acuerdo, vamos a comprobar la salida para esto. Y se puede ver aquí, sólo voy a inspeccionar más y consola. Por lo que se puede ver aquí la altura del polígono es de 20 y el ancho del polígono aquí es de 50. Es así como puedes declarar tus clases en ES6. Espero así que entiendas ahora si no entiendes el punto aquí mismo, por favor házmelo saber y gracias por ver esta conferencia. 74. Los parámetros de el resto del resto: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia aprenderás a usar podómetro de descanso Javascript para reunir el parámetro y ponerlos en todos en árabe. Cómo ES6 proporciona un nuevo tipo de parámetros. Por lo que tarjeta, podómetro, detener podómetro que tiene un prefijo de tres puntos. El resto podómetros permiten representar un número indefinido de argumentos como un eddie. ¿ Cómo se puede ver eso? Supongamos que esto es un dentro de esta etiqueta de guión. Solo estoy creando una función. El funcion aqui es, puedes ver que esta es una funcion y aqui I Stride parámetro a, b. Y aqui puedes ver que acabo de escribir tres puntos donde solo te digo. Y entonces aquí solo defino argumentos en ella. Por lo que último argumento podómetros se prefija con tres puntos, que se llama podómetro de descanso. Todos los argumentos que publiques en las funciones se mapearán a una lista de podómetro en el texto enviado aquí puedes ver. Y el primer argumento está mapeado a a, y el segundo argumento está mapeado a B. Y el tercero, cuarto, etc, será tan arrancado en el parámetro resto, que es argumento, ¿de acuerdo? Como edición. Aquí puedes ver que solo estoy corriendo ejemplo. ¿ Ustedes chicos, estamos aquí. Se puede ver que esta es una función. Y aquí se puede ver que esto es un argumento. Ok. Y ahora aquí se puede ver que sólo estoy obteniendo el valor de retorno de los argumentos. Aquí hay argumentos. Sólo estoy definiendo el rojo Reducir. Entonces como puedes ver aquí, que solo estoy definiendo el podómetro resto aquí. Ahora aquí sólo escribo que esto es vista previa o pelo. Tiene razón en que esto es anterior. Y luego aquí, después de esto puedes ver solo estoy definiendo el parámetro como el actual aquí. ¿ De acuerdo? Donde acabo de definir esta función de flecha. Y ahora aquí se puede ver que tengo que definir valor de retorno. Y el valor de retorno aquí es anterior más corte. ¿ De acuerdo? Y yo tenía dos núcleos más cercanos aquí. Ahora aquí puedes ver sus ojos definir valor de corte, consolado o log. Donde En primer lugar escuché definir el nombre de la función o tengo que llamar al nombre de la función donde solo sumo estos valores que estamos, se puede ver que Harris, correcto, 1234. Y después de este pelo, se puede ver que tengo consola derecha y archivo console.log aquí es que tengo que definir la función. Tengo que llamar a la función. Somos hielo, ¿verdad? 12456. Está bien, y aquí tengo que cerrar el marcador. Ahora. Solo estoy ejecutando esto en el navegador. Por lo que puedes ver aquí inspeccionar Consola. Entonces primero valor aquí es diez y luego 18. Entonces diez aquí es 236 y esto son diez. Y entonces aquí se puede ver ese salmón. Y aquí se puede ver el 1313 más seis. Aquí está, se puede ver que el valor aquí es 18. Ok? Este es nuestro podómetro de descanso en JavaScript ES6. Ojalá lo entiendas ahora, si no entiendes nada de la planta aquí mismo en esta conferencia, por favor avísame. Y gracias por ver esta conferencia. 75. El operador de propagación: Oigan chicos, bienvenidos a esta conferencia. En esta conferencia aprenderás sobre el JavaScript es bonito operador que se extiende los elementos de un objeto iterable. Es6 proporciona un nuevo operador, que es tarjeta se juega operador que consiste tres puntos como parecen podómetros de descanso. Por lo que dividen operadores permiten dividir el elemento esperanza y objetos giratorios como un conjunto de agregar un mapa, etc. Aquí los puedes ver. Y a medida que encuentras esta etiqueta de script, y dentro de esta etiqueta de script, solo estoy definiendo la constante como una palabra clave o algo así. Por lo que acabo de probar constante o que es igual a aquí, m está definiendo la adición allá. Supongamos de uno a cinco, perdón, una coma dos coma cinco. Ok. Entonces aquí, así que una coma tres, coma phi porque estamos aquí, solo estoy creando el número de orden Eddie. Y aquí salmón también. De acuerdo, ahora aquí se puede ver que tengo constante derecha. Y la constante aquí es que me acabo de definir una otra variable que se combina y la combinada que es igual a aquí, es correcto que esto es, supongamos 2468. Y aquí se puede ver que solo estoy definiendo el operador de red donde tuve que redefinir tres puntos seno. Y entonces aquí tengo escribir o así r es mi variable aquí. Aquí tengo que escribir consola, archivo console.log, donde se puede ver que aquí sólo estoy ejecutando este valor combinado. Ok. Esta es mi variable aquí. Entonces revisemos esta salida en el navegador e inspeccionemos Consola. Y aquí se puede ver que Eris tiene ocho. Entonces aquí se puede ver que acabo de combinar estos dos valor sin constante. Entonces 2468123 y celular o un valor parejo aquí, ¿de acuerdo? Ahora aquí en este ejemplo se ha visto que el foco principal aquí es, es operador pagado, donde el operador de giro se encuentra en el área 4d aquí, donde se puede ver que estos son los letreros de $3 y el operador de tira es desempacar el elemento de una matriz aquí. ¿ De acuerdo? Por lo que también utilizamos estos tres puntos ciencia para los parámetros del resto también. Pero los podómetros Dreze están usando como los argumentos en tu función. Pero aquí se puede ver que estamos usando esto como operador aquí. Ojalá consigas eso. Si encuentra alguno del problema con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 76. Proyecto de estructuración de es6 estructuración de es6: Oigan chicos, bienvenidos a esta conferencia. En esta conferencia vamos a hablar de interrumpir la asignación en JavaScript. Las asignaciones perturbadoras le permiten asignar las propiedades de una matriz u objeto a la variable utilizando la frase que tiene un aspecto similar a los literales de matriz u objeto. Desestructurar asignaciones es una característica más cool Que viene junto con ES6. Interrumpiendo asignaciones es un Java son expresiones que permiten desempaquetar el valor de las áreas o propiedades de los objetos en la variable distinta. Es decir, podemos extraer los datos de array y objetos y asignarlos a una variables. Mira pregunta por qué, por qué es necesario usar asignaciones destructoras. Veamos, imagínense v0, v1 para extraer datos de LA. Entonces cómo se hará esto, ya estudiaste la matriz. Ahora aquí puedes ver que solo estoy creando una variable. Variable aquí es, se puede ver estoy estriding variable intro, que es igual a, sólo estoy atornillando la flecha aireando. Tan muy sitio alto. Aquí escribo i. Entonces aquí escribo yo m. Y aquí se puede ver allá solo estoy creando otra variable, lo siento, bajo matriz indexada aquí y aquí está, correcto, ese programador de alta funky. ¿ De acuerdo? Entonces aquí como puedes ver, solo estoy creando la matriz. Y entonces aquí se puede ver que estoy distribuyendo la variable. Variable aquí está estoy escribiendo esta es una variable para el saludo. Y entonces aquí soy discreto consiguiendo este Adi, y solo quiero imprimir la vía aérea en el índice número 0. Igual es el caso como aquí. Yo solo, solo quiero imprimir, supongamos que el nombre y el nombre aquí es, solo quiero imprimir el nombre de ese funky aquí. Por lo que puedes ver aquí, solo quiero imprimir, lo siento, 0123. Y así sólo quería imprimir este índice número tres aquí, que es mi nombre. Ok. Entonces aquí como pueden ver que acabo de llegar a indexar valores aquí, que es 03. Ok? Por lo que d rho 0 es alto. La entrada aquí es funky. ¿ De acuerdo? Esta es una zona normal, lo que estoy describiendo aquí, está bien. Ahora aquí se puede ver que estoy meses rectos soul console.log. Y luego aquí primero solo estoy imprimiendo este saludo variable. Y luego aquí después de esto, tengo que imprimir este nombre de variable. Y aquí se puede ver que sólo quiero imprimir el nombre aquí. De acuerdo, ahora aquí puedes ver que estoy ejecutando este programa e ir a la consola. Y aquí se puede ver. Normalmente nos imprimirá el índice 0 y el índice número tres, que es nuestro funky aquí. Entonces podemos ver que cuando queremos extraer los datos de array, tuvimos que hacer lo mismo una y otra vez significa si quieres obtener el valor de índice número 0, así que tenemos que obtener el valor 0000 una y otra vez. Por lo que las asignaciones destructoras de ES6 facilitan la extracción de los datos. ¿ Cómo hacer esto? Entonces, sólo veamos ahora. Ahora aquí solo estoy ejecutando ejemplo eliminando un ejemplo básico sobre esta perturbadora asignaciones destructoras. Ahora aquí se puede ver que yo cisne para imprimir el guión. Ahora aquí, sólo consigo esta era aquí. Por lo que puedes ver aquí este es mi agregación. Ahora aquí solo estoy creando la variable. Variable. Aquí está en primer lugar, se puede ver que solo estoy borrando la variable aquí. En primer lugar, esta es la variable para saludo. Y luego aquí, si quieres conseguir el nombre, tan sencillo, tienes que escribir el nombre aquí. Entonces cuál es igual a Harris, ¿verdad? Intro. Espera que consigas eso. Ahora aquí tengo consola de escritura, archivo de registro de consola. Y luego aquí después de esto, solo consigo saludo. Perdón, aquí sólo consigo saludo. Y luego aquí voy a conseguir Consola y console.log. Y log aquí es que tengo que conseguir el nombre de eso. O aquí puedes ver que ya recibimos el nombre. Entonces aquí estoy escribiendo eso. Juré imprimir el pronombre. Y aquí puedes ver que el pronombre aquí, vale, ahora aquí puedes ver tus ojos ir al navegador y refrescar esto. Entonces puedes ver aquí política que me imprimirá leyendo mensaje que es alto, y entonces eso me imprimirá el pronombre, que es yo aquí. Ok? Entonces como puedes ver aquí, que cómo podemos asignar un básico es trucked destruction basico, ¿de acuerdo? Ahora, puedes ver que como solo estoy declarando una variable con esto, vale, ahora aquí puedes ver que esta es una etiqueta de script. Ahora aquí solo estoy copiando esto e imprimiendo aquí. Entonces aquí me limito a quitar este aire es valores y aquí se puede ver. Entonces esta es mi variable aquí donde solo estoy creando, que es saludo y el pronombre. Espera que consigas eso. Ahora aquí con la ayuda de estas variables. Por lo que solo asigno las variables a estos array. Entonces como pueden ver aquí, que esto es saludo y el pronombre aquí. Ahora que es igual a hola, soy programador funky. Y aparentemente solo quieres llegar aquí. Entonces como pueden ver, sólo lo reformulo para que puedan ver aquí difusa que va a imprimir hola, y luego escucho, ojalá se consiga eso cómo podemos usar o cómo podemos asignar las variables antes, cómo podemos declarar las variables antes de asignar. Ahora aquí puedes notar que unas variables se establecen de izquierda a derecha, como puedes ver aquí. Entonces la primera variable obtiene el primer elemento en la matriz y la segunda variables obtiene la Segunda Variables en la matriz y así sucesivamente. Si quieres imprimir algo del otro valor como I, M, Y entonces aquí tienes que crear otra variable. Ok? Entonces así es como podemos declarar las variables antes de la asignación en método destructor. Ok, ojalá consigas eso y tu concepto sea mucho más claro hoy sobre este tema, que está interrumpiendo la asignación. Si encuentra alguno del problema con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 77. Proyecto de estructuración de es6 estructuración 2 2: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar de los generadores de script java. El generador de scripts java o las funciones del generador son una de las características menos conocidas de los scripts de Ekman. Es cuál es el ES6. Pueden parecer un poco extraños. En esta conferencia, te diré que cómo puedes usarlo. Entonces ahora se puede ver lo que nuestro generador, generador se sienta en algún lugar entre yo traidores y funciones. El funcionamiento de las funciones normales es muy sencillo. Cuando invoques una función, regresará hasta que finalice. Ejecutará todo el código dentro de él o hasta que encuentre la declaración de retorno. Yo trabajo de Twitter de manera similar. ¿ Cómo vamos a tomar el ejemplo del bucle for e imaginar que tienes una matriz con algunos datos o quieres usar for loop do I trade o it, cuando el bucle for it start, volverá, se ejecutará el Until, se ejecutará hasta que se detuvo por las condiciones que lo especifiques. O identificará que esto es lo distingue entre el script java I traidores de las funciones y yo traidores. Lo sentimos, los generadores de script java de las funciones. Y la primera diferencia es que el generador no ejecutará su código cuando los involucres. En cambio, regresarán es objeto PESTLE, que se llama generador. La segunda diferencia es que a diferencia de un bucle, no obtendrás todo el valor a la vez. Cuando utilizas Generador instalado, obtienes cada valor solo si quieres hit esperanzas de obtener eso. Conoce cuáles son las ventajas del generador y por qué las usamos. Se trata de un modelo de evoluciones que retrasa la evolución de una expresión hasta que se necesita su valor. El generador, nuestra memoria eficiente y es como identificar el área de repetición y las técnicas de generación son identificadores. ¿ De acuerdo? Ahora aquí, se puede ver que aquí vamos a ejecutar ejemplos en el generador aquí. Entonces primer ejemplo aquí es que acabo de ejecutar un ejemplo de función regular primero para ustedes chicos. Para su mejor comprensión. Aquí, se puede ver que tenía que escribir función que es ABC. Y entonces aquí se puede ver que tengo que escribir eso. Supongamos que esto es consola y console.log aquí está tengo escribir que este es I. Entonces aquí se puede ver ese hielo alto, ¿verdad? Yo, entonces aquí escribo M programador funky. ¿ De acuerdo? Ahora aquí se puede ver que este es el nombre de la función que es ABC. Y aquí se puede ver que estos son algunos de los valores que acabo de asignar aquí. Y aquí se puede ver que tengo que escribir que esto es ABC y yo estaba llamando a esta función aquí. Ahora aquí puedes ver que acabo de ejecutar esto en el navegador. Y se pueden ver aquí los valores resultantes, que es Hola, soy programador funky. Esta es una funciones normales. lo que ya estudiamos. Ahora aquí se puede ver eso como podemos. Convertir una funciones regulares al generador de funciones o al generador. Aquí. Se puede ver que personalmente solo estoy escribiendo la estática a ella, que es Tarik ABC o aquí se puede ver que es Tarik generar. Entonces lo consigues. Entonces como puedes ver aquí ahora, nuestro nombre de función es generar, o si quieres escribir a, b, c, dos, esto depende de ti. Ahora aquí, se puede ver que tengo que escribir el registro de puntos de consola. Aquí se puede ver que tengo que escribir eso. Esto es que tengo que escribir esto esta en caminó y caminó sus ojos, ¿verdad? Esta es la primera vez. Por lo que sólo quiero involucrar esta función. Y entonces aquí se puede ver que tengo que escribir esto en caminata segunda vez. Ok? Ahora aquí se puede ver que tengo derecho? Y como palabra clave. De acuerdo, sin embargo como palabra clave, OK, primera vez. Y entonces aquí se puede ver que tengo derecho, gritó y gritó para agregar el segundo bronceado. Entonces en Primero, ustedes han visto que nos mantuvimos a la derecha es tomar primero con la palabra clave de función, como se puede ver aquí, a hacer de esta función como generador. Entonces es estático. Static dona que funciones de tasa de agenda o esto es ahora, esto ahora no es una función normal aquí. ¿ De acuerdo? En la segunda declaración, usted ha visto que tenemos derecho todavía sentencias vis devolver un valor y pausar la ejecución de la función. Esperemos que consigas eso, que cómo podemos usar declaraciones de gritos, ¿de acuerdo? Una vez más, voy a explicar estas declaraciones de gritos. Entonces como puedes ver, esto gritó, Aquí está una palabra clave. Es un poco como retorno pero no devuelto. Simplemente la deuda regresará después de una llamada de funciones y no le permitirá hacer nada después de devolver esta declaración. De acuerdo, ahora aquí puedes ver que tengo que ejecutar este código aquí. Y aquí se puede ver que nuestro, lo siento, sí, está bien. Aquí tenemos un poco de error donde tenemos, se puede ver que aquí tenemos el ABC correcto, ok. Y aquí tengo que escribir let lead gen, que es igual a aquí, es correcto, generar. Entonces como pueden ver aquí, sólo estoy consiguiendo un generador aquí. Y así aquí estoy solo, solo invoco el generador aquí, pasta, has visto nada en la consola como puedes ver aquí si solo ejecuto esto. Entonces puedes ver aquí, de acuerdo. Y después de esto, se puede ver aquí, estoy justo en lo cierto. Acabo de probar consola, console.log y log aquí es solo imprimo generador aquí. Ahora solo refresca. Entonces aquí se puede ver que el generador aquí está suspendido, bien, cuando solo haga clic en eso. Por lo que se puede ver aquí que el estado del generador está suspendido. Y aquí se puede ver que se trata de un receptor de función. Y los alcances aquí son tres. Este es un ejemplo de lo que creamos en los contabilidad del generador hablando de los más ejemplos en el generador aquí, donde se puede ver que tengo razón scape, Lo siento, etiqueta de guión. Donde se puede ver que aquí tuve la función correcta. Y la función aquí es, es agotadora. Caso similar como nuestro ejemplo aquí ES correcto, abc. De acuerdo, Ahora aquí escribo let. Dejemos aquí el índice en 0. Ahora aquí se puede ver que tengo que escribir while loop. Si bien bucle aquí es la declaración. Si la declaración aquí es verdadera, significa que el 0, por lo que simplemente tienes que escribir todavía como palabra clave. Y entonces aquí tengo el índice e índice derecho plus, plus , que es mi operador de incrementos. ¿ De acuerdo? Entonces esto es, este será mi operador de incrementos aquí. Ahora, después de esto se puede ver aquí tengo escribir let F, que es igual a, aquí tengo escribir que esto es abc. Entonces este es un objeto donde estoy declarando aquí. Entonces esto es supongamos nuestra variable y luego aquí solo estoy llamando a la función. Ok, ahora para esto aquí tengo que escribir archivo consolado o log donde tengo escribir f punto siguiente valor, lo siento, f punto siguiente valor. ¿ De acuerdo? Por lo que este es F punto siguiente valor. Y entonces aquí tengo que cerrar esto. Entonces mi siguiente que escuches, siguiente quemarte el cabello se esperará resultado como 0, luego aquí uno, luego dos. De acuerdo, puedes ver aquí. Ahora aquí, ve al navegador, refresca esto. Entonces aquí se puede ver que el valor aquí es 0 que valor falso uno luego cae, valor2 luego cae. Entonces aquí tenemos tres valores e índice y, se trata de dos valores, como se puede ver aquí. Entonces así es como puedes ver que aquí vamos a imprimir nuestros generadores. Esperemos que consigas eso, que lo que es un generador y cómo usamos, y ¿cuál es el beneficio de muchos pie de fila de la misma? Si encuentra alguno del problema con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 78. Generadores de ES6: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar de los generadores de script java. El generador de scripts java o las funciones del generador son una de las características menos conocidas de los scripts de Ekman. Es cuál es el ES6. Pueden parecer un poco extraños. En esta conferencia, te diré que cómo puedes usarlo. Entonces ahora se puede ver lo que nuestro generador, generador se sienta en algún lugar entre yo traidores y funciones. El funcionamiento de las funciones normales es muy sencillo. Cuando invoques una función, regresará hasta que finalice. Ejecutará todo el código dentro de él o hasta que encuentre la declaración de retorno. Yo trabajo de Twitter de manera similar. ¿ Cómo vamos a tomar el ejemplo del bucle for e imaginar que tienes una matriz con algunos datos o quieres usar for loop do I trade o it, cuando el bucle for it start, volverá, se ejecutará el Until, se ejecutará hasta que se detuvo por las condiciones que lo especifiques. O identificará que esto es lo distingue entre el script java I traidores de las funciones y yo traidores. Lo sentimos, los generadores de script java de las funciones. Y la primera diferencia es que el generador no ejecutará su código cuando los involucres. En cambio, regresarán es objeto PESTLE, que se llama generador. La segunda diferencia es que a diferencia de un bucle, no obtendrás todo el valor a la vez. Cuando utilizas Generador instalado, obtienes cada valor solo si quieres hit esperanzas que obtienes eso. Conoce cuáles son las ventajas del generador y por qué las usamos. Se trata de un modelo de evoluciones que retrasa la evolución de una expresión hasta que se necesita su valor. El generador, nuestra memoria eficiente y es como identificar el área de repetición y las técnicas de generación son identificadores. ¿ De acuerdo? Ahora aquí, se puede ver que aquí vamos a ejecutar ejemplos en el generador aquí. Entonces primer ejemplo aquí es que acabo de ejecutar un ejemplo de función regular primero para ustedes chicos. Para su mejor comprensión. Aquí, se puede ver que tenía que escribir función que es ABC. Y entonces aquí se puede ver que tengo que escribir eso. Supongamos que esto es consola y console.log aquí está tengo escribir que este es I. Entonces aquí se puede ver ese hielo alto, ¿verdad? Yo, entonces aquí escribo M programador funky. ¿ De acuerdo? Ahora aquí se puede ver que este es el nombre de la función que es ABC. Y aquí se puede ver que estos son algunos de los valores que acabo de asignar aquí. Y aquí se puede ver que tengo que escribir que esto es ABC y yo estaba llamando a esta función aquí. Ahora aquí puedes ver que acabo de ejecutar esto en el navegador. Y se pueden ver aquí los valores resultantes, que es Hola, soy programador funky. Esta es una funciones normales. lo que ya estudiamos. Ahora aquí se puede ver eso como podemos. Convertir una funciones regulares al generador de funciones o al generador. Aquí. Se puede ver que personalmente solo estoy escribiendo la estática a ella, que es Tarik ABC o aquí se puede ver que es Tarik generar ayuda a conseguir eso. Entonces como puedes ver aquí ahora, nuestro nombre de función es generar, o si quieres escribir a, b, c, dos, esto depende de ti. Ahora aquí, se puede ver que tengo que escribir el registro de puntos de consola. Aquí se puede ver que tengo que escribir eso. Esto es que tengo que escribir esto esta en caminó y caminó sus ojos, ¿verdad? Esta es la primera vez. Por lo que sólo quiero involucrar esta función. Y entonces aquí se puede ver que tengo que escribir esto en caminata segunda vez. Ok? Ahora aquí se puede ver que tengo derecho? Y como palabra clave. De acuerdo, sin embargo como palabra clave, OK, primera vez. Y entonces aquí se puede ver que tengo derecho, gritó y gritó para agregar el segundo bronceado. Entonces en Primero, ustedes han visto que nos mantuvimos a la derecha es tomar primero con la palabra clave de función, como se puede ver aquí, a hacer de esta función como generador. Entonces es género tadic, estética dona que la tarifa de agenda funciona o esto es ahora, esto ahora no es una función normal aquí. ¿ De acuerdo? En segunda declaración, usted ha visto que tenemos justo todavía declaraciones vis devolver un valor y pausar la ejecución de la función ayuda a conseguir eso, que cómo podemos usar declaraciones de gritar, ¿de acuerdo? Una vez más, voy a explicar estas declaraciones de gritos. Entonces como puedes ver, esto gritó, Aquí está una palabra clave. Es un poco como retorno pero no devuelto. Simplemente la deuda regresará después de una llamada de funciones y no le permitirá hacer nada después de devolver esta declaración. De acuerdo, ahora aquí puedes ver que tengo que ejecutar este código aquí. Y aquí se puede ver que nuestro, lo siento, sí, está bien. Aquí tenemos un poco de error donde tenemos, se puede ver que aquí tenemos el ABC correcto, ok. Y aquí tengo que escribir let lead gen, que es igual a aquí, es correcto, generar. Entonces como pueden ver aquí, sólo estoy consiguiendo un generador aquí. Y así aquí estoy solo, solo invoco el generador aquí, pasta, has visto nada en la consola como puedes ver aquí si solo ejecuto esto. Entonces puedes ver aquí, de acuerdo. Y después de esto, se puede ver aquí, estoy justo en lo cierto. Acabo de probar consola, console.log y log aquí es solo imprimo generador aquí. Ahora solo refresca. Entonces aquí se puede ver que el generador aquí está suspendido, bien, cuando solo haga clic en eso. Por lo que se puede ver aquí que el estado del generador está suspendido. Y aquí se puede ver que se trata de un receptor de función. Y los alcances aquí son tres. Entonces este es un ejemplo de lo que creamos en los contabilidad del generador hablando de los más ejemplos en el generador aquí, donde se puede ver que tengo razón scape, Lo siento, etiqueta de guión. Donde se puede ver que aquí tuve la función correcta. Y la función aquí es, es agotadora. Caso similar como nuestro ejemplo aquí ES correcto, abc. De acuerdo, Ahora aquí escribo let. Dejemos aquí el índice en 0. Ahora aquí se puede ver que tengo que escribir while loop. Si bien bucle aquí es la declaración. Si la declaración aquí es verdadera, significa que el 0, por lo que tienes que simplemente escribir gritó como palabra clave. Y entonces aquí tengo el índice correcto y el índice es plus, plus, que es mi operador de incrementos. ¿ De acuerdo? Entonces esto es, este será mi operador de incrementos aquí. Ahora, después de esto se puede ver aquí tengo escribir let F, que es igual a aquí tengo escribir que esto es abc. Entonces esto es un objeto lámparas que llegan hasta aquí. Entonces esto es supongamos nuestra variable, y entonces aquí solo estoy llamando a la función. Ok, ahora para esto aquí tengo que escribir archivo consolado o log donde tengo escribir f punto siguiente valor, lo siento, f punto siguiente valor. ¿De acuerdo? Por lo que este es F punto siguiente valor. Y entonces aquí tengo que cerrar esto. Entonces mi siguiente que escuches, siguiente quemarte el cabello se esperará resultado como 0, luego aquí uno, luego dos. De acuerdo, puedes ver aquí. Ahora aquí, ve al navegador, refresca esto. Entonces aquí se puede ver que el valor aquí es 0 que valor falso uno luego cae, valor2 luego cae. Entonces aquí tenemos tres valores e índice y, se trata de dos valores, como se puede ver aquí. Entonces así es como se puede ver que aquí vamos a imprimir nuestros generadores. Esperemos que consigas eso, que lo que es un generador y cómo usamos, y ¿cuál es el beneficio de muchos pie de fila de la misma? Si encuentra alguno del problema con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 79. Los generadores son iterable ES6: Oigan chicos, bienvenidos a esta conferencia. En esta conferencia vamos a hablar de que los generadores son hueso helado y objeto es un iterable si define comportamientos de nutriciones como qué valores se looped o en cuatro, constructo. Algunos tipos incorporados como Eddie o mapas cómo se comportan las iteraciones predeterminadas. Si bien otros tipos como un objeto no son para habilitar un objeto debe implementar yo traidor importaba. Eso simplifica. Eso simplemente significa que el objeto o uno de los objetos de sus cadenas prototipo, cadena debe tener una propiedad con un símbolo punto i Turquía. Yo triple objetos es nuestras generalizaciones de agregar. La deuda es un concepto que nos permite hacer cualquier objeto utilizable o utilizable en un for, of loop. De acuerdo, claro, en una escriturable. Pero hay muchos otros objetos incorporados de Belton que son problemas oculares como esperemos que entiendas ahora. Ahora aquí puedes ver allá solo estoy generando o estoy luchando uno de los ejemplos aquí mismo y que tu concepto sea más claro. Entonces como puedes ver, etiqueta de guión. Aquí, tengo función de escritura, función. Simplemente hago que esta función como generador. Por lo que aquí puedes ver que tuve donde genero y genero aquí. Y ahora aquí se puede ver que tenía que escribir que esto se gela como palabra clave, valor número uno, luego aquí cuando el número 23. Entonces como puedes ver, bueno, ya sabes 23 aquí. ¿ De acuerdo? Y aquí puedes ver que empiezo hielo, ¿verdad? Que esto es valor de retorno. Ahora tengo derecho, vamos, vamos aquí es, se puede ver que esto se genera, que es igual a Harris escritor, este es un valor generado. Entonces como puedes ver aquí, esta es una variable aquí. Y ahora aquí se puede ver que tengo derecho for-loop para let value of generate. ¿ De acuerdo? Ahora aquí puedes ver que tengo que imprimir el mensaje de alerta sobre los valores. Entonces eso imprimirá el valor 12, no tres. ¿De acuerdo? Ahora aquí puedes ver que te diré otra cosa aquí mismo, que cómo usamos iteraciones. El iterador de script java es un objeto que se define una secuencia de potencialmente de valor de retorno a esta terminación. Como se puede ver aquí en nuestro último ejemplo que tenemos los valores y hecho los recintos significa que el siguiente valor en la secuencia de iteración con 012 y luego es un verdadero medio denso. Esto es cierto si ya se ha consumido el último valor de la secuencia. Si el valor está presente a lo largo de lado, entonces es el I triple E será devolver los valores aquí. ¿ De acuerdo? Ahora aquí se puede ver allá, sólo vamos a comprobar la salida para esto. Y aquí estaba ejecutando esta salida. Como se puede ver aquí, que este resultado no está ejecutando el resultado aquí. ¿ De acuerdo? Entonces vamos a comprobar ahora de nuevo que lo que nosotros, qué error hicimos aquí. Aquí, hicimos un pequeño error ahí. Queremos conseguir esta variable aquí. De acuerdo, ahora aquí solo estoy refrescando esto. Por lo que puedes ver aquí en primer lugar, obtenemos el mensaje de alerta sobre el valor uno y luego dos. Entonces así es como podemos i comerciable aij i problemas o el generador. Entonces puedes ver aquí para ese propósito solo estoy usando el bucle FOR aquí. Entonces esperemos que entiendas ahora y si encuentras alguno del problema con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 80. Symbol.Iterator: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar del método iterador de punto de símbolo. Symbol dot i traidor es el protocolo que hace objeto nato como Eris set y mapea TI doble la tabla de ítems proporcionando una esperanza en las características del lenguaje como para bucles. Y hay operador de spread. Aquí. Sólo estoy ejecutando los ejemplos. ¿ Ustedes chicos donde vamos a comprobar que cómo usamos el método iterador de símbolo Lord. Simplemente uso let range. Entonces rango aquí es la función. ¿ De acuerdo? Entonces, ¿por qué usamos la función de rango? Y la función de rango es una funciones que básicamente toman un índice inicial y final que se devuelve una lista de todos los enteros de principio a fin. Aquí huelga de la, de media el valor que vamos a empezar. Entonces me zancé uno. Y entonces aquí tengo razón también. Por lo que sólo escribo el valor diez aquí. ¿ De acuerdo? Entonces, en lugar de la función de rango, también tienes que usar for loop también. ¿ De acuerdo? Ahora aquí se puede ver que sólo estoy usando generador luego aquí usando el método iterador de punto símbolo y símbolo. ¿ De acuerdo? Después de esto aquí, solo estoy usando 44 let value, que es igual a aquí, digo este punto de. Y entonces aquí hay que ver que tengo derecho, que un valor y valor que es menor o igual a. Entonces esto es bastante cura. Y aquí está este punto dos. Como se puede ver aquí, cito si el valor de esta puerta de es igual a n valor que es menor o igual a este punto t2. Entonces simplemente tenías el valor correcto plus, además, ¿de acuerdo? Y entonces aquí se puede ver que tengo esquina azul más cercana. ¿ De acuerdo? Ahora aquí se puede ver, así que para plomo. Ahora aquí, después de esto tengo escribir que esto se grita como la palabra clave. Y gritó aquí es que sólo estoy cediendo el valor aquí. Puntuación más cercana muestra el mensaje de alerta, donde tengo que escribir primero paréntesis. Entonces aquí tengo escribir que este es un letrero de corchete y aquí solo imprimo la gama aquí. De acuerdo, es palabra clave spread. Entonces, comprobemos cuáles son los valores esperados aquí mismo. Y acabo de ejecutar este acorde. Entonces puedes ver aquí mi disfunción no está funcionando legis comprobar el átomo ahora. Entonces tenemos aquí algunos tipos de estaca, que son tres puntos. Y esto es de, Vale, ahora solo ejecuto este código aquí. Entonces puedes ver aquí que me dará el rango de uno a diez valores aquí. Este método iterador de punto símbolo. Entonces como se puede ver que el símbolo punto i Twitter es un protocolo que hace objeto a la OTAN como Eddie. Y eso decía Editar, conjuntos y mapa. Y este es el i tratable al proporcionar una esperanza en nuestras características de lenguaje como for-loop y spirit operator. Por lo que aquí se puede ver sus ojos utiliza operador rezado. Este es el bucle for y aquí este es un rango donde definimos el rango uno a diez. Entonces se obtiene eso entonces cómo podemos trabajar con símbolo Señor, yo método iterador. Si encuentra alguno del problema con respecto a esta conferencia, por favor házmelo saber y gracias por ver esta conferencia. 81. Lanzador de generador ES6: Oigan chicos, bienvenidos a esta conferencia. En esta conferencia vamos a hablar del método de lanzamiento del generador. El método de lanzamiento del generador se utiliza para pasar un error al rendimiento. El generador reanuda las ejecuciones después de que el lanzamiento haya sido tallado lanzando un error y devolviendo el objeto propiedades FID hechas n valores. Como observamos en un ejemplo como símbolo generador I trade group métodos y generadores son dobles de TI ejemplo. Entonces el out, el código que usamos aquí pasa el valor al generador como el resultado todavía. Pero también puede, yo comercio arroje un error aquí también. Veamos cómo podemos usar la materia de lanzamiento generador en el script java. Aquí escribo etiqueta de guión. Y dentro de esta etiqueta de guión, tengo que escribir eso una función. Acabo de hacer esta función como el generador aquí. Y entonces aquí solo estoy usando la excepción para lanzar un error aquí. Aquí sólo escribo let, resultado y resultado que es igual a aquí, tengo escribir que esto es todavía. Entonces aquí tenía razón, dos más dos que es igual a. Entonces esto es sólo una declaración aquí mismo, que son dos más dos, que es igual a o. otra vez. Ahora aquí solo estoy mostrando el mensaje de alerta. Y el mensaje de alerta aquí es que escuché bien, que la ejecución no llega aquí porque se lanza la excepción. ¿ De acuerdo? Porque estamos lanzando una excepción de tinta separada aquí. Está bien. Ya lo puedes ver. Ahora después de esto, tengo que ir al estado de cuenta de captura y el estado de caja aquí es e. Y entonces aquí tengo que coger la excepción aquí mismo, que es mi variable e ¿Ok? Entonces aquí eso es que esta excepción, catch exception nos mostrará el error. ¿ De acuerdo? Ahora aquí se puede ver que tengo que escribir let. Y dejemos aquí es, se puede ver que tengo generador derecho que es igual a gen como nombre de función. Y ahora aquí se puede ver que tengo derecho? Dejemos aquí tener pregunta correcta, que es igual a Harris, ¿ verdad? Punto generador siguiente. Ok. Aquí se puede ver que tengo punto derecho siguiente valor. Ok. Ahora aquí como puedes ver que este generador donde pasamos al siguiente valor aquí mismo. Ahora aquí, se puede ver que tenía la materia de tiro de punto generador derecho. Por lo que acabo de utilizar la materia de tiro aquí lo que generará un nuevo error aquí. Y como se puede ver y escuchar ES correcto que la respuesta no sea teléfono. Supongamos que decido que la respuesta no se encuentra en mi base de datos o en registro, no se encuentra en mi registro. Y tengo que cerrar este código aquí. Ahora aquí se puede ver que tengo que ejecutar este código que es el método de lanzamiento del generador. Y se puede ver eso aquí. Voy a ir a la consola y puedes ver aquí, vale, como puedes ver aquí, que la VR tonifica un error aquí, pero este mensaje de alerta no nos está mostrando el error alguno. Comprobemos aquí nuestro código. Ahora aquí tenemos un poco de errores que es el siguiente, y esto es enunciado y este punto y coma, lo siento, paréntesis asignados aquí están, lo siento, registro académico, pelo de signo están tras esta cabeza. Volvamos a ejecutar este código. Y pueden ver aquí que nos va a mostrar la época en que esta respuesta no se encuentra en mi expediente aquí. Ok. Entonces como pueden ver aquí que les estamos mostrando un error el cual está remolcando como excepción en el generador, que es, se puede ver aquí en esta línea, que es generador de plomo, que es igual a generador. Y después de esto, eso imprimirá iteraciones Anexo II aquí, bien, aquí como pueden ver que estoy eligiendo una palabra clave grito en este ejemplo con la ayuda de try y Ted, Porque estamos lanzando un adder aquí. Ok. Esperemos que lo entiendas ahora. Entonces este es un generator.me en un JavaScript. Si no entiendes nada de la planta aquí mismo, en cualquier momento, lo cual no te queda claro, por favor házmelo saber y gracias por ver esta conferencia. 82. iteradores de Async ES6 Async: Oigan chicos, bienvenidos a esta conferencia. Y en esta conferencia vamos a hablar de unas sincronizaciones. Yo traidor edad sincronizo traidores me permiten iterar sobre los datos que han llegado asíncramente bajo demanda, como el instante en que descargamos algo trozo por trozo o una Red. Y es sincrónico, los generadores lo hacen más conveniente. Veamos cómo podemos usar un solo traidor yo asincronizado. En esta conferencia. Aquí, se puede ver que tenía que escribir etiqueta de guión. Y dentro de esta etiqueta de guión aquí estoy eligiendo let, let arrange, y aquí solo estoy estableciendo el rango aquí donde empieza el rango , partiendo de uno. Y luego escucha que Phil sube hasta diez. ¿De acuerdo? Ahora aquí se puede ver que tengo que escribir símbolo y símbolo punto aquí tuve que escribir iterador. ¿ De acuerdo? Entonces aquí después de esto, solo estoy abriendo los corchetes rizados. Por lo que esto está usando cuatro llamadas desactivadas. Este método usando significa un muy, Este método está usando en muy principio. ¿ De acuerdo? Ahora aquí te mostraré que cómo puedes devolver el objeto iterador. Veamos aquí ES escribir retorno. ¿ De acuerdo? Y volver aquí es que solo uso el valor actual, ¿de acuerdo? Y la corriente aquí es de este punto de. ¿ De acuerdo? Ahora aquí se puede ver que tengo que sacar esto de. Y entonces aquí tengo derecho último valor. Y el último valor aquí es este punto dos. ¿ De acuerdo? Ahora aquí, eso también funcionará por apagado, que es el objeto, que está pidiendo los siguientes valores de iteración. ¿ De acuerdo? Ahora aquí puedes ver que solo uso el siguiente aquí. Entonces como puedes ver aquí, la siguiente es una palabra clave. Y entonces aquí se puede ver que sólo estoy usando una declaración if. Entonces como puedes ver aquí, solo llamo a esto a continuación. ¿ De acuerdo? Entonces si este punto valor actual y el valor actual que es menor o igual a firmar. Y aquí dentro de este punto último valor, lo que significa que en primer lugar que vamos a obtener el valor actual y luego eso va a obtener el último valor. Ahora aquí, yo tenía razón, que esto es retorno. Y el regreso aquí es que tengo que usar dun. Dun aquí es falso. Ya estudiamos sobre ellos en nuestra conferencia generadora. Y luego aquí después de esto escribimos valor. Entonces el valor aquí es que tengo escribir que este perro valor actual, ¿de acuerdo? Y entonces aquí tengo que usar signos de concatenación fuera de ella, que es plus plus. Ahora después de esto, se puede ver aquí que tuve que escribir declaración else como cuál es un valor de retorno y S, que es el valor de retorno. Y el valor de retorno aquí es, se puede ver que esto se hace y entonces aquí es cierto. ¿ De acuerdo? Ahora aquí tengo que cerrar este núcleo. Y entonces aquí se puede ver que tengo que cerrar este código aquí también. ¿ De acuerdo? Perdón. El código más cercano aquí, y luego tengo que cerrar el marcador aquí también. Ahora, se puede ver que tengo que escribir para bucle. Entonces para que el valor de y el valor de la lluvia, que significa que el valor del rango, lo que definimos aquí, vale, estamos tomando el foreloop. Entonces simplemente muéstranos el mensaje de alerta, que es el valor. Y tengo que acordes más cercanos aquí. Ahora aquí nuestro código está completo y aquí el rango que es equilibrio. Ahora aquí solo les estoy dirigiendo este núcleo a ustedes chicos. Y como puedes ver aquí, mi for loop se está ejecutando y muestra un valor aquí mismo. Se puede ver aquí esto es una asíncrona, ¿de acuerdo? Que es como nuestros archivos de descarga, que está ordenando uno por uno. ¿ De acuerdo? Ahora aquí se puede ver eso, que estos valores subirán a los diez, ok, como se puede ver aquí, y el bucle terminará aquí. Entonces esto es asíncrono yo traidores y generadores aquí mismo en esta conferencia. Ojalá lo entiendas ahora, si no lo estás, por favor házmelo saber y gracias por ver esta conferencia.