- 130
- 1 043 033
Carpi Coder
Spain
Приєднався 12 лип 2022
Subo videítos semanales y cursitos de HTML, CSS, JavaScript y React JS. Intento explicar a mi manera todo lo que fui aprendiendo con el tiempo, y me alegra mucho que les sirva y les guste. 💖
Animación de letras con .timeline() y .to() en GSAP - Clase 02
🔗 Links
✅ Clase 01: ua-cam.com/video/66rpLEBmYP4/v-deo.html
✅ Split-Type: www.npmjs.com/package/split-type
✅ GSAP: gsap.com/
✅ Repositorio con los archivos del video: github.com/carpicoder/gsap-clase-02
🔥 Acá podés hacerte miembro del canal:
ua-cam.com/channels/53KeIgcYPozO6SqlN6edbw.htmljoin
Redes
📷 carpicoder
📱 tiktok.com/@carpicoder
🐦 x.com/carpicoder
🚀 discord.gg/wHKxGbMt4A
👨🏽💻 github.com/carpicoder
💼 linkedin.com/in/matiascoletta
Donaciones
🤙 carpicoder.com/donaciones
Contacto
✉️ hola@carpicoder.com
🌐 carpicoder.com
⌚ Capítulos
0:00 Intro
01:11 Split-Type
06:10 Animación de entrada
28:55 Animación de hover
46:56 Outro
✅ Clase 01: ua-cam.com/video/66rpLEBmYP4/v-deo.html
✅ Split-Type: www.npmjs.com/package/split-type
✅ GSAP: gsap.com/
✅ Repositorio con los archivos del video: github.com/carpicoder/gsap-clase-02
🔥 Acá podés hacerte miembro del canal:
ua-cam.com/channels/53KeIgcYPozO6SqlN6edbw.htmljoin
Redes
📷 carpicoder
📱 tiktok.com/@carpicoder
🐦 x.com/carpicoder
🚀 discord.gg/wHKxGbMt4A
👨🏽💻 github.com/carpicoder
💼 linkedin.com/in/matiascoletta
Donaciones
🤙 carpicoder.com/donaciones
Contacto
✉️ hola@carpicoder.com
🌐 carpicoder.com
⌚ Capítulos
0:00 Intro
01:11 Split-Type
06:10 Animación de entrada
28:55 Animación de hover
46:56 Outro
Переглядів: 313
Відео
Iniciando en GSAP - Introducción
Переглядів 62714 днів тому
🔥 Acá podés hacerte miembro del canal: ua-cam.com/channels/53KeIgcYPozO6SqlN6edbw.htmljoin Redes 📷 carpicoder 📱 tiktok.com/@carpicoder 🐦 x.com/carpicoder 🚀 discord.gg/wHKxGbMt4A 👨🏽💻 github.com/carpicoder 💼 linkedin.com/in/matiascoletta Donaciones 🤙 carpicoder.com/donaciones Contacto ✉️ hola@carpicoder.com 🌐 carpicoder.com ⌚ Capítulos 0:00 Intro 0:45 Qué es GSAP 4:05 Ejemplos 5:53...
Evitar que el HEADER tape el contenido con position fixed
Переглядів 9913 місяці тому
🔥 Acá podés hacerte miembro del canal: ua-cam.com/channels/53KeIgcYPozO6SqlN6edbw.htmljoin Redes 📷 carpicoder 📱 tiktok.com/@carpicoder 🐦 x.com/carpicoder 🚀 discord.gg/wHKxGbMt4A 👨🏽💻 github.com/carpicoder 💼 linkedin.com/in/matiascoletta Donaciones 🤙 carpicoder.com/donaciones Contacto ✉️ hola@carpicoder.com 🌐 carpicoder.com
Sitio web multi-idioma FÁCIL con JavaScript
Переглядів 1,5 тис.3 місяці тому
🔗 Links ✅ Repositorio: github.com/carpicoder/sitio-multi-idioma 🔥 Acá podés hacerte miembro del canal: ua-cam.com/channels/53KeIgcYPozO6SqlN6edbw.htmljoin Redes 📷 carpicoder 📱 tiktok.com/@carpicoder 🐦 x.com/carpicoder 🚀 discord.gg/wHKxGbMt4A 👨🏽💻 github.com/carpicoder 💼 linkedin.com/in/matiascoletta Donaciones 🤙 carpicoder.com/donaciones Contacto ✉️ hola@carpicoder.com 🌐 carpicode...
Sombra inteligente con CSS (y una mejora con JS)
Переглядів 1,2 тис.3 місяці тому
🔥 Acá podés hacerte miembro del canal: ua-cam.com/channels/53KeIgcYPozO6SqlN6edbw.htmljoin Redes 📷 carpicoder 📱 tiktok.com/@carpicoder 🐦 x.com/carpicoder 🚀 discord.gg/wHKxGbMt4A 👨🏽💻 github.com/carpicoder 💼 linkedin.com/in/matiascoletta Donaciones 🤙 carpicoder.com/donaciones Contacto ✉️ hola@carpicoder.com 🌐 carpicoder.com ⌚ Capítulos 0:00 Intro 0:53 Primera versión (CSS) 8:18 Seg...
Cómo empujar el footer para abajo! HTML + CSS
Переглядів 25 тис.4 місяці тому
🔥 Acá podés hacerte miembro del canal: ua-cam.com/channels/53KeIgcYPozO6SqlN6edbw.htmljoin Redes 📷 carpicoder 📱 tiktok.com/@carpicoder 🐦 x.com/carpicoder 🚀 discord.gg/wHKxGbMt4A 👨🏽💻 github.com/carpicoder 💼 linkedin.com/in/matiascoletta Donaciones 🤙 carpicoder.com/donaciones Contacto ✉️ hola@carpicoder.com 🌐 carpicoder.com
Atajos y truquitos de Visual Studio Code
Переглядів 1,7 тис.5 місяців тому
🔥 Acá podés hacerte miembro del canal: ua-cam.com/channels/53KeIgcYPozO6SqlN6edbw.htmljoin Redes 📷 carpicoder 📱 tiktok.com/@carpicoder 🐦 x.com/carpicoder 🚀 discord.gg/wHKxGbMt4A 👨🏽💻 github.com/carpicoder 💼 linkedin.com/in/matiascoletta Donaciones 🤙 carpicoder.com/donaciones Contacto ✉️ hola@carpicoder.com 🌐 carpicoder.com
Efecto de rotación 3D de imagen en JavaScript
Переглядів 1,6 тис.6 місяців тому
🔗 Links ✅ Repositorio: github.com/carpicoder/efecto-rotacion-3d-js ✅ Resultado final: github.com/carpicoder/efecto-rotacion-3d-js 🔥 Acá podés hacerte miembro del canal: ua-cam.com/channels/53KeIgcYPozO6SqlN6edbw.htmljoin Redes 📷 carpicoder 📱 tiktok.com/@carpicoder 🐦 x.com/carpicoder 🚀 discord.gg/wHKxGbMt4A 👨🏽💻 github.com/carpicoder 💼 linkedin.com/in/matiascoletta Donaciones 🤙 car...
PRUEBA TÉCNICA: efecto de trazo de imágenes con el cursor en JS
Переглядів 1,2 тис.6 місяців тому
🔗 Links ✅ Repositorio: github.com/carpicoder/cursor-image-trail-js ✅ Resultado final: carpicoder.github.io/cursor-image-trail-js 🔥 Acá podés hacerte miembro del canal: ua-cam.com/channels/53KeIgcYPozO6SqlN6edbw.htmljoin Redes 📷 carpicoder 📱 tiktok.com/@carpicoder 🐦 x.com/carpicoder 🚀 discord.gg/wHKxGbMt4A 👨🏽💻 github.com/carpicoder 💼 linkedin.com/in/matiascoletta Donaciones 🤙 carp...
Clonar y actualizar un repositorio de GitHub
Переглядів 9 тис.6 місяців тому
🔗 Links ✅ Git: ua-cam.com/video/kXFcIp2s7SM/v-deo.html ✅ GitHub: ua-cam.com/video/uIBWEEEZ5IM/v-deo.html 🔥 Acá podés hacerte miembro del canal: ua-cam.com/channels/53KeIgcYPozO6SqlN6edbw.htmljoin Redes 📷 carpicoder 📱 tiktok.com/@carpicoder 🐦 x.com/carpicoder 🚀 discord.gg/wHKxGbMt4A 👨🏽💻 github.com/carpicoder 💼 linkedin.com/in/matiascoletta Donaciones 🤙 carpicoder.com/donaciones Co...
Solucionando un problema de CSS
Переглядів 8207 місяців тому
🔥 Acá podés hacerte miembro del canal: ua-cam.com/channels/53KeIgcYPozO6SqlN6edbw.htmljoin Redes 📷 carpicoder 📱 tiktok.com/@carpicoder 🐦 x.com/carpicoder 🚀 discord.gg/wHKxGbMt4A 👨🏽💻 github.com/carpicoder 💼 linkedin.com/in/matiascoletta Donaciones 🤙 carpicoder.com/donaciones Contacto ✉️ hola@carpicoder.com 🌐 carpicoder.com
Cuenta regresiva con HTML, CSS y JS ⏱️
Переглядів 1,5 тис.7 місяців тому
En este video aprenderemos a armar una cuenta regresiva con HTML, CSS y JavaScript! 🔗 Links ✅ Repositorio: github.com/carpicoder/cuenta-regresiva ✅ Resultado final: carpicoder.github.io/cuenta-regresiva Redes 📷 carpicoder 📱 tiktok.com/@carpicoder 🐦 x.com/carpicoder 🚀 discord.gg/wHKxGbMt4A 👨🏽💻 github.com/carpicoder 💼 linkedin.com/in/matiascoletta Donaciones 🤙 carpicoder.com/donaci...
Te explico MÉTODOS DE ARRAYS en JavaScript
Переглядів 1,1 тис.7 місяців тому
En este video vamos a conocer los métodos de arreglos pricipales en JavaScript, como find, pop, shift, unshift, push, forEach, filter y find! Redes 📷 carpicoder 📱 tiktok.com/@carpicoder 🐦 x.com/carpicoder 🚀 discord.gg/wHKxGbMt4A 👨🏽💻 github.com/carpicoder 💼 linkedin.com/in/matiascoletta Donaciones 🤙 carpicoder.com/donaciones Contacto ✉️ hola@carpicoder.com 🌐 carpicoder.com ⌚ Capít...
DEPLOY de tu app React + Vite en NETLIFY
Переглядів 2,8 тис.7 місяців тому
DEPLOY de tu app React Vite en NETLIFY
Un dato de CSS que seguro no conocías 😮
Переглядів 4787 місяців тому
Un dato de CSS que seguro no conocías 😮
3 CONSEJOS si estás estudiando PROGRAMACIÓN
Переглядів 1,3 тис.7 місяців тому
3 CONSEJOS si estás estudiando PROGRAMACIÓN
INSTALAR REACT en 2024 con VITE ⚛️
Переглядів 4,8 тис.7 місяців тому
INSTALAR REACT en 2024 con VITE ⚛️
BALANCEAR TÍTULOS en CSS con text-wrap: balance
Переглядів 5038 місяців тому
BALANCEAR TÍTULOS en CSS con text-wrap: balance
::before y ::after - Aprendiendo sobre estos pseudoelementos
Переглядів 2,4 тис.Рік тому
::before y ::after - Aprendiendo sobre estos pseudoelementos
HTML SEMÁNTICO y etiquetas semánticas 🤓 ¿Qué significa? ¿Para qué sirve?
Переглядів 4,7 тис.Рік тому
HTML SEMÁNTICO y etiquetas semánticas 🤓 ¿Qué significa? ¿Para qué sirve?
React JS | Clase 12 - Enviando datos a Firebase👨🏽💻
Переглядів 8 тис.Рік тому
React JS | Clase 12 - Enviando datos a Firebase👨🏽💻
React JS | Clase 11 - Integrando Firebase👨🏽💻
Переглядів 10 тис.Рік тому
React JS | Clase 11 - Integrando Firebase👨🏽💻
React JS | Clase 10 - Context y LocalStorage 👨🏽💻
Переглядів 9 тис.Рік тому
React JS | Clase 10 - Context y LocalStorage 👨🏽💻
React JS | Clase 09 - Formularios 👨🏽💻
Переглядів 6 тис.Рік тому
React JS | Clase 09 - Formularios 👨🏽💻
React JS | Clase 07 - Routing y navegación 👨🏽💻
Переглядів 17 тис.Рік тому
React JS | Clase 07 - Routing y navegación 👨🏽💻
React JS | Clase de repaso - Construyendo el proyecto 👨🏽💻
Переглядів 9 тис.Рік тому
React JS | Clase de repaso - Construyendo el proyecto 👨🏽💻
React JS | Clase 06 - Consumiendo APIs 👨🏽💻
Переглядів 9 тис.Рік тому
React JS | Clase 06 - Consumiendo APIs 👨🏽💻
React JS | Clase 05 - Promesas y .map( ) 👨🏽💻
Переглядів 12 тис.Рік тому
React JS | Clase 05 - Promesas y .map( ) 👨🏽💻
hola , estoy en el minuto 8 y no se me modifica el color del menu :( hice todo igual creo
Como se llama el programa para capturar las teclas
Recomendado el video! Comparto cada uno de los consejos, gracias Carpi! Un crack
Yo tengo un problema y las imágenes no me aparecen en el sitio web:(
hola carpi perdon la molestia, se puede tener un h1 en index y un h1 en quienes somos? es un pregunta muy boba lo se
@@gastonlopez2882 Sí, debés tener un h1 en cada página! Ninguna pregunta es boba 🙌🏼
mil gracias! lo entiendo clarisimo, luego me toca el curso de react, subelo tambien porfa!!
@@juanjose091748789 ya está subido!
Muy buenoo Carpi, al fin pude entenderlo, esperando por Scrolltrigger🙌🙌
El video esta buenisimo
Muchas Gracias Capri !! Adelante !!
hola tengo un problema y es que puse un atajo con la y se me duplico he intentado borrarlo pero no se borra, que sugieres hacer
Con tu video me he enterado bastante mejor de los fetch antes que con mi profe que va turbo follao. Muy bien explicado rey 🙌
Extraordinario tutorial. Gracias
Muy buen trabajo amigo. Te lo agradezco un montón. Saludos
¡Ayuda! 1:58:34 Estoy teniendo problemas con add y remove con la clase “disabled”. La sintaxis está correcta y no me funciona. Me sale “tu carrito está vacío” “Gracias por tu compra” “vaciar carrito, total, el precio y comprar ” ¿Alguien pudo solucionar?
Elimine el almacenamiento, actualice la página, la sintaxis correcta y me sigue apareciendo los demás elementos juntos con “tu carrito está vacío”
saca un video de como agragar un inicio de sesion para usuario y registro de compras seria espectacular
Hola estoy haciendo un curso de frontend y he aprendido mucho. Además veo tus videos y aprendo más con vos. Explicas todo de una manera clara. Destaco eso, porque no dejas dudas después de abordar un tema. Muchas gracias por todo el contenido de tu canal.
groso Carpi!!
Muy buen video, simple, jocoso y clarísimo.
Genial!!! y se implementa muy facil.. vi que se puede usar en wordpress
Sigue dándole Carpi, gracias por el contenido de calidad. ❤
Esto fue una masterclass 👏👏👏
Excelente tus explicaciones. Las funciones flechas eran una pesadilla hasta que vi este video. Saludos
Muy bueno! Muchas gracias!
Dejo mi like y comentario para que la serie continúe. ❤
Excelente contenido Carpi !!
que orientacion nos a dado
Arranque oficialmente este nuevo curso 🎉 Gracias como siempre carpi
🚀🚀🚀🚀
Ya está la segunda parte! ua-cam.com/video/Fe478uyX8DQ/v-deo.html
Muy interesante este video, espero más partes!
@@alfmg666 ya está la segunda parte! ua-cam.com/video/Fe478uyX8DQ/v-deo.html
Gracias Carpi, me gustaría una segunda parte.
@@jorgeadrianmadridcastillo2131 ya está la segunda parte! ua-cam.com/video/Fe478uyX8DQ/v-deo.html
excelente explicación!!! muchas gracias
Que delicia esta playlist de GSAP por la maquina Carpi. Gracias bro, sigue dandole fuego.
Gracias carpi
Hola, tengo una pregunta, estoy aprendiendo por ahora html y css, ya casi entro a darle al Js, crees que es considerado hacer algun e-commerce puramente a codigo? O recomiendas mejor usar otras cosas?
Deberías realmente explicar porque pasa eso. El ./ hace referencia al sistema de ficheros, en este caso, busca en las carpetas. Cuando usas la /, es relativo al servidor por eso si no hay servidor corriendo detrás esta imagen o link no se puede mostrar ya que no existe el path del server. El ./ esta bien siempre y cuando el contenido sea estático pero en dinámico no existen ciertos archivos .html y por lo tanto el ./ no te sirve pero la / si porque es el servidor lo crea de forma dinámica y existe esa URI con el recurso pedido. Un saludo y buen contenido
Muchas gracias Carpi me quedo claro con tu practica y explicacion, saludos desde colombia
Que capo que sos
Graciaaas! Se valora muuucho la manera que tenes de explicarlo Carpi! genio!
hermano eres demasiado bueno explicando, tuve que volver a buscar tu canal ,m ya te segui
Muy bueno Carpi, lastima que algunos no son iguales en linux Harás algun videito?
hola como estas, como hacer un deploy con vercel y si es mejor
Muchas gracias! Pude completar el proyecto de The Odin Project sin morir en el intento. Suscripta
Una maravilla el vídeo. Muchas gracias!
Buen video, sabes si puedo integrarlo con React??
@@germanpinto883 se puede sin problemas! carpicoder.com está hecha con React!
Gracias genio, estoy haciendo un curso en coder y junto con este video y otros mas me suman mucho!
Grande Carpi !!! tuve un curso de JavaScript con vos y muy buena experiencia !!! Tus videos me sieguen ayudando muchisimo !! Siga así que nos das terrible mano !
@@bercunful muchas gracias por el comentario crack! 🙌🏼
Qué capacidad didáctica que tenés por Dios!!! Es un don, como tu generosidad. GRACIAS!!!
@@Gustavo_Weckesser 🥰Muchas gracias Gustavo, me alegran un montón estos comentarios 🙌🏼
justo lo que necesitaba, graciass
Grande carpi 💟
Muy bueno!!! por favor seguí compartiendo tus videos que son muy buenos!!!