Crea una Pokédex con HTML, CSS y JavaScript (PokéAPI)
ฝัง
- เผยแพร่เมื่อ 27 ก.ค. 2024
- Practica tus habilidades de HTML, CSS y JavaScript creando una Pokédex paso a paso con la PokéAPI.
✏️ Curso creado por Carpi Coder.
- TH-cam: / carpicoder
- Sitio Web: carpicoder.com/
- X: x.com/carpicoder
- GitHub: github.com/carpicoder
🔗 Enlaces:
- Código del proyecto: github.com/carpicoder/pokedex
- Proyecto en vivo: carpicoder.github.io/pokedex/...
- PokéAPI: pokeapi.co/
⭐️ Contenido del curso ⭐️
⌨️ (00:00:00) Introducción.
⌨️ (00:02:28) Primeros pasos para comenzar el proyecto.
⌨️ (00:05:58) Creando la estructura con HTML.
⌨️ (00:11:14) Asignando estilo con CSS.
⌨️ (00:34:03) Funcionalidad con JavaScript.
⌨️ (01:01:10) Conclusión
💻 Con freeCodeCamp puedes aprender a programar gratis y alcanzar tu meta de obtener un empleo como desarrollador: www.freecodecamp.org/espanol/
✍️ Lee cientos de artículos de programación de forma gratuita:
www.freecodecamp.org/espanol/...
🎥 Suscríbete a nuestro canal para encontrar más videos y cursos de programación: / freecodecampe. .
🎉 Muchas gracias a nuestros Campeones y Colaboradores:
👾 Miguel Carrero
👾 Luisana Amarista
👾 Prada Pragrama
👾 Isaac Alcides Silva
👾 Gilberto Serrato
👾 Gabriela Borba
👾 Rubén Sanchez
👾 Diego Antonio Nieto
👾 Hector Iarre
👾 Nicolás Costas
👾 Felipe Nuñez
Gracias Estefanía por compartir el tutorial. Siempre abierto a compartir mis conocimientos. Espero que les guste y les sirva! 👌🏼
Crees que pueda hacerlo aun si soy un novato?
@@juandavidcamayohidalgo8882 Se puede seguir, pero sí está bueno tener ciertos conocimientos de las tecnologías que usamos en este curso (HTML, CSS y JS) para poder seguirlo con comodidad!
Muchas gracias por el aporte, muy agradecido
grande carpi, hace mas videos asi estan buenisimos
Grande Carpi felicitaciones.
my spanish sucks but i want to be able to also understand programming in spanish so im watching this to possibly improve it hehe
Esta contribución es oro para quienes queremos enriquecer nuestro conocimiento día a día ❤🎉 gracias 😊
¡Siempre tan genia! Tu aporte al mundo es mucho más valioso de lo que imaginas. Abrazo desde Uruguay 🇺🇾
Curiosamente este proyecto lo he visto como prueba técnica en algunos trabajos, muchas gracias por compartirlo
Muchas gracias por este video, hoy mismo empece a verlo para luego hacer el mismo proyecto.
excelente , siempre aprendiendo gracias
Excelente video , bien explicado y nada de cosas innecesarias
Buen aporte para la comunidad freecodecamp con buenos tutoriales, recuerdo cuando me tocó realizar un proyecto de una api en este caso fue crear el backend y extraer datos de una api de tipo food
Que hermoso muchas gracias 💚
wow es la primera vez que practico programación (tengo conocimientos muy básicos) pero wow de pasar del HTML al JavaScript fue como pasar de la edad de piedra al futuro en un par de líneas de código, increíble el poder que tiene JavaScript!
Muchas gracias por compartir el conocimiento.🤍
Excelente muchas gracias
muy buen video, gracias!
Me encanta tu forma de enseñar
un aporte grandioso gracias a esto pude recordar lo que sabia de apis !gracias!
Grande Carpi sos un grande
Poco mas de 3 horitas pausando y tecleando, buen ejercicio, aunque al final algo me quedó mal 🤔, ahora si, a revisar la documentación 😂😂
Excelente, saludos
Gracias ..excelente..
Muchas gracias por subir estos videos, que nos ayudan a practicar mucho, aunque talvez vayan enfocados a personas con un dominio mas avanzado, me gustaria que se tomaran un tiempo para dar un breve repaso sobre la funcionalidad de cada paso que implementan en el codigo, siento que ayudaria muchisimo a reafiarmar y retener información ademas de que senti que iba demasidado rapido igual nada que pausar y retroceder no solucione pero aun asi al ir tan rapido creo que se pierde un poco la atencion a los detalles
Gracias🎉
excelente vídeo muy buen proyecto para aprender a trabajar con API, bien explicado todo el único detalle y es mas bien error de parte de la pokeAPI es que el peso y la altura tienes que dividirla entre 10 para que sean los del pokemon como en la serie y los vídeo juegos , pero eso ya es algo que uno puede hacer fácilmente
buen tuto.
Crack.
Gracias🥰
Son un tesoro, todo el equipo de freecodecamp.
Gracias a ustedes aprendi y hoy trabajo.
Proximo sueldo aporto!
Carpi trabaja con coderhouse?
Buenas! Con que stack conseguiste trabajo?
Hola! Trabajo en Coderhouse 💪🏼
@@carpicoder sii te conozco del curso de verano que hice.
a full chicos me uno a ustedes, me pondre a realizar este proyecto hermoso
Carpi que bueno verte otra vez. Te sigo en el curso de react, nos quedamos en el video #13. Si le vas a dar continuidad al curso?
buenos videos
Qué eeeeee? ❤❤❤
gracias
Genial tutorial, lo de que salgan desordenados se puede solucionar con async await para cuando termine de cargar el 1° carga el 2° y así
Gracias por el tutorial. dos consejos: tienes que dividir la altura y el peso por 10. Si no, no tiene sentido. y los pokemon no siempre están cargados en orden si usas el método de "then" en lugar de un async await.
Quería escuchar a estephanie decir Geniaaal. Pero todo lo que aporte estephanie lo tomo..
holaaa!! a mi me salen las imagenes de los pokemones grande, hay alguna manera de colocarlos mas pequeños??
El canal de carpi me empezaba a salir recomendado no entendía por qué y eso que yo no vi las noticias de Freecodecamp español..
😂🤙🏼😎
Hola, muchas gracias por el tutorial. Tengo algo para anotar: los pokemones tipo 'dark' al parecer no existen en la PokéApi, si no es así por fa me corrigen, gracias!
Hola, Excelente explicacion. Una pregunta Como se llama la extesion de ese JSON formatter ?
Por qué los id se desordenan??? Como se puede corregir eso?
Estoy apriendo programación y español al mismo tiempo.
Curso de Java 🥲 porfa
freeCodeCamp en inglés enseñando embeddings y proyectos aplicando machine learning y aqui en español a como crear una pokédex 😅 buenos videos de igual forma jaja
*Promo sm* 💐
Y sin cobrar 4 mil dólares, aprende algo Henry
una lastima este canal, desde hace 4 meses que nos hicieron una encuesta para ver qué curso traer, el curso de videojuegos con javascript ganó y no suben nada....