Carpi Coder
Carpi Coder
  • Видео 130
  • Просмотров 1 087 177
Animación de letras con .timeline() y .to() en GSAP - Clase 02
🔗 Links
✅ Clase 01: ruclips.net/video/66rpLEBmYP4/видео.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:
ruclips.net/channel/UC53KeIgcYPozO6SqlN6edbwjoin
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
Просмотров: 493

Видео

Iniciando en GSAP - Introducción
Просмотров 7802 месяца назад
🔥 Acá podés hacerte miembro del canal: ruclips.net/channel/UC53KeIgcYPozO6SqlN6edbwjoin 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 Ap...
Evitar que el HEADER tape el contenido con position fixed
Просмотров 1,1 тыс.5 месяцев назад
🔥 Acá podés hacerte miembro del canal: ruclips.net/channel/UC53KeIgcYPozO6SqlN6edbwjoin 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,9 тыс.5 месяцев назад
🔗 Links ✅ Repositorio: github.com/carpicoder/sitio-multi-idioma 🔥 Acá podés hacerte miembro del canal: ruclips.net/channel/UC53KeIgcYPozO6SqlN6edbwjoin 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.c...
Sombra inteligente con CSS (y una mejora con JS)
Просмотров 1,2 тыс.5 месяцев назад
🔥 Acá podés hacerte miembro del canal: ruclips.net/channel/UC53KeIgcYPozO6SqlN6edbwjoin 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 Segund...
Cómo empujar el footer para abajo! HTML + CSS
Просмотров 27 тыс.6 месяцев назад
🔥 Acá podés hacerte miembro del canal: ruclips.net/channel/UC53KeIgcYPozO6SqlN6edbwjoin 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
Просмотров 2,1 тыс.7 месяцев назад
🔥 Acá podés hacerte miembro del canal: ruclips.net/channel/UC53KeIgcYPozO6SqlN6edbwjoin 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,8 тыс.8 месяцев назад
🔗 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: ruclips.net/channel/UC53KeIgcYPozO6SqlN6edbwjoin Redes 📷 carpicoder 📱 tiktok.com/@carpicoder 🐦 x.com/carpicoder 🚀 discord.gg/wHKxGbMt4A 👨🏽‍💻 github.com/carpicoder 💼 linkedin.com/in/matiascoletta Donaciones 🤙 carpic...
PRUEBA TÉCNICA: efecto de trazo de imágenes con el cursor en JS
Просмотров 1,2 тыс.8 месяцев назад
🔗 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: ruclips.net/channel/UC53KeIgcYPozO6SqlN6edbwjoin Redes 📷 carpicoder 📱 tiktok.com/@carpicoder 🐦 x.com/carpicoder 🚀 discord.gg/wHKxGbMt4A 👨🏽‍💻 github.com/carpicoder 💼 linkedin.com/in/matiascoletta Donaciones 🤙 carpico...
Clonar y actualizar un repositorio de GitHub
Просмотров 10 тыс.8 месяцев назад
🔗 Links ✅ Git: ruclips.net/video/kXFcIp2s7SM/видео.html ✅ GitHub: ruclips.net/video/uIBWEEEZ5IM/видео.html 🔥 Acá podés hacerte miembro del canal: ruclips.net/channel/UC53KeIgcYPozO6SqlN6edbwjoin Redes 📷 carpicoder 📱 tiktok.com/@carpicoder 🐦 x.com/carpicoder 🚀 discord.gg/wHKxGbMt4A 👨🏽‍💻 github.com/carpicoder 💼 linkedin.com/in/matiascoletta Donaciones 🤙 carpicoder.com/donaciones Con...
Solucionando un problema de CSS
Просмотров 8419 месяцев назад
🔥 Acá podés hacerte miembro del canal: ruclips.net/channel/UC53KeIgcYPozO6SqlN6edbwjoin 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,7 тыс.9 месяцев назад
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,3 тыс.9 месяцев назад
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
Просмотров 3,5 тыс.9 месяцев назад
DEPLOY de tu app React Vite en NETLIFY
Un dato de CSS que seguro no conocías 😮
Просмотров 4969 месяцев назад
Un dato de CSS que seguro no conocías 😮
3 CONSEJOS si estás estudiando PROGRAMACIÓN
Просмотров 1,4 тыс.9 месяцев назад
3 CONSEJOS si estás estudiando PROGRAMACIÓN
INSTALAR REACT en 2024 con VITE ⚛️
Просмотров 6 тыс.10 месяцев назад
INSTALAR REACT en 2024 con VITE ⚛️
BALANCEAR TÍTULOS en CSS con text-wrap: balance
Просмотров 52210 месяцев назад
BALANCEAR TÍTULOS en CSS con text-wrap: balance
::before y ::after - Aprendiendo sobre estos pseudoelementos
Просмотров 2,5 тыс.Год назад
::before y ::after - Aprendiendo sobre estos pseudoelementos
HTML SEMÁNTICO y etiquetas semánticas 🤓 ¿Qué significa? ¿Para qué sirve?
Просмотров 5 тыс.Год назад
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 👨🏽‍💻
Просмотров 18 тыс.Год назад
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,5 тыс.Год назад
Selectores en CSS
React JS | Clase 05 - Promesas y .map( ) 👨🏽‍💻
Просмотров 12 тыс.Год назад
React JS | Clase 05 - Promesas y .map( ) 👨🏽‍💻

