Crea una Pokédex con HTML, CSS y JavaScript (PokéAPI)

Подписаться 246 тыс.

Просмотров 40 тыс.

50% 1

Practica tus habilidades de HTML, CSS y JavaScript creando una Pokédex paso a paso con la PokéAPI.
✏️ Curso creado por Carpi Coder.
- RU-vid: / 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

Опубликовано:

26 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 55

@carpicoder 9 месяцев назад

Gracias Estefanía por compartir el tutorial. Siempre abierto a compartir mis conocimientos. Espero que les guste y les sirva! 👌🏼

@juandavidcamayohidalgo8882 9 месяцев назад

Crees que pueda hacerlo aun si soy un novato?

@carpicoder 9 месяцев назад

@@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!

@lucasbarrera3016 9 месяцев назад

Muchas gracias por el aporte, muy agradecido

@44valennn 9 месяцев назад

grande carpi, hace mas videos asi estan buenisimos

@xxxuxxx370 9 месяцев назад

Grande Carpi felicitaciones.

@undefinedmethod3 9 месяцев назад

¡Siempre tan genia! Tu aporte al mundo es mucho más valioso de lo que imaginas. Abrazo desde Uruguay 🇺🇾

@joseleonrs9817 9 месяцев назад

Esta contribución es oro para quienes queremos enriquecer nuestro conocimiento día a día ❤🎉 gracias 😊

@elmersolis7301 9 месяцев назад

excelente , siempre aprendiendo gracias

@ianaguilarsoria8478 День назад

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

@gilgameshfanfincs 9 месяцев назад

Que hermoso muchas gracias 💚

@pachenico 9 месяцев назад

Muchas gracias por este video, hoy mismo empece a verlo para luego hacer el mismo proyecto.

@NickCabr 9 месяцев назад

Curiosamente este proyecto lo he visto como prueba técnica en algunos trabajos, muchas gracias por compartirlo

@AlexGarcia-ut6jn 9 месяцев назад

Excelente muchas gracias

@4lbert542 9 месяцев назад

Excelente video , bien explicado y nada de cosas innecesarias

@Jazmin-mtz 9 месяцев назад

Me encanta tu forma de enseñar

@TulikoKKo702 6 месяцев назад

muy buen video, gracias!

@waifucodes 9 месяцев назад

my spanish sucks but i want to be able to also understand programming in spanish so im watching this to possibly improve it hehe

@sandradegarcia6282 9 месяцев назад

Gracias🎉

@sol____-_- 9 месяцев назад

Muchas gracias por compartir el conocimiento.🤍

@salvacao437 9 месяцев назад

buen tuto. Crack.

@Fab045jb 9 месяцев назад

Gracias ..excelente..

@luisangellopezatencio5775 9 месяцев назад

Gracias🥰

@Fritz7320 9 месяцев назад

Grande Carpi sos un grande

@user-qt2bl9ud7k 5 месяцев назад

un aporte grandioso gracias a esto pude recordar lo que sabia de apis !gracias!

@sergioalejandroperezcastil7656 9 месяцев назад

Excelente, saludos

@TheKodeMc 2 месяца назад

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!

@MORFO458 9 месяцев назад

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

@jorgevalbuena4502 9 месяцев назад

Qué eeeeee? ❤❤❤

@dan1294xx 8 месяцев назад

gracias

@JM1675 22 дня назад

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.

@jordanreyessolano1110 9 месяцев назад

buenos videos

@benjaminvimalkrishna 9 месяцев назад

a full chicos me uno a ustedes, me pondre a realizar este proyecto hermoso

@PoloSlz 9 месяцев назад

Poco mas de 3 horitas pausando y tecleando, buen ejercicio, aunque al final algo me quedó mal 🤔, ahora si, a revisar la documentación 😂😂

@gabrielabarza9626 9 месяцев назад

Son un tesoro, todo el equipo de freecodecamp. Gracias a ustedes aprendi y hoy trabajo. Proximo sueldo aporto! Carpi trabaja con coderhouse?

@pfc3578 9 месяцев назад

Buenas! Con que stack conseguiste trabajo?

@carpicoder 9 месяцев назад

Hola! Trabajo en Coderhouse 💪🏼

@gabrielabarza9626 9 месяцев назад

@@carpicoder sii te conozco del curso de verano que hice.

@toumakamijou5726 8 месяцев назад

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

@haru100 7 месяцев назад

Estoy apriendo programación y español al mismo tiempo.

@grtourscartagena 9 месяцев назад

Quería escuchar a estephanie decir Geniaaal. Pero todo lo que aporte estephanie lo tomo..

@grtourscartagena 9 месяцев назад

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..

@carpicoder 9 месяцев назад

😂🤙🏼😎

@miguelsaez5931 6 месяцев назад

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í

@yefirepichunterinc2500 3 месяца назад

Hola, Excelente explicacion. Una pregunta Como se llama la extesion de ese JSON formatter ?

@gustavodelahoz3318 9 месяцев назад

holaaa!! a mi me salen las imagenes de los pokemones grande, hay alguna manera de colocarlos mas pequeños??

@dagcomunica5921 9 месяцев назад

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?

@mateo4274 9 месяцев назад

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!

@lucianosalas6986 9 месяцев назад

Por qué los id se desordenan??? Como se puede corregir eso?

@jovany534 9 месяцев назад

Curso de Java 🥲 porfa

@anthonykohler 8 месяцев назад

*Promo sm* 💐

@UMMO99 9 месяцев назад

Y sin cobrar 4 mil dólares, aprende algo Henry

@edisonhernandez6175 9 месяцев назад

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

@franliendro 8 месяцев назад

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....