Fiori · SAPUI5

SAP Fiori — Desarrollo SAPUI5 de Cero a Avanzado

SAPUI5 es el framework con el que se construyen las aplicaciones Fiori que hoy son la cara visible de SAP. Este curso parte de cero y llega a un nivel avanzado: conceptos de Fiori y SAPUI5, arquitectura del framework, estructura de proyectos, binding y formateadores, OData, Mock Server, tests unitarios, enrutamiento, controles personalizados y herramientas de depuración.

Fundamentos 40 h de formación Instructor: Gheorghe Valer 94 vídeos Fiori — Desarrollo SAPUI5 Prepara la certificación C_FIORD

Qué aprenderás

Al terminar, sabrás hacer esto

  • Entender los conceptos de Fiori y SAPUI5
  • Conocer la arquitectura del framework
  • Estructurar proyectos SAPUI5
  • Dominar binding y formateadores
  • Consumir servicios OData
  • Trabajar con Mock Server y tests unitarios
  • Implementar enrutamiento y navegación
  • Crear controles personalizados

Temario

16 secciones · 94 vídeos

18 labs · 13 tests · entregas con solución

01 Conceptos Fiori y SAPUI5
  • ¿Qué es SAP Fiori?
  • SAPUI5 - Tecnologías y lenguajes
  • UI y UX
02 Framework SAPUI5 y jQuery
  • ¿Qué es un framework?
  • Framework SAPUI5
  • jQuery
03 Arquitectura
  • Cliente - Servidor
  • MVC - Modelo Vista Controlador
04 Entorno de desarrollo
  • Crear cuenta trial en SAP
  • SAP Business Application Studio
  • SAP BAS - Exploración
  • Creación de proyecto - Interfaz gráfica
  • Creación de proyecto - Línea de comandos
  • Configuración de ejecución

+ Laboratorio · Test

05 Estructura de proyectos SAPUI5
  • Hola Mundo
  • Bootstrapping
  • SAPUI5 Control
  • Vistas XML
  • Controladores de vistas
  • Módulos
  • Modelo JSON
  • Organizar modelos
  • Internacionalización - i18n
  • Componentes - Configuración
  • Metadata
  • Contenedor de componentes
  • Manifest
  • Component Support
  • Git - Configuración y uso

+ Laboratorio · Test

06 Aspecto de la aplicación
  • Páginas
  • Paneles
  • Shell Control
  • Margins / Paddings
  • CSS personalizado
  • Temas

+ Laboratorio · Test

07 Interfaz de usuario - Objetos
  • Vistas anidadas
  • Fragmentos - Definición
  • Diálogos - Definición
  • Fragmentos - Devolución de llamada
  • Iconos
  • Objeto gestionado
  • Diálogos - Reutilización

+ Laboratorio · Test

08 Binding y formateadores
  • Binding Path - Agregación
  • Formateadores estándar
  • Binding - Expresiones
  • Formateador personalizado
  • Filtros
  • Ordenación
  • Agrupación

+ Laboratorio · Test

09 OData
  • OData - Destino en Cloud Foundry
  • OData - Vincular destino al proyecto
  • Configuración de ejecución - Vinculación de destino
  • OData - Uso del modelo en las vistas

+ Laboratorio · Test

10 Mock Server
  • HTML
  • Inicialización y dependencias
  • Instancia
  • Test de aplicación con Mock Server

+ Laboratorio · Test

11 Unidades de test
  • QUnit - Página de test
  • QUnit - Funcionalidad
  • Unidad de test - Creación
  • Unidad de test - Ejecución
  • OPA5 - Página de test
  • OPA5 - Test de navegación
  • QUnit - Integración con OPA5
  • OPA5 - Ejecución de test

+ Laboratorio · Test

12 Enrutamiento y navegación
  • Estructurar páginas
  • Enrutamiento - Definición y configuración
  • Enrutamiento - Inicialización en el componente
  • Navegación - Definición e implementación
  • Navegación con parámetros - Envío
  • Navegación con parámetros - Recibo
  • Navegación de regreso
  • Historial de enrutamiento

+ Laboratorio · Test

13 Controles personalizados
  • Creación
  • Metadatos - Definición
  • Inicialización
  • Renderizador
  • Estilos
  • Utilización

+ Laboratorio · Test

14 Adaptaciones
  • Responsive
  • System Device
  • Adaptación al dispositivo con CSS
  • Funciones integradas
  • Densidad de contenido
  • Accesibilidad

+ Laboratorio · Test

15 Herramientas de depuración
  • Log Level - Debug
  • UI5 Inspector
  • Elementos del DOM
  • Consola
  • Sources
  • Breakpoints
  • Network
  • Technical Information Dialog
  • Performance

+ Laboratorio · Test

16 Test final y certificado del curso
  • Test final
  • Obtener certificado del curso

Para quién es

¿Es este curso para ti?

  • Desarrolladores frontend que entran al ecosistema SAP
  • Consultores SAP que quieren construir interfaces Fiori
  • Developers web que migran a SAPUI5

Requisitos

Qué necesitas para empezar

  • Nociones de JavaScript, HTML y CSS
  • No se requiere experiencia previa en SAPUI5
  • El entorno de desarrollo se prepara durante el curso
G

Tu instructor

Gheorghe Valer

Arquitecto SAP con 20 años de experiencia en proyectos reales. Comparte lo que ha ido aprendiendo por el camino, con ejemplos del día a día.

Certificado de finalización
Garantía de 7 días
Soporte en los foros
Actualizaciones incluidas

Formación usada por profesionales SAP en banca, industria, retail y sector público.

Ruta · Fiori — Desarrollo SAPUI5

Otros cursos de esta ruta de certificación

Preguntas frecuentes

¿Cómo accedo a este curso?

Con una suscripción a Logali Tech (no se vende suelto). El plan Free te abre las tres primeras secciones de cada curso; Standard y Premium abren el curso completo. Lo ves en Precios.

¿Necesito una instancia SAP propia?

Logali Tech no proporciona acceso a sistemas SAP. En la mayoría de las formaciones no hace falta una licencia propia: las prácticas se hacen sobre una cuenta gratuita de SAP BTP Trial que creas tú, y el curso te guía paso a paso para montarla. En los cursos On-Premise (ABAP clásico, Web Dynpro, ALV, Adobe Forms y administración de Fiori) puedes montar en tu propia infraestructura el sistema de prueba gratuito que SAP pone a disposición (ABAP Cloud Developer Trial) o usar el sistema SAP del entorno de tu empresa.

¿Hay clases en vivo?

Las grabaciones están disponibles 24/7. Las clases en directo y los másters en vivo se incluyen en el plan Premium.

¿Obtengo certificado?

Sí. Al completar el curso obtienes un certificado de finalización que puedes añadir a tu perfil de LinkedIn.

Empieza este curso hoy

Las tres primeras secciones son gratis. Con una suscripción tienes este curso completo y todo el catálogo SAP.