Комментарии

  • @aitorgarciaramos4694
    @aitorgarciaramos4694 День назад

    ¡Muy buen video! Tengo una pregunta, Carpi. ¿Si pusiese en el html solo un atributo (por ejemplo data-value) y le diese el valor "header.title" y después hiciese un split en js para acceder a la posición del json con las diferentes partes que componen la cadena de texto, sería correcto?

  • @manuelsanchezgomez5257
    @manuelsanchezgomez5257 День назад

    Me esta pasando lo mismo, estudio en una plataforma de pago y entiendo mejor javascript con tus videos, eres un crack!!!!!

  • @rubenangelalfonso4261
    @rubenangelalfonso4261 День назад

    grande

  • @yoanestradablanco1608
    @yoanestradablanco1608 2 дня назад

    Exelente video

  • @GuillermoPerez-vn2ux
    @GuillermoPerez-vn2ux 2 дня назад

    Gracias. ¡Excelente!

  • @GuillermoPerez-vn2ux
    @GuillermoPerez-vn2ux 2 дня назад

    ¡Excelente!... Gracias por tu aporte.

  • @joeljimenez2709
    @joeljimenez2709 5 дней назад

    Gran ejercicio Carpi !! estaría interesante que haga una animación de load antes de mostrar la traduccion !!!

  • @ValentinoPrivitera-z5y
    @ValentinoPrivitera-z5y 6 дней назад

    Muchas gracias Carpi!! Lindo curso te mandaste!

  • @mynorchavarria1358
    @mynorchavarria1358 6 дней назад

    ¡Muchas gracias!

  • @michaelrueda8981
    @michaelrueda8981 6 дней назад

    Buenisimo el video bro, sigue así

  • @agustingaitanbmx3376
    @agustingaitanbmx3376 7 дней назад

    gracias guapeton

  • @martinsuarez7901
    @martinsuarez7901 8 дней назад

    Genioo

  • @wowhans9822
    @wowhans9822 9 дней назад

    gracias bro

  • @aprendaingles-l8z
    @aprendaingles-l8z 10 дней назад

    a mi me carga excelente pero no me carga en el github que podria ser

  • @hola-xn4gr
    @hola-xn4gr 10 дней назад

    Muchas gracias! Muy buena explicación, re entendible <3

  • @alejandrocarrasco4263
    @alejandrocarrasco4263 11 дней назад

    Millones de gracias. Excelente explicación. Saludos.

  • @Facu125
    @Facu125 12 дней назад

    Impecable, me sirvió muchisimo tu explicación. Mil gracias!

  • @cienmas
    @cienmas 12 дней назад

    Los librerias empeoran el rendimiento de las apps ?

  • @mtycoder
    @mtycoder 12 дней назад

    amigo, genio, crack, idolo, titan, bestia, rey, capitan de navio, capitan de corbeta, facha, superheroe, locura, guerrero, toro, gladiador, pantera creo que tu codigo tiene un área de oportunidad const handleAnterior = () => { setId((prevId) => prevId - 1); }; const handleSiguiente = () => { setId((prevId) => prevId + 1); // }; estaría mejor así para respetar la inmutabilidad de react?

  • @alfredo7499
    @alfredo7499 13 дней назад

    me acaba de salvar heavy la vida mil gracias

  • @martinsuarez7901
    @martinsuarez7901 13 дней назад

    Graciaaaaas

  • @sebastiangimenez1338
    @sebastiangimenez1338 14 дней назад

    Una pregunta yo lo hago desde celular y para poner las fotos busco en google y veo el url y cuando lo pongo es y asi hago con todas las imagenes como hago para que me carge

  • @Novel-xl4vs
    @Novel-xl4vs 14 дней назад

    Entiendo el punto. Otras alternativas:"Overflow hidden, scroll y los "bla bla..." los 3 puntos."

  • @PIERRRRRRRRRRRRRR
    @PIERRRRRRRRRRRRRR 15 дней назад

    buenisimo el video !! Gracias, muy claro todo !

  • @DavidArroyaveFenalCheque
    @DavidArroyaveFenalCheque 17 дней назад

    Gracias por los consejos Carpi.

  • @adriangonzalez3043
    @adriangonzalez3043 17 дней назад

    Gracias carpi !

  • @martinsuarez7901
    @martinsuarez7901 17 дней назад

    Crack

  • @dagcomunica5921
    @dagcomunica5921 17 дней назад

    Magnifica explicación carpi. Vas al punto sin rodeos y explicas rápido en detalle y supremamente bien. Excelente video.

  • @dagcomunica5921
    @dagcomunica5921 17 дней назад

    Magnifica explicación Carpi. Vas al punto sin rodeos y explicas rápido en detalle y supremamente bien. Excelente video.

  • @terryguzman6726
    @terryguzman6726 18 дней назад

    Hola gracias por este video. Me ayudaste bastante.

  • @facundoz8790
    @facundoz8790 18 дней назад

    No entendi bien la utilidad de forEach y filter

  • @UsuarioProvisional-nv1pt
    @UsuarioProvisional-nv1pt 18 дней назад

    segui con los cursos carpi, nadie hace esto en español

  • @eduardoarenilla6632
    @eduardoarenilla6632 20 дней назад

    Que bien

  • @davidbejarano1736
    @davidbejarano1736 20 дней назад

    👌👌👌👌

  • @mateoosmarortizmiranda2263
    @mateoosmarortizmiranda2263 20 дней назад

    muy buen contenido carpi pero estamos esperando el curso de JS y contenido de flullter gracias

  • @davidbejarano1736
    @davidbejarano1736 21 день назад

    Buenas tus clases🤟

  • @guipe7712
    @guipe7712 21 день назад

    Muy interesante. Lo he colocado en proyecto con Flex usando el body como contenedor. Sin embargo su solución me pareció excelente. Buenísimo

  • @henosovainfinito8744
    @henosovainfinito8744 21 день назад

    A mi me sale a cada rato, y no me deja navegar, comp puedo hacer que me deje salir porfavoor

  • @elserna4528
    @elserna4528 22 дня назад

    un duro 😎

  • @ThrashGabriel6
    @ThrashGabriel6 22 дня назад

    un video de hace dos años me soluciono la vida xD gracias genio!

  • @alexandersuarez163
    @alexandersuarez163 22 дня назад

    muy bien, espero el siguiente video!👌

  • @fabiansilva1094
    @fabiansilva1094 24 дня назад

    esperando con ansias el siguiente, por favor sigue con la serie 👏👏

  • @josemoraila
    @josemoraila 24 дня назад

    ¿Y como puedo ponerle un dominio que no lleve el nombre del hosting?

  • @manhattan1616
    @manhattan1616 24 дня назад

    Estoy esperando con ansias el siguiente capitulo

  • @manhattan1616
    @manhattan1616 24 дня назад

    porfavos segui sacando viedos de gsap, explicas hermoso

  • @dyego791979
    @dyego791979 25 дней назад

    A la espera del tutorial de ScrollTrigger con GSAP grosooo

  • @Newera99509
    @Newera99509 25 дней назад

    tengo muchas skills y hoy en dia se me olvido como centrar un pt objeto verticalmente que verguenza me da (no ponia el items center de tailwind)

  • @classpython4351
    @classpython4351 28 дней назад

    excelente

  • @lordgon18
    @lordgon18 28 дней назад

    Simple y entendible explicación. Muchas gracias por compartir!!!.

  • @rolandoalvarez3005
    @rolandoalvarez3005 28 дней назад

    Gran clase.