Inicio Mi bitácora espacial
Idioma ES (Español)

Animación web

Alien intermedio Dificultad 3/5 Lista de recursos Parada 19 / 166 edades 11-13 Traducido con IA

Animaciones en el navegador con JavaScript, CSS, SVG, etc.

Empezar la guía

Tu guía

Resumen escrito por IA

¿Qué es?

Animación web está en nuestro grupo de Desarrollo Front-End, una larga lista de herramientas y recursos para construir la parte de un sitio web que la gente ve y toca. Solo conocemos el título, la descripción breve y el nivel de nuestra lista.

¿Es para mí?

Es para quien quiere crear páginas web. Muchos elementos son de nivel Intermedio, así que ayudan unas nociones básicas de web. Va bien para unos 11-13 años en adelante, y los elementos para principiantes son el mejor comienzo.

Adultos: Adultos: muchas de estas son herramientas para desarrolladores. Miren primero la página y ayuden con las instalaciones.

Cómo empezar

  1. Empieza por los elementos para Principiantes si eres nuevo con las páginas web.
  2. Abre el sitio original con un adulto y lee la primera página.
  3. Prueba un cambio pequeño, como un color o un título, y míralo en el navegador.

¿Cuánto tiempo?

Calcula unos 55 minutos cada vez, durante unas 6 sesiones. (estimación)

55 min por sesión 6 sesiones estimado

Un plan que puedes seguir

  1. Día 1 30 min Mira qué hace la herramienta y prueba el primer ejemplo.
  2. Semana 1 45 min Construye una página diminuta.
  3. Semana 2 60 min Añade una función nueva, como un botón.
  4. Semana 3 60 min Comparte la página con un amigo o un familiar.

Los tiempos son estimados. Ve a tu propio ritmo.

Ir al sitio de aprendizaje

Estás a punto de salir de nuestro sitio para visitar Animación web en otro sitio web. No controlamos ese sitio. Pregunta a un adulto antes de ir. Revisa el original para ver los detalles. Puede que ese sitio no esté en tu idioma. Tu navegador puede traducir la página: busca el botón de traducir cerca de la barra de direcciones, o pide ayuda a un adulto.

Vas a salir de nuestro sitio

Adultos: Adultos: este enlace lleva a un sitio que no controlamos y que no hemos revisado más allá de su ficha. Por favor, échenle un vistazo primero.

Ir al sitio de aprendizaje (abre el sitio original en una pestaña nueva)

https://github.com/sergey-pimenov/awesome-web-animation#readme

En otro sitio. De la lista: sindresorhus/awesome · Licencia: CC0-1.0 · Desarrollo front-end · Las traducciones son generadas por IA; revisa siempre el original.

Cómo aprender con un proyecto o lista de GitHub

Tu ruta por Desarrollo web

Parada 17 SVG Lista de recursos Parada 18 Accesibilidad web Lista de recursos Parada 19 Animación web Lista de recursos Parada 20 Diseño web Lista de recursos Parada 21 Una guía casera para crear tu propio React Proyecto para construir Parada 22 Amazon Web Services Lista de recursos Parada 23 Interfaz de usuario de Android Lista de recursos

Sigue explorando