Máster SAP Fiori Desarrollo de Aplicaciones con SAPUI5

Qué aprenderás

Fundamentos de SAPUI5: Dominar el framework de desarrollo por excelencia para el ecosistema SAP.
Arquitectura MVC: Estructurar aplicaciones escalables separando la lógica de negocio, la interfaz y los datos.
Desarrollo FreeStyle: Crear aplicaciones desde cero con total flexibilidad de diseño.
Experiencia de Usuario (UX) Fiori: Aplicar las guías de diseño de SAP para garantizar la usabilidad y coherencia visual.
Consumo de Datos: Vincular tus aplicaciones con servicios backend (OData) de forma eficiente.
Despliegue en Cloud Foundry: Aprender el proceso de deploy en entornos SAP BTP.
Mejores Prácticas de SAP: Implementar estándares de codificación para asegurar aplicaciones de alto rendimiento y fácil mantenimiento.

Descripción del curso

Este máster es la puerta de entrada al estándar de experiencia de usuario de SAP. El programa está diseñado para transformar a desarrolladores y consultores en expertos capaces de crear aplicaciones potentes, intuitivas y totalmente responsivas.

A diferencia de las aplicaciones estándar, aquí aprenderás a dominar el desarrollo FreeStyle, lo que te otorga libertad total para diseñar interfaces a medida sin perder la coherencia del lenguaje visual de SAP Fiori. Desde la estructuración de proyectos bajo la arquitectura Modelo-Vista-Controlador (MVC) hasta el despliegue final en Cloud Foundry, este máster te enseña las mejores prácticas de la industria para entregar software empresarial de alta calidad que se adapta a cualquier dispositivo (móvil, tablet o escritorio).

Requisitos

Sin conocimientos previos de SAPUI5: El programa inicia desde las bases más elementales.
Nociones de Desarrollo Web (Recomendado): Tener conceptos básicos de HTML, CSS y JavaScript te ayudará a avanzar más rápido.
Contexto SAP: Si ya vienes del mundo ABAP o Fiori, este máster será el complemento perfecto para modernizar tu perfil técnico.
Enfoque Práctico: Ideal para quienes prefieren aprender "haciendo" y construyendo proyectos reales desde el primer día.

Contenido del curso

Bloque 1 - Proyectos SAPUI5 en Cloud Foundry

1. Conceptos Fiori y SAPUI5

1.1. ¿Qué es SAP Fiori? Preview
1.2. SAPUI5 - Tecnologías y Lenguajes Preview
1.3. UI y UX Preview

2. Framework SAPUI5 y jQuery

2.1. ¿Qué es un Framework?
2.2. Framework SAPUI5
2.3. jQuery

3. Arquitectura

3.1. Cliente - Servidor
3.2. MVC- Modelo Vista Controlador

4. Entornos de desarrollo

4.1. Crear cuenta trial en SAP Cloud Platform
4.2. SAP Business Application Studio
4.3. Crear cuenta GitHub
4.4. Aplicación SAPUI5 en SAP BAS
4.5. Repositorio remoto en GitHub
4.6. Commit en GitHub
4.7. Web IDE - Personal Edition
4.8. Laboratorio - Entornos de desarrollo
4.9. Test - Entornos de desarrollo

5. Estructura Proyectos SAPUI5

5.1. Hola Mundo
5.2. Bootstrapping
5.3. SAPUI5 Control
5.4. Vistas XML
5.5. Controladores de Vistas
5.6. Módulos
5.7. Modelo JSON
5.8. Organizar Modelos
5.9. Internacionalización - i18n
5.10. Leer textos
5.11. Componentes - Configuración
5.12. Metadata
5.13. Contenedor de Componentes
5.14. Manifest
5.15. Component Support
5.16. Laboratorio - Estructura Proyectos SAPUI5
5.17. Test - Estructura Proyectos SAPUI5

6. Aspecto de la aplicación

6.1. Paginas
6.2. Paneles
6.3. Shell Control
6.4. Margins / Paddings
6.5. CSS Personalizado
6.6. Temas
6.7. Laboratorio - Aspecto de la aplicación
6.8. Test - Aspecto de la aplicación

Bloque 2 - UI, Binding y OData Read

1. Interfaz de usuario - Objetos

1.1. Vistas Anidadas
1.2. Fragmentos - Definición
1.3. Diálogos - Definición
1.4. Fragmentos - Devolución de llamada
1.5. Iconos
1.6. Objeto gestionado
1.7. Diálogos - Reutilización
1.8. Laboratorio - Interfaz de usuario Objetos
1.9. Test - Interfaz de usuario Objetos

2. Binding y Formateadores

2.1. Binding - Agregación
2.2. Formateadores estándar
2.3. Binding - Expresiones
2.4. Formateador personalizado
2.5. Filtros
2.6. Ordenación
2.7. Agrupación
2.8. Laboratorio - Binding y Formateadores
2.9. Test - Binding y Formateadores

3. OData

