Course curriculum

  • 1

    Bienvenido/a al curso!

    • Una bienvenida personal
    • ¡Bienvenido al curso de Webflow!
    • 🙋🏻‍♂️ Únete a la comunidad en SinOficina
    • La estructura del curso
    • Para cualquier duda, aquí me tienes
  • 2

    ¿Cómo utilizar este curso?

    • Aprender haciendo.
    • ¿Por qué no hay (tantos) vídeos?
    • Ponte en contacto conmigo, si lo necesitas
    • Me encantaría saber un poco más de ti
  • 3

    🎨 ¿Cómo se diseña en Webflow?

    • ¿Qué es y no es Webflow?
    • Venciendo la resistencia inicial
    • El modelo de cajas de la web.
    • Atributos básicos
    • Entendiendo el "Border"
    • Entendiendo el "Padding"
    • Explicando los conceptos con cuadros.
    • Margin: La separación entre elementos
    • Div: El cuadrado básico
    • Entendiendo las Clases.
    • Entendiendo las posiciones de los elementos
    • El "flow" del documento y cómo posicionar elementos
    • Entendiendo la Position Static y Relative
    • Entendiendo la posición Absoluta
    • Entendiendo las Flexbox
  • 4

    🏢 ¿Cómo estructurar una web en Webflow?

    • Primero: Unas definiciones
    • Dando estructura a la web
    • Dando contenido a una sección
    • Ordenando el contenido: Padres e "hijos"
    • Los tipos de elementos más utilizados
  • 5

    1️⃣ Creando la primera web: Landing Page

    • ¿Qué vamos a crear?
    • Creando la Navbar
    • Creando la "Hero Section" v2
    • Haciendo la sección Responsive
    • Creando la primera sección de contenido
    • Creando las secciones de dos elementos
    • Duplicando secciones y cambiando elementos
    • Creando el footer de la página
    • Footer en 3 columnas
    • Repasando y conclusiones...
    • ¿Qué te ha parecido esta lección?
  • 6

    Elementos dinámicos: CMS y Collections

    • Contenido que puedas cambiar
    • Collections 101
    • Collections 102: Configurando los campos
    • Collections 103: Las Collection List
    • Creando el blog
    • Creando la página de entradas
    • 🙌 Ya dominas el CMS
    • ✨ Un paso extra: El SEO
  • 7

    🙋🏻‍♂️ Casos de uso del CMS

    • Inspiración para tu CMS
    • Añade logos de empresas con el CMS
    • Sección de Testimonials
  • 8

    ³ Construyendo la tercera web: Usando las grids

    • ¿Qué vamos a construir?
    • Estructurando la página con Grids
    • La estructura de la Collection
    • Creando la estructura básica de la web
    • Creando la Galería de entradas
    • Haciendo la Grid Responsive
    • Creando el resto de elementos de la Web
  • 9

    👨‍🎤 Animaciones 101

    • Dando vida a los elementos de Webflow
    • Animaciones 101: Los estados
    • Animaciones 102: El panel de animaciones
    • Animaciones 103: Animaciones complejas
    • Animaciones 104: Animaciones en Scroll
    • Creando un menú animado
    • Creando la animación del menú
    • Lottie Animations: Introduciendo animaciones personalizadas
  • 10

    👍🏻 Diseñando (bien) en Webflow

    • Las buenas prácticas (y consejos) de Webflow
    • La guía de estilos
    • Los símbolos
    • El SEO en Webflow
    • Olvídate del ratón: Los atajos
    • Nombrando clases
    • Los ajustes del proyecto
    • Editor: Haciendo cambios a tu web de manera rápida
    • ‼️ Filters: Modifica las imágenes en el propio Webflow
  • 11

    🤟 Hasta aqui el curso (por ahora)

    • 🎉 ¡Enhorabuena!
  • 12

    🕵️‍♀️ Profundizando en Webflow

    • Has acabado el curso...¿no?
    • Descubre el potencial de Webflow - Directo
    • 📈 Añadir Google Analytics a Webflow
    • Cómo crear landing page automáticamente en Webflow - SharingAway