Framer Sites - Vol. 2: Componentes y animaciones

Sube de nivel tu web aprendiendo a crear tus propios componentes y animaciones en tu web.

Impartido por

Carmen Moora

Lo que no se mide, no se puede mejorar

Mide tu producto con herramientas de analítica no-code y conoce qué les pasa a tus clientes sin tener que volverte loco con la documentación e implementación técnica.

No items found.

Así es como lo haremos

Nocodehackers es la plataforma en español donde aprender sobre las herramientas sin código. Mediante proyectos reales, aprenderás todo lo que necesitas saber para poder llevar a cabo tus ideas y lanzarlas al mercado, o mejorar tu día a día.

1

¡Bienvenido a esta segunda etapa!

En esta segunda oportunidad profundizaremos un poco más en Framer, aprenderemos a crear nuestros propios componentes así como la comprensión de algunos conceptos que nos harán subir de nivel nuestro diseño web y personalización.

2

Crear un carrusel y personalizarlo

Crearemos un primer carousels personalizando mucho más en el componente.

3

Carrusel automático

Una reproducción automática, haremos uso de un componente que se llama ticker que ya nos ofrece Framer y vamos a personalizarlo a profundidad.

4

Animación 3D

Aprende lo que es un frame, su importancia y cómo se crea. Además crearemos una animación en 3D usándolo.

5

Creando componentes

¿Cómo creamos un componente? ¿Cómo creamos sus versiones? ¿Cómo creamos versiones según la pantalla en la que se vea nuestra web? Daremos respuesta a todas estas preguntas

6

Layout

¿Cómo adaptamos nuestra web a diferentes pantallas? (Responsive) Seguramente para este punto, te habrás dado cuenta que a veces, cuando creamos algo en una pantalla, luego no se ve de forma correcta, aprende cómo maquetar y diseñar para todas las pantallas.

7

Animaciones con componentes

¡Animaciones con vectores en segundos! Aprende cómo copiar un componente externo, añadirlo a tu proyecto y personalizarlo.

No items found.

Tabla de contenidos

Aprende a tu ritmo

7

Lecciones

8

Vídeos

¡Bienvenido a esta segunda etapa

Profundiza tu contenido en Framer y aprende a crear tus propios componentes, personalizarlos, animar y crear espacios más personalizados que nunca

Crear un carrusel y personalizándolo

Existen varios tipos de carousel, el primero que crearemos es el clásico carousel en el que vemos las flechitas para ver más o los tres puntitos.

Carrusel automático

Cómo creamos ese carousel que se reproduce de forma automática, ese que permite que nuestro usuario pueda ver todo sin hacer nada...

Aprenderemos a crearlo utilizando un componente llamado ticker.

Animación 3D

Aprende a crear un frame y anima en 3D

Creando componentes

Dale respuesta a preguntas que seguramente ya tienes, ¿Cómo creamos un componente? ¿Cómo creamos sus versiones? ¿Cómo creamos versiones según la pantalla en la que se vea nuestra web?

Layout

Seguramente para este punto, te habrás dado cuenta que a veces, cuando creamos algo en una pantalla, luego no se ve de forma correcta, es decir, nuestro diseño no es responsive. Aprende a crear una web responsive gracias al Layout

Animaciones con componentes

Si te gusta una animación de la comunidad de Framer, ¡puedes utilizarla! aprende como copiar, añadir y personalizar animaciones en tu proyecto.

Empieza a aprender ahora

Profundiza tus conocimientos en Framer, aprende a crear tus propios componentes y animaciones.

Curso de

Framer

Gratis

Gratis

(Precio incluye I.V.A.)

  • Mejora tu proyecto en Framer
  • Aprende a crear tus propios componentes
  • Aprende a animar en 3D
  • Conoce y comprende la terminología
Comprar ahora

Curso de

Framer

Gratis

Gratis

(Precio incluye I.V.A.)

  • Mejora tu proyecto en Framer
  • Aprende a crear tus propios componentes
  • Aprende a animar en 3D
  • Conoce y comprende la terminología
Empieza gratis

Accede a la pre-venta

Gratis

Gratis

(Precio incluye I.V.A.)

  • Mejora tu proyecto en Framer
  • Aprende a crear tus propios componentes
  • Aprende a animar en 3D
  • Conoce y comprende la terminología
Reserva ahora

🔒 Acesso cerrado

Proyectos

Descubre nuestra metodología

En Nocodehackers creemos que se debe aprender haciendo. Es por eso que hemos desarrollado una metodología basada en el aprendizaje mixto mediante proyectos reales que te servirán para asentar las bases.

¿Necesito una cuenta de pago de las herramientas para poder seguir los cursos?
¿Recibiré el curso justo al comprarlo?
¿Cada cuánto recibiré el contenido?
¿Cuánto tardaré en acabar el curso?
¿Puedo devolver el curso si no me gusta?
¿Necesito saber algo antes de hacer el curso?