Sube de nivel tu web aprendiendo a crear tus propios componentes y animaciones en tu web.
Impartido por
Carmen Moora
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
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
Crearemos un primer carousels personalizando mucho más en el componente.
3
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
Aprende lo que es un frame, su importancia y cómo se crea. Además crearemos una animación en 3D usándolo.
5
¿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
¿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 vectores en segundos! Aprende cómo copiar un componente externo, añadirlo a tu proyecto y personalizarlo.
Aprende a tu ritmo
7
Lecciones
8
Vídeos
Profundiza tu contenido en Framer y aprende a crear tus propios componentes, personalizarlos, animar y crear espacios más personalizados que nunca
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.
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.
Aprende a crear un frame y anima en 3D
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?
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
Si te gusta una animación de la comunidad de Framer, ¡puedes utilizarla! aprende como copiar, añadir y personalizar animaciones en tu proyecto.
Profundiza tus conocimientos en Framer, aprende a crear tus propios componentes y animaciones.
Curso de
Framer
Gratis
Gratis
(Precio incluye I.V.A.)
Curso de
Framer
Gratis
Gratis
(Precio incluye I.V.A.)
Accede a la pre-venta
Gratis
Gratis
(Precio incluye I.V.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.
Aprendizaje basado en textos
Nuestra metodología se apoya mucho en los textos. Creemos que mediante los textos vas a tener una mejor manera de seguir los cursos.
Acompañado de vídeos si es necesario
Sin embargo, en los casos que sea necesario - o para aquellos que así lo prefieran - también contarás con vídeos explicativos.
Explicaciones paso a paso
Hemos dividido el contenido en pequeños segmentos muy fáciles de digerir y con explicaciones paso a paso de cómo hacer todo.
.png)
