Introducción al curso

1

¡Alto! Tenemos una nueva versión de este curso para ti

2

Bienvenidos al Curso de Fundamentos de JavaScript

3

Repositorio de este curso de fundamentos de JS

Primeros pasos en JavaScript

4

Variables

5

Variables: Strings

6

Variables: Números

7

Funciones

8

El alcance de las funciones

9

Objetos

10

Desestructurar objetos

11

Parámetros como referencia o como valor

12

Comparaciones en JavaScript

Estructuras de Control y Funciones

13

Condicionales

14

Funciones que retornan valores

15

Arrow functions

16

Estructuras repetitivas: for

17

Estructuras repetitivas: while

18

Estructuras repetitivas: do-while

19

Condicional múltiple: switch

Arrays

20

Introducción a arrays

21

Filtrar un array

22

Transformar un array

23

Reducir un array a un valor

Programación Orientada a Objetos en JavaScript

24

Cómo funcionan las clases en JavaScript

25

Modificando un prototipo

26

El contexto de las funciones: quién es this

27

La verdad oculta sobre las clases en JavaScript

28

Clases en JavaScript

Asincronismo

29

Funciones como parámetros

30

Cómo funciona el asincronismo en JavaScript

31

Cómo funciona el tiempo en JavaScript

32

¿Qué pasó con swapi.co?

33

Callbacks

34

Haciendo múltiples requests

35

Manejando el Orden y el Asincronismo en JavaScript

36

Manejo de errores con callbacks

37

Promesas

38

Promesas Encadenadas

39

Múltiples promesas en paralelo

40

Async-await: lo último en asincronismo

Juego de HTML

41

Comenzando el juego

42

Generando una secuencia de números

43

Iluminando la secuencia de colores

44

Obteniendo el input del usuario

45

Agregando la verificación del color elegido

46

Agregando los estados finales del juego

47

Conclusiones del curso

Complementos

48

Diferencias entre var, let y const

49

Memoización: ahorrando cómputo

50

¿Hace cuántos días naciste?

51

Funciones recursivas

52

Entiende los closures de JavaScript

53

Estructuras de datos inmutables

54

Cambiando de contexto al llamar a una función

55

¿Cuándo hace falta poner el punto y coma al final de la línea?

¿Qué pasó con swapi.co?

32/55

Lectura

SWAPI.co ha desaparecido

Desafortunadamente, swapi.co ya no se mantiene y el servicio está actualmente inactivo. El autor del proyecto, Paul Hallett, quien creó y le dio mantenimiento ha desactivado desde hace tiempo esta API que muchos utilizamos en nuestros proyectos de JavaScript para aprender a integrar un backend a un frontend.

...

Regístrate o inicia sesión para leer el resto del contenido.

Aportes 101

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Una API es una interfaz cuya finalidad es comunicar aplicaciones entre sí.
Cuando se construye un sitio web, es muy común utilizar distintas APIS que han sido desarrolladas por otras personas/empresas, esto ayuda muchísimo para no perder tiempo “reinventando la rueda”.
Por ejemplo, existe una API llamada formsubmit.co, que te permite enviar datos desde una pagina a un correo eléctronico sólo poniendo tu dirección de correo en un link, esto es muy útil porque sino tendrías que crear toda una aplicación de servidor para poder enviar correos desde tu pagina a tu cuenta de correo.
Ahora, swapi.co (ahora swapi.dev) es una API REST, las API REST son servicios que te brindan datos de algo en específico. Es muy común utilizar API REST en desarrollo web ya que al programar una pagina NO tienes acceso a una base de datos (no directamente), pero esta API REST sí puede comunicarse con una base de datos, entonces estaría actuando como intermediario para brindarte los datos que deseas. swapi.dev te brinda información sobre Star wars, para que puedas utilizar dicha información en tus aplicaciones, ya sea para practicar o profesionalmente. Existen muchas API REST gratuitas en internet, las más populares son:
-Pokeapi (te brinda datos de pokemon, obviamente)
-The Movie Api (Te brinda datos de películas, estrenos, repartos, sinopsis, banners, etc)
-etc

