Loading...
Primera ola del feminismo
Quiz by Fernando Carmona
Customize this quiz to suit your class
Instantly translate to 100+ languages
Tag the questions with any skills you have. Your dashboard will track each student's mastery of each skill.
Give this quiz to my class
JavaScript posee dos maneras de manejar la asincronicidad, a través de: Observables y Promesas, que comparten el mismo objetivo, pero con características y comportamientos diferentes. ¿Qué es la asincronicidad en JavaScript? La asincronicidad se refiere a cuando Javascript utiliza procesos asíncronos para realizar muchas tareas a la vez, tareas que pueden tomar determinado tiempo o nunca finalizar. Es decir, este lenguaje de programación es un monohilo y esto significa que solo puede hacer una cosa a la vez y la ejecución de un proceso demorará a los que vengan posteriormente hasta que este termine. Es así como la lectura de archivos o las peticiones HTTP son procesos asíncronos y se requiere de un método para manipular este tipo de procesos como los observables y promesas. ¿Qué son los observables? Gran parte del ecosistema Angular está basado en observables y la librería RxJS es tu mejor aliado a la hora de manipularlos. El patrón de diseño “observador” centraliza la tarea de informar un cambio de estado de un determinado dato o la finalización de un proceso, notificando a múltiples interesados cuando esto sucede sin necesidad de que tengan que consultar cambios activamente. Características de los Observables en Javascript Emiten múltiples datos Permiten escuchar cualquier tipo de proceso, (peticiones a una API, lectura de archivos, etc.) Notifican a múltiples interesados Pueden cancelarse Manipulan otros datos (transformar, filtrar, etc.) con RxJS. Son propensos al callback hell Ejemplos con Observables import { Observable } from 'rxjs'; const getAnObservable$ = () => { return new Observable(observer => { observer.next('Valor 1'); observer.next('Valor 2'); observer.next('Valor 3'); }); }; (() => { getAnObservable$ .pipe( // Manipulación de resultados con RxJS ) .subscribe(res => { console.log(res); }); }) ¿Qué son las promesas? Las promesas son un método algo más sencillo y directo para manipular procesos asincrónicos en Javascript. Además, estos objetos tienen dos posibles estados: Resuelto Rechazado Dependiendo si el proceso asincrónico se ejecutó correctamente hubo algún error. Desde el año 2017 se especificó en el estandar de EcmaScript la posibilidad de manipular promesas de una manera mucho más fácil con async/await. Async para especificar que una función es asíncrona y Await para esperar por el resultado sin bloquear el hilo de ejecución. Características de las Promesas Ofrecen mayor simplicidad Emiten un único valor Evitan el callback hell No se puede cancelar Proveen una robusta API nativa de Javascript disponible desde ES 2017 Constituyen librerías populares como AXIOS o Fetch Ejemplos con Promesas // Promesas con .then() y .catch() const p = new Promise((resolve, reject) => { setTimeout(function(){ resolve("¡Hola Promesa!"); }, 1000); }); p.then((result: string) => { console.log(result); // ¡Hola Promesa! }).catch(err => { console.log(err); // En caso de error }); // Promesas con async/await (async () => { const p = await new Promise((resolve, reject) => { setTimeout(function(){ resolve("¡Hola Promesa!"); }, 1000); }).catch(err => { console.log(err); // En caso de error });; console.log(p); // ¡Hola Promesa! }); Observable a Promesa Una característica más de RxJS es la posibilidad de convertir fácilmente un Observable a Promesa: import { of, firstValueFrom, lastValueFrom } from 'rxjs'; observableToPromise(): Promise<string> { return lastValueFrom(of('¡Soy una promesa!')); } La función of devuelve en forma de observable lo que sea que le coloques dentro. La función firstValueFrom o lastValueFrom devuelve el primer (o último) valor que el observable emita en forma de promesa. Promesa a Observable De manera muy similar, puedes convertir una Promesa en un Observable: import { from } from 'rxjs'; PromiseToObservable(): Promise<Observable<any>> { return from(new Promise((resolve, reject) => { console.log('¡Soy un observable!') })); } La función from de RxJS convertirá una promesa en observable para que puedas manipular y suscribirte a la emisión de sus datos. Conclusión En ocasiones te sentirás mejor trabajando de las dos maneras, tanto con el observable como con la promesa. Lo importante es comprender cómo funcionan ambos objetos, sus características, diferencias y decidir cuál aplicar en tus proyectos de programación.Tipo de noticia ¿De qué trata? Ejemplo breve Informativa general Cualquier hecho real y actual Calendario escolar Política Gobiernos, elecciones, leyes Plan de seguridad Económica Precios, empleos, comercio Sube el gas Deportiva Deportes, partidos, torneos Gana campeonato Cultural Música, arte, fiestas, cultura local Festival musical Científica / tecnológica Descubrimientos, ciencia, avances tech App contra incendios De sociedad Comunidad, salud, educación Unidad médica De sucesos Accidentes, robos, incendios Incendio en casas 1. Plantilla: Análisis de una noticia Puedes imprimir o proyectar esto para que los estudiantes completen al trabajar con una noticia real: ________________________________________ Análisis de una noticia Título de la noticia: ___________________________ Autor o fuente: ___________________________ Fecha de publicación: ___________________________ 1. ¿Cuál es el TITULAR? ✍️ Escribe el titular completo: ________________________________________ 2. ¿Qué dice el LEAD o entrada? ✍️ Escribe el primer párrafo: ________________________________________ 3. ¿Quiénes son los protagonistas de la noticia? 👤 ___________________________________________________________ 4. ¿Qué ocurrió? 📰 ___________________________________________________________ 5. ¿Dónde ocurrió? 📍 ___________________________________________________________ 6. ¿Cuándo ocurrió? 🕒 ___________________________________________________________ 7. ¿Por qué ocurrió? ❓ ___________________________________________________________ 8. ¿Qué parte de la noticia te pareció más interesante o importante? 💡 ___________________________________________________________ 1. Encabezado • Es el nombre del medio o la sección donde aparece la noticia (por ejemplo, “Actualidad”, “Internacional”, “Deportes”, etc.). • No es parte del texto de la noticia, pero ayuda a ubicarla. 2. Titular (o título) • Es la frase principal de la noticia. • Resume la información más importante de forma breve, clara y llamativa. • Debe captar la atención del lector. Ejemplo: “Estudiantes colombianos ganan concurso de ciencia en México” 3. Bajada (o subtítulo) • Es una frase complementaria al titular. • Amplía o da más contexto antes de entrar al cuerpo del texto. • Aclara quién, dónde o cómo pasó algo. Ejemplo: Participaron más de 200 jóvenes de 12 países en la Feria Internacional de Ciencias Juveniles. 4. Entradilla (o lead) • Es el primer párrafo de la noticia. • Resume lo más importante del hecho y responde a las famosas 5 W del periodismo: o ¿Qué pasó? o ¿Quiénes estuvieron involucrados? o ¿Cuándo? o ¿Dónde? o ¿Por qué? Ejemplo: El equipo del Colegio Central de Medellín ganó la medalla de oro gracias a su proyecto de energía solar, en el evento realizado en Ciudad de México el pasado sábado. 5. Desarrollo (o cuerpo de la noticia) • Explica el hecho con más detalles, testimonios, cifras, descripciones o antecedentes. • Puede incluir citas, opiniones de expertos o datos específicos. Ejemplo: Los estudiantes crearon un sistema portátil de paneles solares que puede ser usado en zonas rurales. Su profesora, Laura Gómez, comentó que trabajaron durante seis meses en el proyecto. 6. Cierre (o remate) • Es el último párrafo. • Puede incluir: o Consecuencias del hecho o Próximos pasos o Una reflexión final o Información adicional Ejemplo: La alcaldía de Medellín felicitó a los ganadores y anunció apoyo económico para futuras competencias científicas.Primera ConferenciaPrimera Evaluación Parcial de Enrutamiento y ConmutaciónPrimera comunión 1Primera comunión Primera ev parcialPrimera clase- practica