<?xml version="1.0"?>
<rss version="2.0">
   <channel>
      <title>Fundamentos JavaScript by Carlos Enrique Martinez Castaneda</title>
      <link>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht</link>
      <description></description>
      <language>en-us</language>
      <pubDate>2023-06-29 01:09:58 UTC</pubDate>
      <lastBuildDate>2023-08-29 16:00:55 UTC</lastBuildDate>
      <webMaster>hello@padlet.com</webMaster>
      <image>
         <url></url>
      </image>
      <item>
         <title>¿Para que sirve el uso de consola en JavaScript?</title>
         <author>cenriquemartinez</author>
         <link>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638220928</link>
         <description><![CDATA[<div>Es una herramienta útil durante el desarrollo y depuración de tus programas. Te permite mostrar información, errores o resultados intermedios en la ejecución de tu código.<br>algunas situaciones que se pueden realizar en consola:<br><br></div><ol><li>Depuración de errores: Si tu código tiene un error y no sabes dónde está, puedes utilizar la consola para imprimir mensajes de depuración. Al imprimir mensajes en la consola en puntos clave de tu código, puedes verificar si las variables tienen los valores correctos o identificar partes del código que no se están ejecutando como se esperaba.</li><li>Pruebas rápidas: Puedes utilizar la consola para probar rápidamente piezas de código sin tener que escribir un programa completo. Puedes ejecutar instrucciones de JavaScript directamente en la consola y ver los resultados de inmediato.</li><li>Visualización de datos: Si necesitas ver el valor de una variable o el resultado de una operación, puedes imprimirlos en la consola para verificar si los cálculos se están realizando correctamente.</li></ol>]]></description>
         <enclosure url="" />
         <pubDate>2023-07-04 23:38:20 UTC</pubDate>
         <guid>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638220928</guid>
      </item>
      <item>
         <title>¿Qué es el Strict mode?</title>
         <author>cenriquemartinez</author>
         <link>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638227497</link>
         <description><![CDATA[<div>El modo estricto en JavaScript es una opción que te permite aplicar reglas más estrictas y evitar comportamientos confusos en el lenguaje. Al habilitar el modo estricto con la declaración <strong>"use strict";</strong>, se detectan más errores, se eliminan comportamientos ambiguos y se mejora la seguridad del código. Es una buena práctica utilizar el modo estricto para hacer el código más robusto y menos propenso a errores.</div>]]></description>
         <enclosure url="" />
         <pubDate>2023-07-04 23:51:35 UTC</pubDate>
         <guid>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638227497</guid>
      </item>
      <item>
         <title>Número</title>
         <author>cenriquemartinez</author>
         <link>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638229772</link>
         <description><![CDATA[<div>Número (<strong>number</strong>): Representa valores numéricos, ya sean enteros o de punto flotante. Por ejemplo, <strong>5</strong>, <strong>3.14</strong>, <strong>-10</strong>, etc.</div>]]></description>
         <enclosure url="" />
         <pubDate>2023-07-04 23:55:30 UTC</pubDate>
         <guid>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638229772</guid>
      </item>
      <item>
         <title>Cadena de texto</title>
         <author>cenriquemartinez</author>
         <link>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638229949</link>
         <description><![CDATA[<div>Cadena de texto (<strong>string</strong>): Representa una secuencia de caracteres. Se encierra entre comillas simples (<strong>'</strong>) o comillas dobles (<strong>"</strong>). Por ejemplo, <strong>'Hola'</strong>, <strong>"Mundo"</strong>, etc.</div>]]></description>
         <enclosure url="" />
         <pubDate>2023-07-04 23:55:52 UTC</pubDate>
         <guid>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638229949</guid>
      </item>
      <item>
         <title>Booleano</title>
         <author>cenriquemartinez</author>
         <link>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638230658</link>
         <description><![CDATA[<div>Booleano (<strong>boolean</strong>): Representa un valor de verdadero o falso. Puede tener dos posibles valores: <strong>true</strong> (verdadero) o <strong>false</strong> (falso).</div>]]></description>
         <enclosure url="" />
         <pubDate>2023-07-04 23:57:18 UTC</pubDate>
         <guid>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638230658</guid>
      </item>
      <item>
         <title>Otros elementos</title>
         <author>cenriquemartinez</author>
         <link>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638231514</link>
         <description><![CDATA[<ol><li>Objeto (<strong>object</strong>): Representa una entidad con propiedades y métodos. Los objetos pueden contener múltiples pares clave-valor. Por ejemplo, <strong>{nombre: 'Juan', edad: 30}</strong>.</li><li>Arreglo (<strong>array</strong>): Representa una colección ordenada de elementos. Los elementos se almacenan en un orden numérico basado en índices. Por ejemplo, <strong>[1, 2, 3]</strong>.</li><li>Nulo (<strong>null</strong>): Representa la ausencia intencionada de cualquier valor o tipo de objeto.</li><li>Indefinido (<strong>undefined</strong>): Representa una variable que ha sido declarada pero no tiene un valor asignado.</li><li>Símbolo (<strong>symbol</strong>): Es un tipo de dato único e inmutable que se utiliza para crear identificadores únicos.</li></ol><div><br></div>]]></description>
         <enclosure url="" />
         <pubDate>2023-07-04 23:58:33 UTC</pubDate>
         <guid>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638231514</guid>
      </item>
      <item>
         <title>Fechas en JavaScript</title>
         <author>cenriquemartinez</author>
         <link>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638233080</link>
         <description><![CDATA[<div>En JavaScript, el tipo de dato específico para representar fechas y trabajar con ellas es el objeto `Date`. El objeto `Date` permite trabajar con fechas y horas, realizar operaciones de manipulación y obtener información específica de una fecha.<br><br>Puedes crear un objeto `Date` de las siguientes maneras:<br><br>1. Utilizando el constructor sin argumentos: `new Date()`. Esto crea un objeto `Date` que representa la fecha y hora actuales.<br><br>2. Especificando una fecha y hora específicas utilizando argumentos en el constructor, por ejemplo: `new Date(2023, 6, 4)`. Los meses se numeran del 0 al 11, por lo que el mes de julio se representa con el número 6.<br><br>Una vez que tienes un objeto `Date`, puedes realizar varias operaciones y obtener información utilizando sus métodos. Algunos de los métodos más comunes son:<br><br>- `getFullYear()`: Obtiene el año de la fecha.<br>- `getMonth()`: Obtiene el mes de la fecha (0-11).<br>- `getDate()`: Obtiene el día del mes (1-31).<br>- `getDay()`: Obtiene el día de la semana (0-6, donde 0 es domingo).<br>- `getHours()`: Obtiene las horas de la fecha.<br>- `getMinutes()`: Obtiene los minutos de la fecha.<br>- `getSeconds()`: Obtiene los segundos de la fecha.<br><br>Además de estos métodos, el objeto `Date` también proporciona métodos para modificar fechas, como `setFullYear()`, `setMonth()`, `setDate()`, entre otros. También puedes realizar operaciones matemáticas con fechas, como sumar o restar días utilizando los métodos `getDate()` y `setDate()`.<br><br>Es importante tener en cuenta que el manejo de fechas y horas en JavaScript puede ser complicado debido a la variedad de zonas horarias y formatos de fecha. Se recomienda utilizar bibliotecas especializadas, como Moment.js o el objeto `Intl.DateTimeFormat`, para un manejo más avanzado de las fechas en JavaScript.</div>]]></description>
         <enclosure url="" />
         <pubDate>2023-07-05 00:01:21 UTC</pubDate>
         <guid>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638233080</guid>
      </item>
      <item>
         <title>Simbolos de JavaScript</title>
         <author>cenriquemartinez</author>
         <link>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638234080</link>
         <description><![CDATA[<div>n JavaScript, los símbolos (<strong>symbol</strong>) son un tipo de dato único e inmutable que se introdujo en ECMAScript 2015 (también conocido como ES6). Un símbolo es un valor primitivo que se utiliza como identificador único.<br><br></div><div><br>Aquí tienes algunos puntos clave sobre los símbolos en JavaScript:<br><br></div><ol><li>Unicidad: Cada símbolo creado es único, lo que significa que ningún otro símbolo será igual a otro, incluso si tienen el mismo nombre. Esto los hace útiles como identificadores únicos en propiedades de objetos o como claves en mapas y conjuntos.</li><li>Creación: Puedes crear un símbolo utilizando la función <strong>Symbol()</strong>, por ejemplo: <strong>const mySymbol = Symbol();</strong>. También puedes proporcionar una descripción opcional para el símbolo, que puede ser útil para fines de depuración.</li><li>Propiedades de objetos: Los símbolos se pueden utilizar como claves de propiedad en objetos. Esto ayuda a evitar colisiones con otras claves de propiedad y proporciona una forma segura de agregar metadatos personalizados a los objetos.</li><li>Iteración segura: Los símbolos no se enumeran automáticamente en las operaciones de iteración, como los bucles <strong>for...in</strong> o los métodos <strong>Object.keys()</strong>. Esto garantiza que los símbolos no interfieran con las operaciones de iteración sobre las propiedades regulares de un objeto.</li><li>Símbolos predefinidos: JavaScript proporciona varios símbolos predefinidos como <strong>Symbol.iterator</strong>, <strong>Symbol.toStringTag</strong>, <strong>Symbol.hasInstance</strong>, entre otros. Estos símbolos se utilizan para agregar comportamientos especiales a los objetos, como permitir la iteración o personalizar la representación de cadena.</li></ol>]]></description>
         <enclosure url="" />
         <pubDate>2023-07-05 00:03:07 UTC</pubDate>
         <guid>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638234080</guid>
      </item>
      <item>
         <title>Datos con JSON</title>
         <author>cenriquemartinez</author>
         <link>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638235726</link>
         <description><![CDATA[<div>JSON (JavaScript Object Notation) es un formato de intercambio de datos ligero y legible por humanos. Se utiliza ampliamente para transmitir y almacenar datos estructurados. En JavaScript, puedes trabajar con datos en formato JSON utilizando el objeto <strong>JSON</strong> y su conjunto de métodos.<br><br></div><div><br>Aquí tienes algunos puntos clave sobre el uso de JSON en JavaScript:<br><br></div><ol><li>Conversión a JSON: Puedes convertir datos JavaScript en formato JSON utilizando el método <strong>JSON.stringify()</strong>. Este método toma un objeto JavaScript y lo convierte en una cadena de texto en formato JSON.</li><li>Conversión desde JSON: Puedes convertir datos en formato JSON a objetos JavaScript utilizando el método <strong>JSON.parse()</strong>. Este método toma una cadena de texto en formato JSON y la convierte en un objeto JavaScript.</li><li>Formato de los datos: En JSON, los datos se organizan en pares clave-valor. Las claves deben ser cadenas de texto y los valores pueden ser de cualquier tipo de dato válido en JSON, como números, cadenas, booleanos, arrays, objetos o <strong>null</strong>.</li><li>Sintaxis: En JSON, los objetos se delimitan con llaves <strong>{}</strong> y contienen pares clave-valor separados por comas. Los arrays se delimitan con corchetes <strong>[]</strong> y contienen valores separados por comas.</li></ol>]]></description>
         <enclosure url="" />
         <pubDate>2023-07-05 00:05:53 UTC</pubDate>
         <guid>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638235726</guid>
      </item>
      <item>
         <title>Operadores aritméticos</title>
         <author>cenriquemartinez</author>
         <link>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638244596</link>
         <description><![CDATA[<ol><li>&nbsp;Estos operadores se utilizan para realizar operaciones matemáticas. Algunos ejemplos son:</li></ol><ul><li><strong>+</strong> (suma): Suma dos valores.</li><li><strong>-</strong> (resta): Resta el segundo valor del primero.</li><li><strong>*</strong> (multiplicación): Multiplica dos valores.</li><li><strong>/</strong> (división): Divide el primer valor por el segundo.</li><li><strong>%</strong> (módulo): Devuelve el resto de una división.</li><li><strong>++</strong> (incremento): Incrementa el valor en 1.</li><li><strong>--</strong> (decremento): Decrementa el valor en 1.</li></ul><div><br></div>]]></description>
         <enclosure url="" />
         <pubDate>2023-07-05 00:17:51 UTC</pubDate>
         <guid>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638244596</guid>
      </item>
      <item>
         <title>Operadores de asignación:</title>
         <author>cenriquemartinez</author>
         <link>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638245123</link>
         <description><![CDATA[<ol><li>Estos operadores se utilizan para asignar valores a variables. Algunos ejemplos son:</li></ol><ul><li><strong>=</strong> (asignación): Asigna un valor a una variable.</li><li><strong>+=</strong> (suma y asignación): Suma el valor a la variable y la actualiza.</li><li><strong>-=</strong> (resta y asignación): Resta el valor de la variable y la actualiza.</li><li><strong>*=</strong> (multiplicación y asignación): Multiplica el valor a la variable y la actualiza.</li><li><strong>/=</strong> (división y asignación): Divide el valor de la variable y la actualiza.</li></ul><div><br></div>]]></description>
         <enclosure url="" />
         <pubDate>2023-07-05 00:18:29 UTC</pubDate>
         <guid>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638245123</guid>
      </item>
      <item>
         <title>Operadores relacionales</title>
         <author>cenriquemartinez</author>
         <link>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638246210</link>
         <description><![CDATA[<ol><li>Los operadores relacionales se utilizan para comparar dos valores y devolver un resultado booleano (<strong>true</strong> o <strong>false</strong>). Estos operadores se utilizan comúnmente en condiciones y estructuras de control. Aquí tienes algunos ejemplos:</li></ol><ul><li><strong>&gt;</strong> (mayor que): Compara si el valor de la izquierda es mayor que el valor de la derecha.</li><li><strong>&lt;</strong> (menor que): Compara si el valor de la izquierda es menor que el valor de la derecha.</li><li><strong>&gt;=</strong> (mayor o igual que): Compara si el valor de la izquierda es mayor o igual que el valor de la derecha.</li><li><strong>&lt;=</strong> (menor o igual que): Compara si el valor de la izquierda es menor o igual que el valor de la derecha.</li><li><strong>==</strong> (igualdad): Compara si dos valores son iguales en valor, pero no necesariamente en tipo de dato.</li><li><strong>!=</strong> (desigualdad): Compara si dos valores son diferentes en valor.</li></ul><div><br>Es importante tener en cuenta que <strong>==</strong> y <strong>!=</strong> pueden realizar conversiones automáticas de tipo antes de la comparación. Para una comparación más estricta en valor y tipo de dato, se recomienda utilizar los operadores <strong>===</strong> y <strong>!==</strong>.<br><br></div><div><br></div>]]></description>
         <enclosure url="" />
         <pubDate>2023-07-05 00:19:34 UTC</pubDate>
         <guid>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638246210</guid>
      </item>
      <item>
         <title>Operadores lógicos:</title>
         <author>cenriquemartinez</author>
         <link>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638246618</link>
         <description><![CDATA[<ol><li>Estos operadores se utilizan para combinar o negar condiciones lógicas. Algunos ejemplos son:</li></ol><ul><li><strong>&amp;&amp;</strong> (AND lógico): Devuelve <strong>true</strong> si ambas condiciones son <strong>true</strong>.</li><li><strong>||</strong> (OR lógico): Devuelve <strong>true</strong> si al menos una de las condiciones es <strong>true</strong>.</li><li><strong>!</strong> (NOT lógico): Niega una condición.</li></ul><div><br></div>]]></description>
         <enclosure url="" />
         <pubDate>2023-07-05 00:20:03 UTC</pubDate>
         <guid>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638246618</guid>
      </item>
      <item>
         <title>Operador negativo</title>
         <author>cenriquemartinez</author>
         <link>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638251255</link>
         <description><![CDATA[<div>El operador negativo, representado por el símbolo <strong>-</strong>, se utiliza para cambiar el signo de un valor numérico. Si el valor es positivo, se convierte en negativo, y si es negativo, se convierte en positivo. Aquí tienes un ejemplo:<br>const x = 10;<br>const y = -x; // y es igual a -10<br><br></div>]]></description>
         <enclosure url="" />
         <pubDate>2023-07-05 00:24:42 UTC</pubDate>
         <guid>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638251255</guid>
      </item>
      <item>
         <title>Operador de concatenación</title>
         <author>cenriquemartinez</author>
         <link>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638251865</link>
         <description><![CDATA[<div>El operador de concatenación, representado por el símbolo <strong>+</strong>, se utiliza para unir o concatenar cadenas de texto. Cuando se utiliza el operador <strong>+</strong> entre dos cadenas, se crea una nueva cadena que contiene la concatenación de ambas. Aquí tienes un ejemplo:<br>const nombre = "Juan";<br>const apellido = "Pérez";<br>const nombreCompleto = nombre + " " + apellido; // nombreCompleto es igual a "Juan Pérez"<br><br></div>]]></description>
         <enclosure url="" />
         <pubDate>2023-07-05 00:25:20 UTC</pubDate>
         <guid>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638251865</guid>
      </item>
      <item>
         <title>¿Qué es un callback?</title>
         <author>cenriquemartinez</author>
         <link>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638255724</link>
         <description><![CDATA[<div>En JavaScript, un callback es una función que se pasa como argumento a otra función y se invoca dentro de esa función. El propósito principal de los callbacks es permitir la ejecución asíncrona y manejar eventos o respuestas en momentos específicos.<br><br></div><div>Por ejemplo, supongamos que tienes una función <strong>funcionA</strong> que realiza una operación y una función <strong>funcionB</strong> que necesita ejecutarse después de que <strong>funcionA</strong> haya terminado. Puedes pasar <strong>funcionB</strong> como un callback a <strong>funcionA</strong> para que se ejecute en el momento adecuado.<br><br>Los callbacks son ampliamente utilizados en JavaScript para manejar operaciones asíncronas, como solicitudes AJAX, temporizadores, eventos de escucha, etc. Permiten ejecutar código en respuesta a un evento o cuando una operación asíncrona ha finalizado.</div><div><br></div>]]></description>
         <enclosure url="" />
         <pubDate>2023-07-05 00:28:32 UTC</pubDate>
         <guid>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638255724</guid>
      </item>
      <item>
         <title>¿Qué es una función arrow?</title>
         <author>cenriquemartinez</author>
         <link>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638257519</link>
         <description><![CDATA[<ol><li>Función arrow (función flecha): Una función arrow es una sintaxis abreviada y más concisa para definir funciones en JavaScript, introducida en ECMAScript 6 (ES6). Se caracterizan por utilizar la sintaxis <strong>() =&gt; {}</strong> en lugar de la sintaxis tradicional <strong>function() {}</strong>.</li></ol><div><br>Las funciones arrow tienen algunas características especiales:<br><br></div><ul><li>Sintaxis más corta: La sintaxis de las funciones arrow es más concisa y se ahorra escribir la palabra clave <strong>function</strong> y las llaves <strong>{}</strong> en ciertos casos.</li><li>Contexto léxico: Las funciones arrow mantienen el contexto léxico de su entorno, lo que significa que heredan el valor de <strong>this</strong> del contexto que las rodea. Esto evita problemas comunes con el valor de <strong>this</strong> en las funciones tradicionales.</li></ul><div><br>Aquí tienes un ejemplo de una función arrow:<br>const sumar = (a, b) =&gt; {<br>&nbsp; return a + b;<br>};<br><br>En este ejemplo, la función arrow <strong>sumar</strong> toma dos parámetros (<strong>a</strong> y <strong>b</strong>) y devuelve la suma de ambos.<br><br></div><div><br>Las funciones arrow son ampliamente utilizadas en JavaScript, especialmente en el desarrollo moderno, debido a su sintaxis más concisa y a su manejo intuitivo del contexto léxico.<br><br></div><div><br></div>]]></description>
         <enclosure url="" />
         <pubDate>2023-07-05 00:30:13 UTC</pubDate>
         <guid>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638257519</guid>
      </item>
      <item>
         <title>Que son los Eventos y tipos de eventos</title>
         <author>cenriquemartinez</author>
         <link>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638275574</link>
         <description><![CDATA[<div>Los eventos en JavaScript son acciones o sucesos que ocurren en el navegador, como hacer clic en un botón, mover el mouse, cargar una página, etc. Los eventos permiten que el código JavaScript responda y realice acciones en respuesta a esas interacciones.<br><br>Existen diferentes tipos de eventos en JavaScript, entre los más comunes se encuentran:<br><br>1. Eventos de entrada del usuario:<br>&nbsp; &nbsp;- `<strong>click</strong>`: Se activa cuando se hace clic en un elemento.<br>&nbsp; &nbsp;- `<strong>mouseover</strong>` y `<strong>mouseout</strong>`: Se activan cuando el cursor del mouse entra o sale de un elemento.<br>&nbsp; &nbsp;- `keydown`, `<strong>keyup</strong>` y `<strong>keypress</strong>`: Se activan cuando se presionan o sueltan teclas del teclado.<br><br>2. Eventos de carga y descarga:<br>&nbsp; &nbsp;- `<strong>load</strong>`: Se activa cuando se ha cargado completamente un recurso (como una página o una imagen).<br>&nbsp; &nbsp;- `<strong>unload</strong>`: Se activa cuando se descarga una página o se abandona una página.<br><br>3. Eventos de formulario:<br>&nbsp; &nbsp;- `<strong>submit</strong>`: Se activa cuando se envía un formulario.<br>&nbsp; &nbsp;- `<strong>focus</strong>` y `<strong>blur</strong>`: Se activan cuando un elemento recibe o pierde el foco de entrada.<br><br>4. Otros eventos:<br>&nbsp; &nbsp;- `<strong>scroll</strong>`: Se activa cuando se desplaza el contenido de una página.<br>&nbsp; &nbsp;- `<strong>resize</strong>`: Se activa cuando se cambia el tamaño de la ventana del navegador.</div>]]></description>
         <enclosure url="" />
         <pubDate>2023-07-05 00:48:09 UTC</pubDate>
         <guid>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638275574</guid>
      </item>
      <item>
         <title>¿Qué es el DOM?</title>
         <author>cenriquemartinez</author>
         <link>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638276253</link>
         <description><![CDATA[<div>El DOM (Document Object Model) es una representación estructurada y orientada a objetos del contenido de un documento HTML. Proporciona una interfaz para acceder y manipular los elementos, atributos y contenido de una página web.</div>]]></description>
         <enclosure url="" />
         <pubDate>2023-07-05 00:48:57 UTC</pubDate>
         <guid>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638276253</guid>
      </item>
      <item>
         <title>¿Cómo se manipula EL DOM?</title>
         <author>cenriquemartinez</author>
         <link>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638278250</link>
         <description><![CDATA[<div><br>En JavaScript, puedes manipular el DOM utilizando métodos y propiedades proporcionados por el navegador. Algunas operaciones comunes de manipulación del DOM incluyen:<br><br></div><ul><li>Acceder a elementos HTML: Puedes seleccionar elementos del DOM utilizando métodos como <strong>getElementById()</strong>, <strong>getElementsByClassName()</strong>, <strong>querySelector()</strong>, etc.</li><li>Modificar elementos: Puedes cambiar atributos, estilos y contenido de los elementos utilizando métodos como <strong>setAttribute()</strong>, <strong>style</strong>, <strong>innerHTML</strong>, etc.</li><li>Crear y eliminar elementos: Puedes crear nuevos elementos HTML utilizando <strong>createElement()</strong> y agregarlos al DOM con métodos como <strong>appendChild()</strong>. También puedes eliminar elementos con <strong>removeChild()</strong> o <strong>remove()</strong>.</li></ul><div><br>Aquí tienes un ejemplo de cómo acceder y modificar el contenido de un elemento del DOM:<br><br>// Acceder a un elemento por su ID<br>const miElemento = document.getElementById('miElemento');<br><br>// Modificar el contenido del elemento<br>miElemento.innerHTML = 'Nuevo contenido';<br><br>// Cambiar un atributo del elemento<br>miElemento.setAttribute('class', 'nueva-clase');<br><br>Es de recordar que el DOM es una estructura en árbol que representa la estructura de la página HTML. Puedes navegar por el árbol y realizar manipulaciones en los elementos según tus necesidades.<br><br><br></div>]]></description>
         <enclosure url="" />
         <pubDate>2023-07-05 00:51:14 UTC</pubDate>
         <guid>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638278250</guid>
      </item>
      <item>
         <title>Contenedores Const</title>
         <author>cenriquemartinez</author>
         <link>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638350001</link>
         <description><![CDATA[<div>Contenedores "const" en JavaScript: La palabra clave "const" se utiliza para declarar una constante en JavaScript. Una constante es similar a una variable, pero su valor no puede ser modificado una vez que se ha asignado. En otras palabras, una vez que se le asigna un valor, no se puede reasignar.</div><div>Ejemplo de declaración de una constante:<br>const PI = 3.1416;<br>En este ejemplo, se declara una constante llamada "PI" y se le asigna el valor de 3.1416. Intentar modificar el valor de una constante generará un error.</div><div>Es importante destacar que el alcance de una constante se limita al bloque en el que se declara. Esto significa que solo es accesible dentro del bloque de código en el que se define.</div><div><br><br></div>]]></description>
         <enclosure url="" />
         <pubDate>2023-07-05 02:00:48 UTC</pubDate>
         <guid>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638350001</guid>
      </item>
      <item>
         <title>Contenedores Let</title>
         <author>cenriquemartinez</author>
         <link>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638350738</link>
         <description><![CDATA[<div>en JavaScript: La palabra clave "let" se utiliza para declarar una variable local en JavaScript. A diferencia de "const", una variable declarada con "let" puede tener su valor modificado después de la asignación. Además, su alcance está limitado al bloque en el que se declara, similar a "const".</div><div>Ejemplo de declaración de una variable con "let":<br>let edad = 25;<br>En este ejemplo, se declara una variable llamada "edad" y se le asigna el valor de 25. Posteriormente, si es necesario, se puede modificar su valor mediante una nueva asignación.</div><div>Al igual que con las variables "const", el alcance de una variable declarada con "let" está limitado al bloque en el que se define.</div><div><br><br></div>]]></description>
         <enclosure url="" />
         <pubDate>2023-07-05 02:01:31 UTC</pubDate>
         <guid>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638350738</guid>
      </item>
      <item>
         <title>Condicion If</title>
         <author>cenriquemartinez</author>
         <link>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638363202</link>
         <description><![CDATA[<div>La estructura de control "if" se utiliza para tomar decisiones basadas en una condición. Si la condición especificada se evalúa como verdadera (true), se ejecuta un bloque de código asociado. Si la condición es falsa (false), el bloque de código se salta.<br>let edad = 18;<br><br>if (edad &gt;= 18) {<br>&nbsp; console.log("Eres mayor de edad");<br>}<br>En este ejemplo, se verifica si la variable "edad" es mayor o igual a 18. Si es verdadero, se muestra el mensaje "Eres mayor de edad" en la consola.</div>]]></description>
         <enclosure url="" />
         <pubDate>2023-07-05 02:13:49 UTC</pubDate>
         <guid>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638363202</guid>
      </item>
      <item>
         <title>Condicion if-else</title>
         <author>cenriquemartinez</author>
         <link>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638365235</link>
         <description><![CDATA[<div>La estructura de control "if-else" es una extensión de la estructura "if". Permite ejecutar un bloque de código cuando la condición es verdadera y otro bloque de código cuando la condición es falsa.<br>POR EJEMPLO:let edad = 15;<br><br>if (edad &gt;= 18) {<br>&nbsp; console.log("Eres mayor de edad");<br>} else {<br>&nbsp; console.log("Eres menor de edad");<br>}<br>En este ejemplo, si la variable "edad" es mayor o igual a 18, se muestra el mensaje "Eres mayor de edad". De lo contrario, se muestra el mensaje "Eres menor de edad".</div>]]></description>
         <enclosure url="" />
         <pubDate>2023-07-05 02:15:45 UTC</pubDate>
         <guid>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638365235</guid>
      </item>
      <item>
         <title>Estructura Switch</title>
         <author>cenriquemartinez</author>
         <link>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638367506</link>
         <description><![CDATA[<div>La estructura de control "switch" se utiliza cuando se tienen múltiples casos posibles y se desea ejecutar diferentes bloques de código según el valor de una expresión.<br>POR EJEMPLO:let diaSemana = "lunes";<br><br>switch (diaSemana) {<br>&nbsp; case "lunes":<br>&nbsp; &nbsp; console.log("Hoy es lunes");<br>&nbsp; &nbsp; break;<br>&nbsp; case "martes":<br>&nbsp; &nbsp; console.log("Hoy es martes");<br>&nbsp; &nbsp; break;<br>&nbsp; case "miércoles":<br>&nbsp; &nbsp; console.log("Hoy es miércoles");<br>&nbsp; &nbsp; break;<br>&nbsp; default:<br>&nbsp; &nbsp; console.log("Es otro día de la semana");<br>}<br><br>En este ejemplo, se evalúa el valor de la variable "diaSemana" y se ejecuta el bloque de código correspondiente al caso coincidente. Si no se encuentra ninguna coincidencia, se ejecuta el bloque de código "default".<br><br></div><div><br>Recuerda que la estructura "switch" es útil cuando tienes múltiples casos específicos a evaluar, mientras que las estructuras "if" y "if-else" son adecuadas para condiciones más generales.</div>]]></description>
         <enclosure url="" />
         <pubDate>2023-07-05 02:17:30 UTC</pubDate>
         <guid>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638367506</guid>
      </item>
      <item>
         <title>La estructura básica de una función en JavaScript es la siguiente:</title>
         <author>cenriquemartinez</author>
         <link>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638375147</link>
         <description><![CDATA[<div>function nombreFuncion(parametro1, parametro2, ...) {<br>&nbsp; // Cuerpo de la función<br>&nbsp; // Aquí se escribe el código que será ejecutado cuando la función sea llamada<br>&nbsp; // Puede contener declaraciones de variables, operaciones, condicionales, bucles, etc.<br>&nbsp; // También puede incluir la declaración de retorno si la función debe devolver un valor<br>}<br>Explicación de los elementos:</div><ul><li><strong>function</strong>: Es la palabra clave reservada para declarar una función en JavaScript.</li><li><strong>nombreFuncion</strong>: Es el nombre que le das a tu función. Puedes elegir cualquier nombre válido siguiendo las convenciones de nomenclatura de JavaScript.</li><li><strong>parametro1, parametro2, ...</strong>: Son los parámetros de la función, que representan los valores que se pasan a la función cuando se llama. Puedes especificar cero o más parámetros separados por comas. Estos parámetros son opcionales y actúan como variables locales dentro de la función.</li><li><strong>Cuerpo de la función</strong>: Aquí es donde escribes el código que se ejecutará cuando la función sea llamada. Puedes incluir cualquier instrucción o conjunto de instrucciones válidas en JavaScript.</li><li><strong>Declaración de retorno</strong> (opcional): Si la función debe devolver un valor, puedes utilizar la palabra clave <strong>return</strong> seguida del valor que deseas devolver. Esto finaliza la ejecución de la función y devuelve el valor especificado al lugar donde se llamó la función.</li></ul>]]></description>
         <enclosure url="" />
         <pubDate>2023-07-05 02:24:15 UTC</pubDate>
         <guid>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638375147</guid>
      </item>
      <item>
         <title>Parámetros de una función:</title>
         <author>cenriquemartinez</author>
         <link>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638377129</link>
         <description><![CDATA[<div>Los parámetros de una función son variables locales que se utilizan para recibir valores cuando se llama a la función. Estos parámetros te permiten pasar datos a la función para su procesamiento. Puedes especificar los parámetros dentro de los paréntesis de la declaración de la función, separados por comas. <br>Por ejemplo:<br>function suma(a, b) {<br>&nbsp; return a + b;<br>}<br><br>// Llamada a la función con argumentos<br>let resultado = suma(5, 3);<br>console.log(resultado); // Imprime: 8<br><br>En este ejemplo, la función <strong>suma</strong> tiene dos parámetros, <strong>a</strong> y <strong>b</strong>, que representan los valores que se pasan cuando se llama a la función. La función devuelve la suma de los dos parámetros.</div>]]></description>
         <enclosure url="" />
         <pubDate>2023-07-05 02:25:42 UTC</pubDate>
         <guid>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638377129</guid>
      </item>
      <item>
         <title>Inicialización de parámetros:</title>
         <author>cenriquemartinez</author>
         <link>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638378158</link>
         <description><![CDATA[<div>En JavaScript, puedes asignar valores predeterminados a los parámetros de una función en caso de que no se les pase un valor al llamar a la función. Esto se conoce como inicialización de parámetros.<br>function saludar(nombre = "amigo") {<br>&nbsp; console.log(`Hola, ${nombre}!`);<br>}<br><br>saludar(); // Imprime: Hola, amigo!<br>saludar("Juan"); // Imprime: Hola, Juan!<br><br>En este ejemplo, el parámetro <strong>nombre</strong> tiene un valor predeterminado de <strong>"amigo"</strong>. Si no se pasa ningún argumento al llamar a la función, se utiliza el valor predeterminado. Si se proporciona un argumento, se utiliza ese valor en lugar del valor predeterminado.</div>]]></description>
         <enclosure url="" />
         <pubDate>2023-07-05 02:26:40 UTC</pubDate>
         <guid>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638378158</guid>
      </item>
      <item>
         <title>Parámetros tipo REST:</title>
         <author>cenriquemartinez</author>
         <link>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638378500</link>
         <description><![CDATA[<div>El parámetro tipo REST permite pasar un número variable de argumentos a una función como un arreglo. Se denota con tres puntos suspensivos (<strong>...</strong>) seguidos de un nombre de variable. Esto permite que una función reciba cualquier número</div>]]></description>
         <enclosure url="" />
         <pubDate>2023-07-05 02:27:01 UTC</pubDate>
         <guid>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638378500</guid>
      </item>
      <item>
         <title>Ciclo &quot;for&quot;</title>
         <author>cenriquemartinez</author>
         <link>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638381546</link>
         <description><![CDATA[<ol><li>El ciclo "for" se utiliza cuando se conoce la cantidad de repeticiones que se deben realizar. Tiene tres componentes: la inicialización de una variable de control, la condición de continuación y la actualización de la variable de control.</li></ol><div><br>Sintaxis del ciclo "for":<br><br></div><div>for (inicialización; condición; actualización) {<br>&nbsp; // Bloque de código a ejecutar en cada iteración<br>}<br>Ejemplo de uso del ciclo "for":<br>for (let i = 0; i &lt; 5; i++) {<br>&nbsp; console.log(i);<br>}<br>En este ejemplo, se inicializa la variable "i" con 0, se especifica la condición "i &lt; 5" y se actualiza "i" en cada iteración aumentándolo en 1. El ciclo se ejecutará mientras la condición sea verdadera y mostrará los valores de "i" en la consola.</div>]]></description>
         <enclosure url="" />
         <pubDate>2023-07-05 02:30:02 UTC</pubDate>
         <guid>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638381546</guid>
      </item>
      <item>
         <title>Ciclo &quot;while&quot;</title>
         <author>cenriquemartinez</author>
         <link>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638383263</link>
         <description><![CDATA[<ol><li>El ciclo "while" se utiliza cuando la cantidad de repeticiones no se conoce de antemano y depende de una condición que se evalúa en cada iteración.</li></ol><div><br>Sintaxis del ciclo "while":<br>while (condición) {<br>&nbsp; // Bloque de código a ejecutar en cada iteración<br>}<br><br><br>Ejemplo de uso del ciclo "while":<br>let i = 0;<br><br>while (i &lt; 5) {<br>&nbsp; console.log(i);<br>&nbsp; i++;<br>}<br>En este ejemplo, se inicializa la variable "i" con 0. El ciclo se ejecutará mientras la condición "i &lt; 5" sea verdadera y mostrará los valores de "i" en la consola en cada iteración. Se debe tener cuidado de asegurarse de que la condición cambie en algún momento para evitar un ciclo infinito.</div>]]></description>
         <enclosure url="" />
         <pubDate>2023-07-05 02:31:46 UTC</pubDate>
         <guid>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638383263</guid>
      </item>
      <item>
         <title>Ciclo do while ondicion If</title>
         <author>cenriquemartinez</author>
         <link>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638387320</link>
         <description><![CDATA[<ol><li>Ciclo "do-while":<br>El ciclo "do-while" es similar al ciclo "while", pero garantiza que el bloque de código se ejecute al menos una vez antes de verificar la condición.</li></ol><div><br>Sintaxis del ciclo "do-while":<br>do {<br>&nbsp; // Bloque de código a ejecutar en cada iteración<br>} while (condición);<br>Ejemplo de uso del ciclo "do-while":<br>let i = 0;<br><br>do {<br>&nbsp; console.log(i);<br>&nbsp; i++;<br>} while (i &lt; 5);<br><br>En este ejemplo, el bloque de código se ejecutará al menos una vez antes de verificar la condición "i &lt; 5". Luego, continuará ejecutándose mientras la condición sea verdadera.<br><br></div><ol><li>Condición "if":<br>La estructura de control "if" se utiliza para tomar decisiones basadas en una condición. Si la condición especificada se evalúa como verdadera (true), se ejecuta un bloque de código asociado. Si la condición es falsa (false), el bloque de código se salta.</li></ol>]]></description>
         <enclosure url="" />
         <pubDate>2023-07-05 02:35:52 UTC</pubDate>
         <guid>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638387320</guid>
      </item>
      <item>
         <title>Condición &quot;if-else&quot;</title>
         <author>cenriquemartinez</author>
         <link>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638388144</link>
         <description><![CDATA[<div>La estructura de control "if-else" es una extensión de la estructura "if". Permite ejecutar un bloque de código cuando la condición es verdadera y otro bloque de código cuando la condición es falsa.</div>]]></description>
         <enclosure url="" />
         <pubDate>2023-07-05 02:36:38 UTC</pubDate>
         <guid>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638388144</guid>
      </item>
      <item>
         <title>Estructura &quot;switch&quot;</title>
         <author>cenriquemartinez</author>
         <link>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638388702</link>
         <description><![CDATA[<div>La estructura de control "switch" se utiliza cuando se tienen múltiples casos posibles y se desea ejecutar diferentes bloques de código según el valor de una.<br><br></div>]]></description>
         <enclosure url="" />
         <pubDate>2023-07-05 02:37:10 UTC</pubDate>
         <guid>https://padlet.com/cenriquemartinez/quuhxwgu9z3z33ht/wish/2638388702</guid>
      </item>
   </channel>
</rss>