Las API REST son buenísimas porque te brindan la información y tú sólo te encargas de manipularla y mostrarlas.
Recomiendo ver algún video de Como hacer un pokedex con Javascript, ahí consumen los datos de la pokeapi (cualquier tutorial sirve).

Solo tengo una sugerencia, incluyan el contexto. Después de leer los comentarios sé que vamos a hacer, pero al principio estaba un poco perdido.

Para lo que no saben nada sobre API este video les puede ayudar:

https://www.youtube.com/watch?v=u2Ms34GE14U

perfecto, estábamos hablando de asincronismo y de pronto me entero que swapi.co ya no existe, y mejor usar swapi.dev. para crear algo de Star Wars de lo que no hemos hablado antes y por ende no tengo ningún contexto 🤔 😒

SWAPI es un recurso (API) que el profeso utiliza y explica en las siguientes clases.
Sucede que el dominio swapi.co ya no funciona y es con el que se grabaron los videos, por ello hace la aclaración de que donde vean swapi.co pongan swapi.dev

Eso es todo, en los próximos vídeos lo entenderán mejor 😄

API:
**Aplication Programing Interface **
Es una interfaz para que se comuniquen aplicaciones y compartan datos entre ellos.
¿Que es una interfaz?
Es lo que permite que interactues con un sistema, sin necesidad de saber que ocurre "tras bambalinas"
EJEMPLO:
El formulario de login parea acceder a tus cuentas de e-mail, redes sociales, plataformas educativas etc.
API != SERVICIO WEB
Un servicio web, es un sistema que permite la comunicacion entre equipos que esten en una red.

Deberian ser mas claros con respecto al tema de la API, primero que todo no hay contexto de que a se esta refiriendo, segundo hay estudiantes que no saben que es una api o un fork por lo que puden estar mas perdidos y gastar tiempo en cosas que mas adelante o otros cursos puden explicar mejor. Ademas seria bueno que especifiquen que una api no es algo que debas descargar porque esa duda se repite.

No entendi para que es esto jaja

emm…creo que esto no iba por aqui…igual, tiene que servir mas delante

De nuevo, el proyecto de Swapi.dev tampoco sigue en mantenimiento, de todas formas se puede seguir utilizando su código. Yo les recomiendo este -> https://pokeapi.co/

Ahora la API de Star Wars se cambió a: https://www.swapi.tech

Bueno, creo que en esta sección del curso falto explicar que es SWAPI, para que sirve, cual es el objetivo dentro del curso, etc., esperemos las siguientes sesiones.

No entiendo a qué viene el artículo con lo que se está hablando en las clases

No estoy listo para empezar a consumir la Api, pero espero esta semana lograrlo!

Me perdi un poco, donde utilizamos swapi??

LEs comparto este video, me ayudo a entender lo que es una API
https://www.youtube.com/watch?v=u2Ms34GE14U

aun no se para que pero gracias!

#Interesante

Noooo SWAPI 😦 F en el chat

No entiendo lo de las APIS. estoy un poco confundido con esto. Como la instalo?

Ya llegará el momento de consumir APIs

Que es swapi? que es una api? para que son? para que las vamos a usar?
Esperemos que san Google nos pueda responder =D

Estoy un poco perdido pero buscare información al respecto.

Justo estoy trabajando en una versión visual de este proyecto.

Primero hice la ingestión de esa API mediante requests en python y los pasé a una db de Mongo, seguido de esto integré autenticación para que se pueda comentar en cada uno de los sitios de la página web y luego lo integré con docker-compose, sin embargo aún le falta

No sé de qué va esta parte, pero igual seguiré en el curso jijiji.

Hola para los que no entiende esta explicacion es por que la api que esta en el video ya no esta disponble en la web!!! por eso no pasa el nombre de la nueva que swapi.dev.
api antigua

