Carpi Coder
Carpi Coder
  • 130
  • 1 043 033
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
Переглядів: 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 08 - Eventos 👨🏽‍💻
Переглядів 7 тис.Рік тому
React JS | Clase 08 - Eventos 👨🏽‍💻
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 👨🏽‍💻
Selectores en CSS
Переглядів 1,4 тис.Рік тому
Selectores en CSS
React JS | Clase 05 - Promesas y .map( ) 👨🏽‍💻
Переглядів 12 тис.Рік тому
React JS | Clase 05 - Promesas y .map( ) 👨🏽‍💻

КОМЕНТАРІ

  • @francovasileff398
    @francovasileff398 2 години тому

    hola , estoy en el minuto 8 y no se me modifica el color del menu :( hice todo igual creo

  • @josemunoz3639
    @josemunoz3639 11 годин тому

    Como se llama el programa para capturar las teclas

  • @SebaHero
    @SebaHero 11 годин тому

    Recomendado el video! Comparto cada uno de los consejos, gracias Carpi! Un crack

  • @HeiverSanchez-gx7ly
    @HeiverSanchez-gx7ly 21 годину тому

    Yo tengo un problema y las imágenes no me aparecen en el sitio web:(

  • @gastonlopez2882
    @gastonlopez2882 День тому

    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

    • @carpicoder
      @carpicoder День тому

      @@gastonlopez2882 Sí, debés tener un h1 en cada página! Ninguna pregunta es boba 🙌🏼

  • @juanjose091748789
    @juanjose091748789 День тому

    mil gracias! lo entiendo clarisimo, luego me toca el curso de react, subelo tambien porfa!!

    • @carpicoder
      @carpicoder День тому

      @@juanjose091748789 ya está subido!

  • @MIREPRODUCCION1
    @MIREPRODUCCION1 День тому

    Muy buenoo Carpi, al fin pude entenderlo, esperando por Scrolltrigger🙌🙌

  • @ryured5477
    @ryured5477 День тому

    El video esta buenisimo

  • @pakitorevergreen7929
    @pakitorevergreen7929 День тому

    Muchas Gracias Capri !! Adelante !!

  • @JuanAndresRamirezPena
    @JuanAndresRamirezPena 2 дні тому

    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

  • @eriksbl09
    @eriksbl09 3 дні тому

    Con tu video me he enterado bastante mejor de los fetch antes que con mi profe que va turbo follao. Muy bien explicado rey 🙌

  • @jesusgregoriosola5871
    @jesusgregoriosola5871 3 дні тому

    Extraordinario tutorial. Gracias

  • @jesusgregoriosola5871
    @jesusgregoriosola5871 3 дні тому

    Muy buen trabajo amigo. Te lo agradezco un montón. Saludos

  • @Samiisamii__
    @Samiisamii__ 3 дні тому

    ¡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?

    • @Samiisamii__
      @Samiisamii__ 3 дні тому

      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”

  • @nahueldoamaral6385
    @nahueldoamaral6385 4 дні тому

    saca un video de como agragar un inicio de sesion para usuario y registro de compras seria espectacular

  • @javierc.miranda8310
    @javierc.miranda8310 4 дні тому

    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.

  • @CasaMartinezTissieres
    @CasaMartinezTissieres 5 днів тому

    groso Carpi!!

  • @lidoazul
    @lidoazul 5 днів тому

    Muy buen video, simple, jocoso y clarísimo.

  • @marcecam747
    @marcecam747 5 днів тому

    Genial!!! y se implementa muy facil.. vi que se puede usar en wordpress

  • @_luisalmenarez
    @_luisalmenarez 6 днів тому

    Sigue dándole Carpi, gracias por el contenido de calidad. ❤

  • @jthegunner4
    @jthegunner4 6 днів тому

    Esto fue una masterclass 👏👏👏

  • @jthegunner4
    @jthegunner4 6 днів тому

    Excelente tus explicaciones. Las funciones flechas eran una pesadilla hasta que vi este video. Saludos

  • @alfmg666
    @alfmg666 6 днів тому

    Muy bueno! Muchas gracias!

  • @_luisalmenarez
    @_luisalmenarez 7 днів тому

    Dejo mi like y comentario para que la serie continúe. ❤

  • @ianeddie3287
    @ianeddie3287 7 днів тому

    Excelente contenido Carpi !!

  • @jesusarmandoperezcontreras8684
    @jesusarmandoperezcontreras8684 7 днів тому

    que orientacion nos a dado

  • @EmilianoAloi
    @EmilianoAloi 7 днів тому

    Arranque oficialmente este nuevo curso 🎉 Gracias como siempre carpi

  • @carpicoder
    @carpicoder 7 днів тому

    Ya está la segunda parte! ua-cam.com/video/Fe478uyX8DQ/v-deo.html

  • @alfmg666
    @alfmg666 7 днів тому

    Muy interesante este video, espero más partes!

    • @carpicoder
      @carpicoder 7 днів тому

      @@alfmg666 ya está la segunda parte! ua-cam.com/video/Fe478uyX8DQ/v-deo.html

  • @jorgeadrianmadridcastillo2131
    @jorgeadrianmadridcastillo2131 7 днів тому

    Gracias Carpi, me gustaría una segunda parte.

    • @carpicoder
      @carpicoder 7 днів тому

      @@jorgeadrianmadridcastillo2131 ya está la segunda parte! ua-cam.com/video/Fe478uyX8DQ/v-deo.html

  • @profesormarianofranco8922
    @profesormarianofranco8922 8 днів тому

    excelente explicación!!! muchas gracias

  • @Gustav-dev
    @Gustav-dev 8 днів тому

    Que delicia esta playlist de GSAP por la maquina Carpi. Gracias bro, sigue dandole fuego.

  • @mr.fabian8471
    @mr.fabian8471 8 днів тому

    Gracias carpi

  • @mauricioantoniorodriguezsu1378
    @mauricioantoniorodriguezsu1378 9 днів тому

    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?

  • @luisgarciagomez5987
    @luisgarciagomez5987 9 днів тому

    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

  • @hhalejo
    @hhalejo 10 днів тому

    Muchas gracias Carpi me quedo claro con tu practica y explicacion, saludos desde colombia

  • @adriangonzalez3043
    @adriangonzalez3043 10 днів тому

    Que capo que sos

  • @MrPilovax
    @MrPilovax 10 днів тому

    Graciaaas! Se valora muuucho la manera que tenes de explicarlo Carpi! genio!

  • @fabricioburning3247
    @fabricioburning3247 11 днів тому

    hermano eres demasiado bueno explicando, tuve que volver a buscar tu canal ,m ya te segui

  • @ariel18012
    @ariel18012 11 днів тому

    Muy bueno Carpi, lastima que algunos no son iguales en linux Harás algun videito?

  • @bricas13
    @bricas13 11 днів тому

    hola como estas, como hacer un deploy con vercel y si es mejor

  • @Jael.Buffa90
    @Jael.Buffa90 12 днів тому

    Muchas gracias! Pude completar el proyecto de The Odin Project sin morir en el intento. Suscripta

  •  13 днів тому

    Una maravilla el vídeo. Muchas gracias!

  • @germanpinto883
    @germanpinto883 13 днів тому

    Buen video, sabes si puedo integrarlo con React??

    • @carpicoder
      @carpicoder 13 днів тому

      @@germanpinto883 se puede sin problemas! carpicoder.com está hecha con React!

  • @pabloabel9184
    @pabloabel9184 13 днів тому

    Gracias genio, estoy haciendo un curso en coder y junto con este video y otros mas me suman mucho!

  • @bercunful
    @bercunful 13 днів тому

    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 !

    • @carpicoder
      @carpicoder 13 днів тому

      @@bercunful muchas gracias por el comentario crack! 🙌🏼

  • @Gustavo_Weckesser
    @Gustavo_Weckesser 13 днів тому

    Qué capacidad didáctica que tenés por Dios!!! Es un don, como tu generosidad. GRACIAS!!!

    • @carpicoder
      @carpicoder 13 днів тому

      @@Gustavo_Weckesser 🥰Muchas gracias Gustavo, me alegran un montón estos comentarios 🙌🏼

  • @Naranjas015
    @Naranjas015 13 днів тому

    justo lo que necesitaba, graciass

  • @ldsgrowshop
    @ldsgrowshop 13 днів тому

    Grande carpi 💟

  • @alecobos06
    @alecobos06 14 днів тому

    Muy bueno!!! por favor seguí compartiendo tus videos que son muy buenos!!!