Descripción del curso

SAP introdujo un kit de herramientas de desarrollo llamado SAPUI5 basado en HTML5, JS y CSS. Las aplicaciones creadas con SAPUI5 responden en todos los navegadores y dispositivos y se ejecutan en teléfonos inteligentes, tabletas y computadoras de escritorio. Los controles de la interfaz de usuario se adaptan automáticamente a las capacidades de cada dispositivo.

SAP Fiori es la nueva interfaz de usuario de SAP para los usuarios en todas las líneas de negocio, en todos los dispositivos y en todas las opciones de implementación. SAP Fiori no es una tecnología, es una nueva experiencia de usuario basada en criterios de diseño que utiliza la tecnología SAPUI5.

Resumiendo, podemos decir que las aplicaciones SAPUI5 son aplicaciones simples, visualmente atractivas y extremadamente fácil de usar, que incorporan una lógica bien pensada, front-end y back-end.

Qué aprenderás

Utilización de los entornos de desarrollo Cloud y Local
Repositorio Git
Creación de la estructura de los proyectos SAPUI5
MVC – Modelo Vista Controlador
Vistas XML
Controladores de vistas
Modelos JSON
Internacionalización con i18n
Componentes y Módulos
Creación de páginas y paneles
Uso de los CSS
Vistas anidadas, fragmentos y diálogos
Binding – agregaciones y expresiones
Creación de listados con filtros, ordenaciones y agrupaciones
Consumir servicios OData
Simulación de servidor back-end con Mock Server
Creación de unidades de test
Enrutamiento y navegación entre páginas
Creación de controladores personalizados
Adaptaciones con responsive, CSS y funciones integradas
Utilización de las herramientas de depuración

Contenido del curso

1. Conceptos Fiori y SAPUI5

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

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. Entorno de desarrollo

4.1. Crear cuenta trial en SAP
4.2. SAP Business Application Studio
4.3. SAP BAS – Exploración
4.4. Creación Proyecto – Interfaz Gráfica
4.5. Creación Proyecto – Línea de comandos
4.6. Configuración de ejecución
4.7. Laboratorio – Entorno de desarrollo
4.8. Test – Entorno de desarrollo

5. Estructura Proyectos SAPUI5

5.1. Hola Mundo
5.2. Bootstrapping
5.3. SAP UI5 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. Componentes – Configuración
5.11. Metadata
5.12. Contenedor de Componentes
5.13. Manifest
5.14. Component Support
5.15. Git – Configuración y Uso
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

7. Interfaz de usuario – Objetos

7.1. Vistas Anidadas
7.2. Fragmentos – Definición
7.3. Diálogos – Definición
7.4. Fragmentos – Devolución de llamada
7.5. Iconos
7.6. Objeto gestionado
7.7. Diálogos – Reutilización
7.8. Laboratorio – Interfaz de usuario Objetos
7.9. Test – Interfaz de usuario Objetos

8. Binding y Formateadores

8.1. Binding Path – Agregación
8.2. Formateadores estándar
8.3. Binding – Expresiones
8.4. Formateador personalizado
8.5. Filtros
8.6. Ordenación
8.7. Agrupación
8.8. Laboratorio – Binding y Formateadores
8.9. Test – Binding y Formateadores

9. OData

9.1. OData – Destino en Cloud Foundry
9.2. OData – Vincular Destino al Proyecto
9.3. Configuración de ejecución – Vinculación Destino
9.4. OData – Uso del Modelo en las Vistas
9.5. Laboratorio – OData
9.6. Test – OData

10. Mock Server

10.1. HTML
10.2. Inicialización y Dependencias
10.3. Instancia
10.4. Test aplicación con Mock Server
10.5. Laboratorio – Mock Server
10.6. Test – Mock Server

11. Unidades de Test

11.1. QUnit – Página de Test
11.2. QUnit – Funcionalidad
11.3. Unidad de Test – Creación
11.4. Unidad de Test – Ejecución
11.5. OPA5 – Página de Test
11.6. OPA5 – Test de Navegación
11.7. QUnit – Integración con OPA5
11.8. OPA5 – Ejecución de Test
11.9. Laboratorio – Unidades de Test
11.10. Test – Unidades de Test

12. Enrutamiento y Navegación

12.1. Estructurar páginas
12.2. Enrutamiento – Definición y Configuración
12.3. Enrutamiento – Inicialización en el Componente
12.4. Navegación – Definición e Implementación
12.5. Navegación con parámetros – Envío
12.6. Navegación con parámetros – Recibo
12.7. Navegación de regreso
12.8. Historial de enrutamiento
12.9. Laboratorio – Enrutamiento y Navegación
12.10. Test – Enrutamiento y Navegación

13. Controles Personalizados

13.1. Creación
13.2. Metadatos – Definición
13.3. Inicialización
13.4. Renderizador
13.5. Estilos
13.6. Utilización
13.7. Laboratorio – Controles personalizados
13.8. Test – Controles personalizados

14. Adaptaciones

14.1. Responsive
14.2. System Device
14.3. Adaptación al dispositivo con CSS
14.4. Funciones integradas
14.5. Densidad de contenido
14.6. Accesibilidad
14.7. Laboratorio – Densidad de contenido
14.8. Test – Densidad de contenido

15. Herramientas de Depuración

15.1. Log Level – Debug
15.2. UI5 Inspector
15.3. Elementos del DOM
15.4. Consola
15.5. Sources
15.6. Breakpoints
15.7. Network
15.8. Technical Information Dialog
15.9. Performance
15.10. Laboratorio – Herramientas de Depuración
15.11. Test – Herramientas de depuración

Tu instructor

Jorge Briceño

SAP Fiori | SAPUI5 | SAP BTP | 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.

Certificaciones:

SAP Certified - SAP Fiori Application Developer

SAP Certified - Back-End Developer - ABAP Cloud

SAP Certified - SAP Fiori System Administration

SAP Certified - Backend Developer - SAP Cloud Application Programming Model

Ver perfil completo LinkedIn

Preguntas frecuentes

Una vez completada la inscripción, contarás con todo el contenido mediante vídeos, laboratorios, documentación y tests en el aula virtual para siempre, y podrás avanzar a tu propio ritmo.

Al inicio de cada unidad tendrás foros disponibles para dejar las dudas que se te presenten durante la formación. Un docente dará respuesta a tus consultas y te brindará el soporte necesario.

Al finalizar el curso deberás presentar un test que deberás aprobar con más del 60% para obtener el certificado. Tendrás dos intentos habilitados para presentarlo.

Ver conceptos clave Consulta el glosario completo de términos SAP relacionados.