- Видео 130
- Просмотров 1 087 177
Carpi Coder
Испания
Добавлен 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: 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
✅ 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 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 👨🏽💻
React JS | Clase 05 - Promesas y .map( ) 👨🏽💻
Просмотров 12 тыс.Год назад
React JS | Clase 05 - Promesas y .map( ) 👨🏽💻
¡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?
Me esta pasando lo mismo, estudio en una plataforma de pago y entiendo mejor javascript con tus videos, eres un crack!!!!!
grande
Exelente video
Gracias. ¡Excelente!
¡Excelente!... Gracias por tu aporte.
Gran ejercicio Carpi !! estaría interesante que haga una animación de load antes de mostrar la traduccion !!!
Muchas gracias Carpi!! Lindo curso te mandaste!
¡Muchas gracias!
Buenisimo el video bro, sigue así
gracias guapeton
Genioo
gracias bro
a mi me carga excelente pero no me carga en el github que podria ser
Muchas gracias! Muy buena explicación, re entendible <3
Millones de gracias. Excelente explicación. Saludos.
Impecable, me sirvió muchisimo tu explicación. Mil gracias!
Los librerias empeoran el rendimiento de las apps ?
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?
me acaba de salvar heavy la vida mil gracias
Graciaaaaas
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
Entiendo el punto. Otras alternativas:"Overflow hidden, scroll y los "bla bla..." los 3 puntos."
buenisimo el video !! Gracias, muy claro todo !
Gracias por los consejos Carpi.
Gracias carpi !
Crack
Magnifica explicación carpi. Vas al punto sin rodeos y explicas rápido en detalle y supremamente bien. Excelente video.
Magnifica explicación Carpi. Vas al punto sin rodeos y explicas rápido en detalle y supremamente bien. Excelente video.
Hola gracias por este video. Me ayudaste bastante.
No entendi bien la utilidad de forEach y filter
segui con los cursos carpi, nadie hace esto en español
Que bien
👌👌👌👌
muy buen contenido carpi pero estamos esperando el curso de JS y contenido de flullter gracias
Buenas tus clases🤟
Muy interesante. Lo he colocado en proyecto con Flex usando el body como contenedor. Sin embargo su solución me pareció excelente. Buenísimo
A mi me sale a cada rato, y no me deja navegar, comp puedo hacer que me deje salir porfavoor
un duro 😎
un video de hace dos años me soluciono la vida xD gracias genio!
muy bien, espero el siguiente video!👌
esperando con ansias el siguiente, por favor sigue con la serie 👏👏
¿Y como puedo ponerle un dominio que no lleve el nombre del hosting?
Estoy esperando con ansias el siguiente capitulo
porfavos segui sacando viedos de gsap, explicas hermoso
A la espera del tutorial de ScrollTrigger con GSAP grosooo
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)
excelente
Simple y entendible explicación. Muchas gracias por compartir!!!.
Gran clase.