A la finalización del curso, conocerás como desarrollar un Liferay Theme que incluirá:
- Comprensión del Theme Architecture
- Como construir un Theme base
- Aplicar HTML, CSS y JavaScript
- Opciones de configuración utilizando el Theme Settings
- Opciones de configuración utilizando Color Schemes
- Uso de Freemarker o Velocity en un Theme de Liferay
- Utilizar SASS y Compass
- Utilizar AlloyUI en tu Theme
- Uso de Alloy Bootstrap in tu Theme
- Desarrollo de una disposión de página
- Entender cómo pensar sobre Diseño Responsivo
- Crear un Site Template utilizando tu Theme
Temas del curso
Presentación
- Cómo instalar Liferay utilizando Liferay Developer Studio
Entender los temas en Liferay
- Arquitectura de temas
- Disposiciones de Página en Liferay
- Administración de usuarios a través de organizaciones y grupos de usuarios
Como construir un tema en Liferay
- Creación básica de Temas
- Cómo administrar código personalizado en Temas
- Comprender la estructura HTML de una página Liferay
- Cómo manejar las diferencias entre navegadores en Liferay
Opciones configurables en los temas Liferay
- Usar las propiedades de temas para proporcionar opciones personalizadas en Liferay
- Usar esquemas de color para proporcionar CSS personalizadas y variaciones de imagen
Usar Velocity en los temas de apariencia
- Entender Velocity
- Uso básico de Velocity
Cómo crear disposiciones de página
- ¿Qué es una disposición de página?
- Creación de una disposición de página básica
Características adicionales en los temas Liferay
- Aprovechando SASS y Compass en un tema Liferay
- Introducción a AlloyUI
- Diseño responsivo en temas de Liferay
- Creación de plantillas del sitio e importación de contenido mediante Themes
Información general sobre prácticas recomendadas
- Mejores prácticas para tecnologías de accesibilidad y temas
Requisitos: conocimiento sobre HTML y CSS.
