El FUTURO de la PROGRAMACIÓN WEB: View Transitions API 🤯
2,929Descubre el increíble potencial de View Transitions API y adéntrate en el futuro de la programación web. Explora cómo esta revolucionaria tecnología transforma la experiencia del usuario al brindar transiciones fluidas y sorprendentes entre vistas. Aprende cómo implementar estas transiciones de manera sencilla y eficiente, y prepárate para llevar tus proyectos web al siguiente nivel. 😼
▶ No te pierdas más directos en: https://www.twitch.tv/midudev
▶ Repositorio de mi demo: https://github.com/midudev/view-transitions-api-books-demo
Basado en la demo de Addy Osmani:
https://twitter.com/addyosmani/status/1673755274853900289
Marcadores del video:
0:00 Intro
1:13 Mover las manitas
2:10 Configurando ESLint/Prettier
4:55 Ver Proyecto
5:33 Instalando TailwindCSS
6:31 Heading
7:36 Componentes en Astro Build
10:13 Resto de componentes
10:39 Props en Astro Build
15:18 Páginas dinámicas con Astro 1
16:40 Moviendo Libros a Data
18:45 Página 404 Astro
21:14 Páginas dinámicas con Astro continuación...
25:00 Flowbite
28:18 Nuestro avance 😼
28:37 Introducción al View Transitions API
35:05 Devolviendo texto con Fetching
36:39 Regex
39:11 Utilizando View Transition API
43:23 Refactorizando Script JS
47:49 Mejorando la transición
54:00 Animación con Textos
1:02:30 Fin
#desarrolloweb #frontend #javascript