6 mins.
Añadiendo animaciones a nuestra web
Ahora vamos a ver cómo dar vida a nuestra web añadiendo animaciones a la misma.
Las animaciones ayudan a que nuestra web sea más inmersiva y capte más la atención de la gente que la visita. En este vídeo vamos a ver cómo crear animaciones en Framer.
Continúa aprendiendo
Hemos diseñado un programa específicamente pensado para que puedas aprender las bases en el menor tiempo posible, a la vez que creas un proyecto real.
Lección: 1
7 mins.
Principios básicos sobre Framer
En este vídeo te introducimos a la herramienta Framer y vemos el funcionamiento base para en las próximas lecciones verlo más en profundidad.
Lección: 2
11 mins.
Creando la hero section
Vamos a ver cómo crear la primera pantalla que toda persona que entra en tu web verá: la Hero Section.
Nos va a servir para profundizar en la herramienta replicando la hero que está en el link del Figma que te hemos compartido en la anterior lección.
Recuerda añadir el breakpoint de tablet y phone al empezar a crear tu web, en la siguiente lección veremos mejor cómo hacer diseños responsive.
Lección: 3
6 mins.
Haciendo nuestra web responsive
Algo indispensable a la hora de crear webs es hacerlas responsive para que puedan verse bien desde los diferentes dispositivos.
En este vídeo vamos a ver cómo hacer responsive la Hero section previamente diseñada.
Lección: 4
9 mins.
Nueva sección: servicios
Vamos a seguir aprendiendo a maquetar en Framer creando una nueva sección: la sección de servicios.
Lección: 5
8 mins.
Nueva sección: sobre nosotros
Y seguimos profundizando en la maquetación en Framer, en este caso con una sección algo más compleja para hacer nuestra web más completa. La sección "sobre nosotros".
Lección: 6
10 mins.
Componentes: qué son y cómo crearlos
Los componentes son elementos indispensables que debes conocer para crear webs en Framer. Nos ayudan a crear webs escalables y a reutilizar elementos ya creados previamente para mantener coherencia a lo largo de nuestra web.
En esta lección vamos a ver qué son y cómo crearlos para hacer uso de ellos.
Lección: 7
8 mins.
Nueva sección: portfolio
Seguimos creando nuestra web añadiendo una nueva sección: nuestro portfolio.
Y vamos a ver en la práctica como utilizar componentes creados por defecto en Framer, principalmente el carrousel.
Lección: 9
5 mins.
Por completar
¿Cómo publicar una web en Framer?
Finalmente, una vez terminada nuestra web, toca publicarla para que todo el mundo pueda verla.
En esta lección te mostramos cómo personalizar los ajustes y cómo publicar tu web en un dominio.
Lección: 10
1 min
Por completar
¡Enhorabuena por acabar el curso!
Ahora que has aprendido las bases sobre Framer para poder pasar de idea a web en tiempo record sin depender de terceros es el momento de ver siguientes pasos que puedes tomar para profundizar más en la herramienta y convertirte en un experto en la misma. Además de hacerte con el certificado del curso.
