-
Introduccion curso
Hola bienvenido al curso “Los Primeros pasos para aprender UI5”. De modo general UI5 es el nuevo framework o tecnologia para crear aplicaciones en SAP sin embargo a medida que vayamos entrando en detalle nos daremos cuenta que es mas que eso. Que no es solo un framework de programacion sino un paradigma nuevo para crear aplicaciones WEB
-
SAP y la historia de la interfaz grafica
En esta seccion se describe la historia de SAP y como fue evolucionando la interfaz grafica desde las aplicaciones Standalone hasta las aplicaciones WEB de hoy en dia
- SAP y su historia
- Versiones de SAP
- Practicas empresariales en aplicaciones
- Ejemplo 1: Practicas empresariales
- Ejemplo 2: Practicas empresariales
- Evolucion interfaz grafica
- Arquitectura Fat Client y Thin Client parte 1
- Arquitectura Fat Client y Thin Client parte 2
- Demo Fat Client vs Thin Client
- Arquitectura Intermedia
- Demo arquitectura intermedia
-
Webresponsiveness
En esta seccion se discribe el diseno de WEB adaptable el cual permite que las aplicaciones se puedan adaptar a cualquier dispositivo
-
Introduccion HTML
En esta seccion introducimos HTML, el lenguaje que nos permite definir la estructura de una pagina WEB
- Material de apoyo y indice
- Material de apoyo modulo HTML
- Introduccion
- Listas y encabezados
- Ejemplo listas y encabezados
- Parrafos/Hipervinculos
- Ejemplo hipervinculos
- Tablas y ejemplos
- Semantica y ejemplos
- Elementos DIV y SPAN
- Ejemplos con DIV y SPAN
- Imagenes,video y audio
- Forms(Formularios)
- Ejemplo con formularios
- Recursos
- Quiz HTML
-
Introduccion CSS
En esta seccion se explica como CSS permite enriquecer el formato de nuestras paginas WEB usando hojas de estilo
- Material de apoyo modulo CSS
- Introduccion
- Ejemplo CSS y HTML
- Selectores
- Ejemplo con Selectores
- Elementos DIV,Colores y Fondos
- Ejemplo elementos DIV
- Ejemplo con colores
- Ejemplo con imagen de fondo
- Textos,Hipervinculos y Seudoclases
- Ejemplo con hipervinculos y seudoclases
- Ejemplo con fuentes
- Modelo de Cajas
- Ejemplo con modelo de cajas
- Posicionamiento
- Ejemplo con posicionamiento
- Quiz CSS
-
Introduccion JavaScript
JavaScript es un robusto lenguaje de programación que se puede aplicar a un documento HTML y es interpretado por todos los navegadores hoy en día. El mismo permite agregar dinamismo a nuestras paginas
- Material de apoyo modulo JavaScript
- Material de apoyo-indice
- Introduccion
- Ejemplo introduccion
- Conceptos basicos del lenguaje 1
- Ejemplo conceptos basicos del lenguaje 1
- Ejemplo conceptos basicos del lenguaje 2
- Ejemplo conceptos basicos del lenguaje 3
- Funciones,Objetos y Cadenas
- Ejemplo funciones,objetos y clases
- Manejo de fechas
- Ejemplo manejo de fechas
- Operadores y Secuencias condicionales
- Ciclos/Bucles y Arreglos
- Ejemplo Ciclos/Blucles y Arreglos
- Browser Object Model (BOM)
- Ejemplo Browser Object Model (BOM)
- Document Object Model (DOM)
- Ejemplo DOM (Document Object Model)
- Formularios, Ajax y Eventos
- Ejemplo con Ajax
- Modo estricto
- Ejemplo modo estricto
- Quiz JS
-
Framework UI5
Este esta seccion del Framework UI5 tocaremos las bases del lenguaje y examineramos los conceptos fundamentales detrás el mismo
- Enlaces documentación y librerías
- Templates en WebStorm
- Material de apoyo Simple Form
- Material de apoyo WebStorm
- Introduccion UI5
- Diferencia Fiori y UI5 parte 1
- Diferencia Fiori y UI5 parte 2
- Ejemplo UI5 y Fiori parte 1
- Ejemplo UI5 y Fiori parte 2
- Conceptos basicos UI5 parte 1
- Ambientes de desarrollo
- Ejemplo 1 con UI5
- Bootstrap UI5
- Clase App y Page
- Ejemplo 2 con UI5 y clases: App ,Page
- Ejemplo con UI5 usando CSS
- Ejemplo 3 con UI5 y clases: Label,Image,Button
- Ejemplo 4 con UI5 y clase MessageBox
- Ejemplo 4 con UI5 y clase Toolbar
- Ejemplo 4 con UI5 y clase Table parte 1
- Ejemplo 4 con UI5 y clase Table parte 2
- Formularios con la clase SimpleForm
- Introduccion Ejemplo Crud de Clientes
- Servicio REST CRUD de Clientes
- Ejemplo CRUD de Clientes
- Conclusion
- Quiz UI5