<const API_URL =  'https://swapi.com/api/' //mandmos a llamar la api
const PEOPLE_URL ='people/:id'>

api nueva

<const API_URL =  'https://swapi.dev/api/' //mandmos a llamar la api
const PEOPLE_URL ='people/:id'>

esta explicacion no es clara, ya hay muchas personas con dudas y platzi no se reporta

Hola, ¿qué es un Fork? Y gracias.

muchas gracias por la informacion! 😄

Yo uso la api de rick and morty

No conocía la existencia de esta API, excelente, gracias

esta complejo este reto de crear un API, cuando tenga mas información creare uno o por lo menos se intentara.

Gracias profe, que amable

No entiendo, ¿qué es swapi? Por ahí debieron de haber empezado…

Muchas gracias por las explicaciones me han sido de gran ayuda.

Gracias, osea esto es una actualización para el material que vamos a ver a continuación del curso anotado 😄

esto es para utilizarlo en un futuro cercano…

Que es una API??? No entendí nada!

santos bacalaos

Pero que cosa es esto?, ando como perdido

Gracias 👍

F

iba muy bien con los temas hasta que llegue aquí y me perdi!! De que … están hablando???

vamos a probar

Genial! Muchas gracias!

vamos que vamos por esa API de sw

muchas gracias

el baile del troleo ACTIVO!

Gracias!.

Perfecto gracias

Perfecto, muchas gracias!

gracias

Genial, no sabía de esa API, aunque una que me gusta mucho es la de Rick & Morty API jaja pero es genial que esta API esté disponible para descargar, así no tenemos que preocuparnos de que alguien la hostee ^^

anotado

¡Muchas gracias, Sasha!

¡Buenísima información!

Excelente gracias no conocia esta api

Buen aporte.

excelente

Genial gracias por el dato para poder hacer un fork!

Gracias.

ok!

Mas adelante intentaremos modificar y crear nuestra API

Ok, I’d like to start reading now. It’s a great info.

muchas gracias por tu aporte

Esta información es para el siguiente vídeo ya que usamos esta api para aprender sobre callbacks

Estupendo, gracias por compartir la información.

Igual que Lucas, pon algún contexto, esto es parecido a jquery?

No entiendo muy bien que es el swapi.io y que debemos hacer

Bueno a hora toca usar swapi.dev y todos felices.✌

Listo, para lo que sigue

Ya le hice el fork al repositorio, a seguir con esto para ver como podemos utilizarlo

aunque la API está en Python y no en JavaScript, es un recurso que deberíamos explorar y utilizar para entender cómo funcionan las APis

que hago con esto? no se nada de api’s

OK

Genial ahora es swapi.dev

La verdad ni idea de que es eso de swapi, ya le hice fork pero en lo demás ando bastante perdido.

Entendido 💪🙌

Espero en un próximo vídeo entender como usar Swapy.dev

Estoy utilizando Pokeapi para practicar, que nostalgia :’)

Ya se entiende lo del articulo, solo que los que tienen un orden de visualizacion del curso, no sabemos la referencia. Excelente, gracias por aclarar, excelente comunidad de estudiantes.

  • Un muy buen tutorial para familiarizarnos con las APIS

JS – Fetch API (PokeApi)

Un aporte, también se podría usar json-server

gracias

Grande Juriy Bura

Buen aporte!

Buen dato, ya que nunca hace estos comentarios o estas notas y no sabemos como va cuando lo encaramos en la marcha.

In the GitHub Repo:
The Star Wars API
NO LONGER MAINTAINED!

Thanks a lot

Que bueno por la notificación.
Gracias.

Gracias

muchas gracias

Gracias!

Aun no estoy al 100 con los callback pero, espero que con esto me quede mas claro 😄

Gracias!

Muchas gracias

Gracias por el dato

excelente dato.

Gracias por el dato