
En esta clase analizamos el panorama de trabajo de un diseñador web y la razón de ser de Brizy.
En esta clase vemos una introducción a Brizy a través de su demo online, y explico qué son lo bloques, cómo añadir bloques a una página y también muestro una revisión rápida de la interfaz del editor de Brizy.
En esta clase vemos la definición de Web Hosting (alojamiento web) y Dominio web, conceptos que son necesarios de entender para las siguientes clases del curso.
En esta clase vemos cómo obtener una cuenta de web hosting gratis por un mes para realizar las prácticas del curso, y finalizo explicando la diferencia entre trabajar en una instalación local de WordPress y trabajar de forma remota.
En esta clase hablo sobre seguridad en servicios de web hosting para WordPress, la importancia de la seguridad y los puntos a tener en cuenta para asegurar la estabilidad de nuestros sitios web.
Este es un tour por WHMCS (Área de clientes) y cPanel (Gestión funcionalidades de web hosting), una dupla de sistemas con los que te vas a encontrar en la mayoría de las empresas de web hosting que utilices.
En esta clase expongo algunos datos interesantes solo qué es WordPress, la herramienta base de todo el curso, junto con Brizy.
En esta clase vemos cómo instalar WordPress en un servicio de web hosting que cuente con cPanel y Softaculous, lo sencillo que es hacerlo y también instalo algunos de los plugins esenciales que considero que todo sitio web en WordPress debe tener.
Esta clase es para estudiantes que no estén familiarizados para nada con los aspectos básicos de WordPress. Se exponen las diferencias entere Páginas y Entradas, y las secciones Medios, Comentarios, Apariencia, Widgets, Menús y Plugins.
En esta clase vemos cómo instalar Brizy y cómo añadir Brizy Pro.
En esta clase vemos la mayoría de las opciones para personalizar el comportamiento y estilo de los bloques de Brizy, las demás opciones, las que no están en este video es porque son opciones importantes que tienen sus propios videos.
En esta clase vamos a ver cómo guardar un bloque para poder insertar una copia idéntica de ese bloque en otro editor de Brizy. También vamos a ver cómo mantener bloques sincronizados entre diferentes editores de Brizy, lo que se conoce como “Bloques globales”.
En este video vemos cómo utilizar las tres vistas, la vista Desktop, la vista Tablet y la vista Mobile para conseguir que nuestros diseños se vean bien en todos los dispositivos y tamaños de pantalla.
En esta clase vemos cómo crear diseños de Brizy que se puedan utilizar en múltiples contenidos dentro del sitio web, y esto se logra utilizando las plantillas de Brizy.
En esta clase vemos cómo lanzar popups o ventanas emergentes y cómo configurar sus opciones. También se muestra cómo se visualiza un popup en las vistas Tablet y Mobile.
En esta clase vemos cómo colocar atractivas formas entre un bloque y otro, esto se consigue con los Shape Dividers de Brizy.
En esta clase vemos cómo lograr que los elementos de Brizy aparezcan usando un efecto de animación.
En esta clase vemos el elemento Text, cómo utilizar las tipografías predefinidas y cómo dar diferentes estilos al los párrafos dentro de un mismo elemento Text.
En esta clase vemos el elemento Button, las opciones que presenta para configurar su estilo y su comportamiento.
En esta clase vemos el elemento Icon y lo similar que es al elemento Button.
En esta clase vemos el elemento Image para insertar imágenes en nuestros diseños y analizamos sus opciones entre las que incluso se puede realizar ajustes de Matiz, Saturación, Brillo y Contraste.
En esta clase vemos el elemento Video de Brizy, insertamos dos videos, uno desde YouTube y otro desde Vimeo y configuramos una imagen de cover para uno de ellos.
En esta clase vemos los elementos Spacer y Line, dos elementos muy sencillos pero no menos importantes.
En esta clase vemos el elemento Map que nos permite insertar mapas interactivos de Google Maps en nuestros diseños.
En esta clase vemos el elemento Embed el cual permite insertar fragmentos de otros sitios web en nuestros diseños o bien un fragmento de código HTML personalizado.
En esta clase vemos el elemento Form el cual permite crear formularios de forma muy sencilla. También vemos cómo configurar un formulario y dejarlo funcionando.
En esta clase vemos este curioso elemento, el elemento Icon Box el cual es simplemente la combinación de un elemento Icon, un elemento Text y un elemento Button todo en uno.
En esta clase vemos el elemento SndCloud el cual permite insertar reproductores de SoundCloud en nuestros diseños.
En esta clase vemos los elementos Counter y Countdown que nos permiten presentar datos con atractivas animaciones, en el caso del primero una cantidad y en el caso del segundo una fecha y hora en cuenta regresiva.
En esta clase vemos los elementos Tabs y Accordion, dos elementos que nos ayudan a estructurar mejor el contenido de nuestros diseños.
En esta clase vemos el elemento Progress el cual es muy útil para presentar datos de avances.
En esta clase vemos los elementos Column y Row que se utilizan para organizar otros elementos en columnas y filas.
En esta clase vemos como utilizar el elemento Sidebar para aprevechar los Sidebars de WordPress, esos espacios donde podemos agregar Widgets.
En esta clase vemos el elemento Shortcode, el cual permite insertar todo tipo de shortcodes para expandir las funcionalidades de Brizy.
En esta clase vemos el elemento Menu de Brizy el cual nos permite insertar menús de WordPress directamente en nuestros diseños.
En esta clase vemos el elemento Gallery el cual nos permite exponer un conjunto de imágenes de una forma muy elegante.
En esta clase vemos el elemento Carousel el cual permite colocar columnas de contenido en forma de slider.
En esta clase vemos los elementos Posts y Archives los cuales son dos elementos muy similares y ambos permiten crear una lista de publicaciones de algún tipo de contenido.
En esta clase vemos el panel de estilos predefinidos de Brizy el cual nos permite acceder a estilos generales en todas las páginas del sitio web.
En esta clase vemos cómo obtener control total sobre el diseño de los elementos de Brizy, añadiendo clases CSS personalizadas.
En esta clase vemos cuatro sitios web que son valiosos recursos para descargar imágenes en alta definición y de uso libre para aprovecharlas en nuestros diseños.
En esta clase empezamos a analizar Canva, una genial herramienta para crear diseños en imágenes.
En esta clase analizamos todas las posibilidades que brinda el editor de Canva en su versión gratuita.
En esta clase vemos las funcionalidades y materiales extras que aporta Canva for Work, la versión paga de Canva.
En esta clase vemos el plugin Pods que junto con Brizy nos permiten crear contenido dinámico personalizado y añadirlo nuestros diseños muy fácilmente.
En esta clase vamos a analizar el plugin Advanced Custom Field (ACF) el cual en conjunto con Brizy permite añadir campos personalizados a nuestros diseños.
En esta clase vemos el plugin Toolset, una alternativa muy similar a Pods pero con la diferencia de que es un plugin de pago con una empresa detrás que brinda soporte técnico y en caso de que eso sea importante para vos, este será tu plugin de preferencia.
En esta clase vemos cómo aprovechar las ventajas del CDN global de Cloudflare.
En esta clase vemos cómo limitar las revisiones que genera WordPress para evitar que al guardar los cambios desde el editor de Brizy tengamos que esperar mucho tiempo.
En esta clase muestro cómo funciona la optimización automática de imágenes de Brizy.
En esta clase vemos los últimos tips sobre optimización del sitio web los cuales consisten en habilitar la memoria caché del plugin WP Super Cache y activar la compresión de archivos en la cuenta de web hosting.
Hola y bienvenido o bienvenida a este curso en donde vas aprender todos los conceptos para convertirte en un diseñador web moderno, y donde también vas a realizar las prácticas necesarias para terminar el curso en condiciones de empezar a trabajar.
Si bien el contenido de este curso está pensado para que como diseñador web inviertas en la versión Pro de Brizy, si preferís utilizar solo su versión Free, este curso también te va a servir pero no vas a poder utilizar algunas funcionalidades.
De todas formas como lo vamos a ver más a fondo en uno de los vídeos, el costo de inversión de Brizy Pro se puede cubrir con el primer sitio web que vendas.
Cubriremos todos los conceptos y ejercicios prácticos, desde la utilización de la demo de Brizy hasta la creación de un sitio web de prueba gratuito en CloudHeader, para que practiques lo aprendido montando un sitio web real con cero inversión extra.
También te vamos a explicar algunos conceptos extras como “¿Qué es web hosting?”, “¿Qué es un nombre de dominio web?”. Incluso tocaremos una genial herramienta, también gratuita, que te va a ayudar a generar y editar las imágenes para utilizarlas en tu página web, hablo de la herramienta Canva.
Brizy actualmente está dando sus primeros paso, por lo que este curso se irá actualizando semanalmente con cada nueva funcionalidad que el equipo de Brizy añada.
Al final del curso vas a ser capaz de crear sitios web completos en solo algunas horas, o un par de días en el caso de sitios web más grandes, montarlos en un servicio de web hosting y optimizarlos.