
Curso de Bricks Builder
Bricks Builder: Diseña sitios web rápidos y profesionales
Domina Bricks Builder para crear sitios web rápidos, organizados y profesionales. Aprende su gestor de clases, Query Loop, estilos globales y layouts reutilizables, aplicando buenas prácticas de diseño visual y UX/UI.
Este curso te enseñará a crear sitios web modernos y profesionales usando Bricks Builder, enfocándose en herramientas clave como Class Manager y Query Loop. Con Class Manager aprenderás a gestionar clases y estilos de manera centralizada, aplicando cambios globales sin duplicar trabajo y manteniendo un diseño consistente en todo tu sitio. Con Query Loop podrás mostrar contenido dinámico y personalizado sin depender de plugins externos, creando listados de posts, productos o cualquier tipo de contenido repetible de forma visual y controlada. Además, aprenderás a construir layouts eficientes, plantillas globales, animaciones y efectos interactivos, asegurando que tu web sea rápida, responsiva y profesional.
- Navegar y dominar la interfaz de Bricks Builder.
- Crear y gestionar clases reutilizables con Class Manager.
- Aplicar estilos globales y modificar elementos masivamente.
- Construir layouts y secciones visualmente atractivas.
- Crear Query Loops para mostrar contenido dinámico de forma flexible.
- Aplicar animaciones y efectos interactivos de manera profesional.
- Optimizar páginas web para velocidad, UX/UI y diseño responsivo.
-
Introducción a Bricks Builder
-
Qué es Bricks y sus ventajas frente a otros builders.
-
Configuración inicial y paneles principales.
-
-
Class Manager y estilos globales
-
Crear y gestionar clases reutilizables.
-
Aplicación de clases a elementos, secciones y columnas.
-
Modificaciones globales sin afectar otros elementos.
-
-
Layouts y secciones avanzadas
-
Columnas, contenedores y layouts flexibles.
-
Headers, footers y plantillas globales.
-
-
Query Loop
-
Crear listados dinámicos de posts o contenido repetible.
-
Filtrar, ordenar y mostrar contenido de forma visual.
-
Personalizar diseño de cada ítem del loop con clases.
-
-
Animaciones y efectos interactivos
-
Hover effects, motion effects y microinteracciones.
-
Aplicación de animaciones usando clases para reutilización.
-
-
Optimización y buenas prácticas
-
Velocidad de carga y performance.
-
Diseño responsivo para móviles, tablet y escritorio.
-
Mantener un sitio limpio, organizado y profesional.
-
-
Proyecto final
-
Crear una página completa con layouts, Query Loops y animaciones.
-
Aplicar Class Manager para mantener consistencia y facilidad de mantenimiento.
-
-