3.1. OData - Servicio remoto
3.2. SAP Cloud - Destino HTTP
3.3. Servicio OData con Wizzard
3.4. Laboratorio - OData
3.5. Test - OData

Bloque 3 - Unidades de Test, Navegación y Controles

1. Mock Server

1.1. Servicio local
1.2. Dependencias
1.3. Metadatos
1.4. Instancia
1.5. Test aplicación con Mock Server
1.6. Laboratorio - Mock Server
1.7. Test - Mock Server

2. Unidades de Test

2.1. QUnit - Página de Test
2.2. QUnit - Funcionalidad
2.3. Unidad de Test - Creación
2.4. OPA5-Test de Navegación
2.5. QUnit - Integración con OPA5
2.6. OPA5 - Página de Test
2.7. OPA5 - Script y ejecución de Test
2.8. Laboratorio - Unidades de Test
2.9. Test - Unidades de Test

3. Enrutamiento y Navegación

3.1. Estructurar páginas
3.2. Enrutamiento - Definición y Configuración
3.3. Enrutamiento - Inicialización en el Componente
3.4. Navegación - Definición e Implementación
3.5. Navegación con parámetros - Envío
3.6. Navegación con parámetros - Recibo
3.7. Navegación de regreso
3.8. Historial de enrutamiento
3.9. Laboratorio - Enrutamiento y Navegación
3.10. Test - Enrutamiento y Navegación

4. Controles personalizados

4.1. Creación
4.2. Metadatos - Definición
4.3. Inicialización
4.4. Renderizador
4.5. Estilos
4.6. Utilización
4.7. Modificaciones
4.8. Laboratorio - Controles personalizados
4.9. Test - Controles personalizados

5. Adaptaciones

5.1. Responsive
5.2. System Device
5.3. Adaptación al dispositivo con CSS
5.4. Funciones integradas
5.5. Densidad de contenido
5.6. Accesibilidad
5.7. Laboratorio - Adaptaciones
5.8. Test - Adaptaciones

Bloque 4 - SAPUI5 Avanzado

1. Proyecto Fiori

1.1. Creación proyecto - Línea de comandos
1.2. Configuración de ejecución
1.3. Repositorio Git - Configuración y Uso
1.4. Laboratorio - Proyecto Fiori
1.5. Test - Proyecto Fiori

2. Elementos y Controladores UI5

2.1. Elementos UI5
2.2. Controlador - Funciones y lógica
2.3. Lista desplegable
2.4. Git-Nueva Rama y Actualización
2.5. Laboratorio - Elementos y Controladores UI5
2.6. Test - Elementos y Controladores UI5

3. Modelos y Eventos

3.1. Modelo JSON
3.2. Modelo - Vinculación UI
3.3. Cargar Modelo desde Fichero
3.4. Tablas - Proyección de datos
3.5. Eventos
3.6. Laboratorio - Modelo y Eventos
3.7. Test - Modelo y Eventos

4. Contextos y Mensajes

4.1. UI
4.2. Lógica en Controladores
4.3. Laboratorio - Contextos y Mensajes
4.4. Test-Contextos y Mensajes

5. Listas

5.1. Aplicación
5.2. Modelo
5.3. Pestañas
5.4. Lista de Objetos
5.5. Lista Estándar
5.6. Lista de Entrada
5.7. Lista de Notificaciones
5.8. Lista Personalizada
5.9. Filtros Predefinidos
5.10. Agrupaciones
5.11. Filas-Tipos de Selección
5.12. Obtener Filas Seleccionadas
5.13. Eliminar Filas
5.14. Modo Delete con Parámetro listItem
5.15. Laboratorio - Listas
5.16. Test - Listas

Bloque 5 - Componentes dinámicos, Fragmentos y Layouts

1. Modelos - Conceptos Avanzados

1.1. Múltiples Modelos - Data Binding
1.2. Modelos - Visibilidad Dinámica
1.3. Laboratorio - Modelos
1.4. Test - Modelos

2. Componentes dinámicos

2.1. UI
2.2. Tabla - Creación dinámica
2.3. Modelo JSON - Tabla dinámica
2.4. Laboratorio - Componentes dinámicos
2.5. Test - Componentes dinámicos

3. Fragmentos

3.1. Creación
3.2. Utilización
3.3. Modificación
3.4. Diálogo
3.5. Instancia dinámica
3.6. Laboratorio - Fragmentos
3.7. Test - Fragmentos

4. Layouts

4.1. Reestructuración aplicación
4.2. Tipos de Layouts
4.3. Cambios de Layout con Evento
4.4. FlexBox
4.5. Laboratorio - Layouts
4.6. Test - Layouts

5. Binding Expression y Formatters

5.1. Binding Expression - Definición
5.2. Binding Expression - Uso
5.3. Formatters - Definición
5.4. Formatters - Uso
5.5. Laboratorio - Binding Expression y Formatters
5.6. Test - Binding Expression y formatters

Bloque 6 - Servicios OData CRUD, Validaciones y Navegación

1. OData

