- 130
- 1 065 128
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
Переглядів: 422
Відео
Iniciando en GSAP - Introducción
Переглядів 712Місяць тому
🔥 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
Переглядів 1,1 тис.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
Sitio web multi-idioma FÁCIL con JavaScript
Переглядів 1,7 тис.4 місяці тому
🔗 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 тис.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 ⌚ Capítulos 0:00 Intro 0:53 Primera versión (CSS) 8:18 Seg...
Cómo empujar el footer para abajo! HTML + CSS
Переглядів 26 тис.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
Atajos y truquitos de Visual Studio Code
Переглядів 1,9 тис.6 місяців тому
🔥 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,7 тис.7 місяців тому
🔗 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 тис.7 місяців тому
🔗 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 тис.8 місяців тому
🔗 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
Переглядів 8338 місяців тому
🔥 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,6 тис.8 місяців тому
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,2 тис.8 місяців тому
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,2 тис.8 місяців тому
DEPLOY de tu app React Vite en NETLIFY
Un dato de CSS que seguro no conocías 😮
Переглядів 4868 місяців тому
Un dato de CSS que seguro no conocías 😮
3 CONSEJOS si estás estudiando PROGRAMACIÓN
Переглядів 1,4 тис.8 місяців тому
3 CONSEJOS si estás estudiando PROGRAMACIÓN
BALANCEAR TÍTULOS en CSS con text-wrap: balance
Переглядів 5129 місяців тому
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?
Переглядів 4,9 тис.Рік тому
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( ) 👨🏽💻