Creando un proyecto
Lo primero será ver cómo se crea un proyecto, y cuales son los primeros pasos que suelo seguir antes de empezar a trabajar en el. Mientras tanto, iremos echando un vistazo al dashboard o panel de control de Webflow.
Interfaz del designer
El Designer es la ventana que más usaremos para construir en Webflow, por lo que es importante empezar a familiarizarse con la disposición de las distintas secciones y herramientas, aunque la práctica será lo que nos de el "flow".
Elementos
En este módulo te cuento un poco sobre los elementos que recomiendo utilizar para construir nuestros proyectos, y que van a componer el HTML de nuestra web de la forma mas limpia y personalizada posible.
Clases
Sin duda, uno de los aspectos más importantes a la hora de trabajar con Webflow es dominar las clases. El uso que le des y las buenas prácticas que uses con ellas serán las que te darán la velocidad y eficiencia a la hora de construir o modificar proyectos.
Boxmodel y tamaños
En diseño web, todo se basa en el boxmodel. Es importante entender bien el concepto, aunque hasta que no empecemos a trabajar una estructura real no veremos cómo funciona exactamente. Al igual que con las clases, es importante tener buenas prácticas para ahorrar tiempo a la hora de construir y mantener proyectos.
También veremos sobre las diferentes formas de dar tamaño a nuestros elementos.
Layouts y espaciados
En este contenido veremos las formas que suelo usar para distribuir elementos entre sí. Sin duda, una de las partes a dominar para no sentirnos limitados a la hora de crear.
Posiciones
Una breve introducción sobre las diferentes posiciones. Durante el desarrollo del proyecto veremos algunas más que nos servirán para que nuestro proyecto tenga el aspecto y comportamiento que queremos.
Estilos
Una introducción de las distintas funciones que Webflow nos ofrece para dar estilo a nuestros elementos. Es importante conocerlas bien para a la hora de diseñar nuestro proyecto tener más recursos creativos que añadir.
Componentes y variantes
Una función de Webflow que ayuda muchísimo a reutilizar estructuras.
Contenido dinámico con CMS
Explicación e introducción del sistema de colecciones de Webflow (CMS) para añadir contenido dinámico en las webs.
Animaciones
Breve introducción sobre el panel de animaciones y los distintos tipos de triggers.