|
| 1 | +# Session 15 Docs Kahoot |
| 2 | + |
| 3 | +## Link |
| 4 | + |
| 5 | +[https://create.kahoot.it/share/gym-session-15/96edea29-d3f4-41b7-8f82-e1e875bd0e3a](https://create.kahoot.it/share/gym-session-15/96edea29-d3f4-41b7-8f82-e1e875bd0e3a) |
| 6 | + |
| 7 | +## Temario |
| 8 | + |
| 9 | +- [Display CSS - Flex direction](#display-CSS-Flex-direction) |
| 10 | +- [Comparadores de igualdad e identidad - Igualdad Estricta](#comparadores-de-igualdad-e-identidad-igualdad-estricta) |
| 11 | +- [Filter Array](#filter-array) |
| 12 | +- [Sentencia y Expresiones](#sentencia-ye-xpresiones) |
| 13 | +- [Estados promesas](#estados-promesas) |
| 14 | +- [Tipo de dato undefined](#tipo-de-dato-undefined) |
| 15 | +- [spread](#spread) |
| 16 | +- [Push Array](#push-array) |
| 17 | +- [For each](#for-each) |
| 18 | + |
| 19 | +---- |
| 20 | + |
| 21 | +### Display CSS - Flex direction |
| 22 | + |
| 23 | +La propiedad CSS display especifica si un elemento es tratado como un bloque o |
| 24 | +un elemento en línea y el diseño utilizado para sus hijos, como el diseño de |
| 25 | +flujo (flow layout), cuadrícula (grid) o flexible (flex). Formalmente, la |
| 26 | +propiedad display establece los tipos de visualización interna y externa |
| 27 | +de un elemento. |
| 28 | + |
| 29 | +[Documentación Display](https://developer.mozilla.org/es/docs/Web/CSS/display) |
| 30 | + |
| 31 | +[Documentación Flex Direction](https://developer.mozilla.org/es/docs/Web/CSS/flex-direction) |
| 32 | + |
| 33 | +[Juego Flex Direction](https://flexboxfroggy.com/) |
| 34 | + |
| 35 | +---- |
| 36 | + |
| 37 | +### Comparadores de igualdad e identidad - Igualdad Estricta |
| 38 | + |
| 39 | +El operador de estricta igualdad (===) revisa si dos operandos son iguales |
| 40 | +y produce un resultado Booleano. |
| 41 | + |
| 42 | +[Documentación](https://developer.mozilla.org/es/docs/Web/JavaScript/Equality_comparisons_and_sameness) |
| 43 | + |
| 44 | +[Documentación igualdad estricta](https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Operators/Strict_equality) |
| 45 | + |
| 46 | +---- |
| 47 | + |
| 48 | +### Filter Array |
| 49 | + |
| 50 | +El método filter() crea un nuevo array con todos los elementos que cumplan |
| 51 | +la condición implementada por la función dada. |
| 52 | + |
| 53 | +[Documentación](https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Array/filter) |
| 54 | + |
| 55 | +---- |
| 56 | + |
| 57 | +### Sentencia y Expresiones |
| 58 | + |
| 59 | +En JavaScript, una expresión es cualquier unidad válida de código que se |
| 60 | +resuelve en un valor. Por ejemplo, 2+2 es una expresión, ya que se resuelve |
| 61 | +en el valor 4. Otra expresión podría ser a = 2, que tiene un valor (2) y |
| 62 | +también asigna un valor a una variable. |
| 63 | + |
| 64 | +Por otro lado, una sentencia es una instrucción que realiza una acción. Las |
| 65 | +sentencias incluyen cosas como declaraciones de variables (var a;), bucles |
| 66 | +(for, while), condicionales (if) y más. |
| 67 | +Por ejemplo, if (a > 0) { console.log(a); } es una sentencia. |
| 68 | + |
| 69 | +[Documentación](https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Statements) |
| 70 | + |
| 71 | +---- |
| 72 | + |
| 73 | +### Estados promesas |
| 74 | + |
| 75 | +Una promesa en JavaScript es un objeto que representa un valor que puede estar |
| 76 | +disponible ahora, en el futuro o nunca. Las promesas son especialmente útiles |
| 77 | +para manejar funciones asíncronas, como peticiones a servidores, ya que te |
| 78 | +permiten controlar el flujo de ejecución de tu programa de una manera más |
| 79 | +elegante y sencilla. |
| 80 | +Una Promise recibe una "función ejecutora" que acepta dos argumentos: |
| 81 | +resolve y reject. |
| 82 | +El objeto Promise representa la eventual finalización (o falla) de una |
| 83 | +operación asincrónica y su valor resultante. |
| 84 | +Un Promise está en uno de estos estados: |
| 85 | +• pending (pendiente): estado inicial, ni cumplido ni rechazado |
| 86 | +• fulfilled (cumplida): lo que significa que la operación se completó con éxito |
| 87 | +• rejected (rechazada): lo que significa que la operación falló |
| 88 | +Una promesa pendiente puede cumplirse con un valor o rechazarse con |
| 89 | +un motivo (error). |
| 90 | +Cuando ocurre cualquiera de estas opciones, se llama a los controladores |
| 91 | +asociados en cola por el método then de una promesa. |
| 92 | + |
| 93 | +[Documentación Promesas](https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Promise) |
| 94 | + |
| 95 | +---- |
| 96 | + |
| 97 | +### Tipo de dato undefined |
| 98 | + |
| 99 | +En JavaScript, un primitive (valor primitivo, tipo de dato primitivo) |
| 100 | +son datos que no son un objeto y no tienen métodos. |
| 101 | + |
| 102 | +[Documentación Primitivo](https://developer.mozilla.org/es/docs/Glossary/Primitive) |
| 103 | + |
| 104 | +[Documentación Undefined](https://developer.mozilla.org/es/docs/Glossary/Undefined) |
| 105 | + |
| 106 | +---- |
| 107 | + |
| 108 | +### spread |
| 109 | + |
| 110 | +La sintaxis extendida o spread syntax permite a un elemento iterable tal como |
| 111 | +un arreglo o cadena ser expandido en lugares donde cero o más argumentos |
| 112 | +(para llamadas de función) o elementos (para Array literales) son esperados, |
| 113 | +o a un objeto ser expandido en lugares donde cero o más pares de valores clave |
| 114 | +(para literales Tipo Objeto) son esperados. |
| 115 | + |
| 116 | +[Documentación](https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Operators/Spread_syntax) |
| 117 | + |
| 118 | +---- |
| 119 | + |
| 120 | +### Push Array |
| 121 | + |
| 122 | +El método Array.prototype.push() en JavaScript se utiliza para agregar uno o |
| 123 | +más elementos al final de un array y devuelve la nueva longitud del array. |
| 124 | +[Documentación](https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Array/push) |
| 125 | + |
| 126 | +---- |
| 127 | + |
| 128 | +### For each |
| 129 | + |
| 130 | +El método forEach() ejecuta la función indicada una vez por |
| 131 | +cada elemento del array |
| 132 | + |
| 133 | +[Documentación](https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach) |
0 commit comments