隆Te damos la bienvenida a este reto!

1

隆Bienvenido al mundo de JavaScript!

D铆a 1

2

Variables, funciones y sintaxis b谩sica

3

Tipos de datos

4

Playground - Retorna el tipo

5

Tipos de datos - pt 2

D铆a 2

6

Operadores

7

Hoisting y coerci贸n

8

Playground - Calcula la propina

9

Alcance de las variables

D铆a 3

10

Condicionales

11

Playground - Calcula a帽os bisiestos

12

Switch

13

Playground - Obten informaci贸n de mascotas seg煤n su tipo

14

Ciclos

15

Playground - Dibuja un triangulo

D铆a 4

16

Arrays

17

Playground - Encuentra al michi mas famoso

18

Objetos

19

Playground - Obten el promedio de los estudiantes

D铆a 5 - Checkpoint

20

Playground - encuentra el palindromo m谩s grande

D铆a 6

21

Reasignaci贸n y redeclaraci贸n

22

Modo estricto

D铆a 7

23

Debugging y manejo de errores

24

Programaci贸n funcional

Quiz: D铆a 7

D铆a 8

25

Closures

26

Playground - Crea una calculadora con closures

27

Higher order functions

28

Playground - Crea tu propio m茅todo map

D铆a 9

29

ECMAScript

30

TC39

Quiz: D铆a 9

D铆a 10 - Checkpoint

31

ES6

32

ES7

33

Playground - Task planner

D铆a 11

34

Asincronismo

35

Playground - Promesas

36

Manejando el asincronismo

37

Playground - Resuelve el callback hell usando promesas

38

Playground - Resuelve el callback hell usando async/await

D铆a 12

39

Arrays a profundidad

40

M茅todos de arrays: Every, Find y findIndex

41

Playground - V谩lida el formulario

D铆a 13

42

M茅todos de arrays: Includes, Join y concat

43

Playground - agrupa los productos

44

M茅todos de arrays: Flat y FlatMap

45

Playground - Encuentra la ubicaci贸n del valor buscado

D铆a 14

46

Mutable functions

47

Playground - Modifica una lista de compras

48

M茅todos de arrays: sort

49

Playground - Ordena los productos

D铆a 15 - Checkpoint

50

Playground - Sistema de reservaciones de un hotel

D铆a 16

51

Programaci贸n orientada a objetos en JavaScript

52

Objetos literales

53

Playground - Congela el objeto recursivamente

D铆a 17

54

Prototipos en JavaScript

55

Playground - Modifica el prototype de los arrays

56

Playground - Crea un auto usando clases

D铆a 18

57

Abstracci贸n en JavaScript

58

Playground - Sistema de carrito de compras

59

Encapsulamiento en JavaScript

60

Playground - Encapsula datos de los usuarios

D铆a 19

61

Herencia en JavaScript

62

Playground - Jerarqu铆a de animales

63

Polimorfismo en JavaScript

64

Playground - Sistema de pagos

D铆a 20 - Checkpoint

65

Playground - Agenda de vuelos

D铆a 21

66

Patrones de dise帽o

67

Sinlgeton y Factory pattern en JavaScript

68

Playground - Implementa singleton en un chat

D铆a 22

69

Adapter y Decorator pattern en JavaScript

70

Playground - Mejora el c贸digo usando builder pattern

71

Builder y Protype pattern en JavaScript

72

Playground - Personaliza productos de una tienda

D铆a 23

73

Facade y proxy pattern en JavaScript

74

Playground - Proxy en servicio de mensajer铆a

75

Chain of responsability y Observer pattern en JavaScript

76

Playground - Implementaci贸n de Observador en Newsletter

D铆a 24

Live Class

77

30 d铆as de JS con Juan DC

78

30 d铆as de JS con Nicobytes

79

30 d铆as de JS con GNDX

80

30 d铆as de JS con LeoCode

Manejando el asincronismo

36/80

Lectura

Las promesas son una caracter铆stica importante de JavaScript para manejar operaciones as铆ncronas y controlar su flujo. Pero, 驴c贸mo se manejan las promesas en el c贸digo de forma eficiente y efectiva? Vamos a discutir dos formas populares de manejar promesas: mediante callbacks y mediante async/await.

...

Reg铆strate o inicia sesi贸n para leer el resto del contenido.

Aportes 2

Preguntas 1

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

callback, promesas y async/await:


.
Un callback es una funci贸n que se pasa como argumento a otra funci贸n y se invoca despu茅s de que se complete una tarea as铆ncrona. Por ejemplo, imagina que tienes una funci贸n que obtiene datos de un servidor y quieres imprimir los datos en la consola cuando se complete la solicitud.

function getData(callback) {
  // Hacer la solicitud al servidor
  // ...
  // Cuando se complete la solicitud:
  callback(data);
}

getData(function(data) {
  console.log(data);
});

Las promesas son un m茅todo m谩s nuevo para manejar el asincronismo en JavaScript. Una promesa representa un valor que puede estar disponible ahora, en el futuro o nunca. Las promesas tienen tres estados posibles: pendiente, resuelta y rechazada. Puedes encadenar promesas juntas para manejar m煤ltiples tareas asincr贸nicas en secuencia.

function getData() {
  return new Promise((resolve, reject) => {
    // Hacer la solicitud al servidor
    // ...
    // Cuando se complete la solicitud:
    if (data) {
      resolve(data);
    } else {
      reject("No se pudo obtener los datos");
    }
  });
}

getData()
  .then((data) => {
    console.log(data);
  })
  .catch((error) => {
    console.error(error);
  });

Finalmente, async/await es una forma m谩s f谩cil y legible de manejar el asincronismo en JavaScript. Puedes usar la palabra clave async para declarar una funci贸n as铆ncrona y la palabra clave await para esperar a que se complete una tarea antes de continuar con la siguiente. Esto hace que el c贸digo sea m谩s f谩cil de leer y entender.

async function imprimirDespuesDeUnSegundo() {
  await new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve();
    }, 1000);
  });
  
  console.log("Hola"); // imprime "Hola" despu茅s de 1 segundo
}

imprimirDespuesDeUnSegundo();

Los cursos sugeridos y el reto, son un complemento perfecto para un excelente aprendizaje de este lenguaje, siento que estoy aprendiendo un mont贸n y lo mejor de manera agradable y sin tanto dolor, (aunque cabe resaltar que me dan duro los playground) .
Gracias Luis por todos tus aportes cada clase los leo y gracias Platzi por este tipo de retos y ojala que vengan m谩s retos como este 馃榿馃榿馃榿馃榿馃榿馃榿馃槉