1.1. OData - Configuración y uso
1.2. SAP BTP - Destino on Premise
1.3. Manifest - Fuente de alimentación
1.4. Enrutamiento - Configuración
1.5. Ejecución - Múltiples fuentes de datos
1.6. OData - Create
1.7. OData - Read
1.8. OData - Update
1.9. Laboratorio - OData
1.10. Test - Laboratorio OData

2. Validaciones y Mensajes

2.1. Campos Obligatorios
2.2. Validación de los datos
2.3. Mensajes de error
2.4. Habilitar elementos tras verificación
2.5. Mensajes de confirmación
2.6. Mensajes de éxito
2.7. Laboratorio - Validaciones y Mensajes
2.8. Test - Validaciones y mensajes

3. Reutilización de código

3.1. Funciones
3.2. Fragmentos
3.3. Laboratorio - Reutilización de código
3.4. Test - Reutilización de código

4. Navegación

4.1. App
4.2. Routing
4.3. Navegación
4.4. Historial de navegación
4.5. Vista de detalles
4.6. Laboratorio - Navegación
4.7. Test - Navegación

Bloque 7 - OData - Objetos Media, Despliegue en Cloud y Ampliaciones Estándar

1. Controles Personalizados

1.1. Librerías externas
1.2. Control - Creación
1.3. Control - Uso en UI
1.4. Laboratorio - Controles Personalizados
1.5. Test - Controles Personalizados

2. Controladores Heredados

2.1. Creación y Uso
2.2. Implementación
2.3. Laboratorio - Controladores Heredados
2.4. Test - Controladores Heredados

3. Factory

3.1. Listado con Factory - UI
3.2. Factory - Lógica en Controlador
3.3. Laboratorio - Factory
3.4. Test-Factory

4. OData - Objetos Media

4.1. Imagen Firma - Eventos e Integración
4.2. OData Imagen - Create
4.3. OData Imagen - Read
4.4. Upload Collection
4.5. OData Ficheros - Parámetro SLUG
4.6. X-CSRF-Token
4.7. OData Ficheros - Read
4.8. OData Ficheros - Upload Complete
4.9. OData Ficheros - Delete
4.10. OData Ficheros - Download
4.11. Laboratorio - OData Objetos Media
4.12. Test - OData Objetos Media

5. Despliegue en Cloud

5.1. Welcome File
5.2. Recursos
5.3. MTA - Build
5.4. Deploy MTA Archive
5.5. Laboratorio - Despliegue en Cloud
5.6. Test - Despliegue en Cloud

6. Visual Studio Code

6.1. Instalación Node
6.2. Instalación VSC
6.3. Extensiones Fiori
6.4. Creación de un proyecto SAPUI5
6.5. App Ejecución en Local
6.6. App Deploy en Cloud
6.7. App - Ejecución en Cloud
6.8. Laboratorio - VSC
6.9. Test - VSC

Bloque 8 - Proyecto final

1. Proyecto Final

1.1. Requerimientos y Diseño Funcional
1.2. Workshop y Análisis en el sistema
1.3. Entrega y Documento Técnico
1.4. Solución y Buenas Prácticas

Cronograma de Clases en Vivo

Horario: 9:00 AM - 11:00 AM (Hora Colombia)

Cada sábado. Las sesiones quedan grabadas para verlas cuando quieras.

sábado, 9 de mayo 2026 Herramientas y Arquitectura Fiori

sábado, 16 de mayo 2026 Estructura Proyecto SAPUI5 | Aspecto de aplicación

sábado, 23 de mayo 2026 Interfaz de usuario | Binding

sábado, 30 de mayo 2026 Formateadores y OData Read

sábado, 6 de junio 2026 Mock Server | Unidades de Test y Enrutamiento

sábado, 13 de junio 2026 Controles personalizados y Adaptaciones

sábado, 20 de junio 2026 SAPUI5 Avanzado - Controladores, Modelos

sábado, 27 de junio 2026 SAPUI5 Avanzado - Contextos y Listas

sábado, 4 de julio 2026 Componentes dinámicos y Fragmentos

sábado, 11 de julio 2026 Layouts | Binding Expressions

sábado, 18 de julio 2026 OData - Create | Read | Update | Delete

sábado, 25 de julio 2026 Validaciones | Reutilización de código | Navegación

sábado, 1 de agosto 2026 Controladores Heredados | OData Media

sábado, 8 de agosto 2026 Despliegues en Cloud

4 semanas para proyecto final Desarrollo y entrega del proyecto de certificación

Tu instructor

Jorge Briceño

SAP Fiori | SAPUI5 | SAP CAP | Fiori Elements

Ingeniero en Informática y Licenciado en Educación, especializado en desarrollo de aplicaciones en el ecosistema SAP. Trabaja con tecnologías como SAPUI5, SAP Fiori Elements, CAP y ABAP RESTful, así como en la administración de SAP Fiori en entornos Cloud y On-Premise, formando profesionales en la creación de aplicaciones empresariales modernas.

Ver perfil completo LinkedIn