Kendo UI es una librería JavaScript para desarrollar interfaces de usuario enriquecidas para aplicaciones web y móviles. Incluye widgets UI, marco MVVM, plantillas y temas. Kendo UI Web proporciona 18 widgets para aplicaciones web, mientras que Kendo UI Móvil permite crear aplicaciones nativas para dispositivos móviles. El documento también muestra un ejemplo básico de cómo implementar un menú con Kendo UI Web.

1. KENDO UI

2. AGENDA
 INTRODUCCION A KENDO UI
 KENDO UI WEB
 KENDO UI MOVIL
 EJEMPLO KENDO UI WEB

3. INTRODUCION A KENDO UI
Es una librería JavaScript de
código abierto para el
desarrollo de aplicaciones
web enriquecidas del lado
del cliente, con diversas
interfaces de usuario
dinámicas.
KENDO UI
KENDO UI KENDO UI
KENDO UI EJEMPLO
EJEMPLO
INTRODUCION
WEB
WEB MOVIL
MOVIL

4. INTRODUCION A KENDO UI
Kendo UI resuelve un problema importante que enfrentan los
desarrolladores de JavaScript,HTML5 y CSS3.
Kendo UI trae todo lo que necesitas para construir páginas y
aplicaciones con HTML5 JavaScript y CSS3.
Una Estructura Un Estilo Un Código
KENDO UI
KENDO UI KENDO UI
KENDO UI EJEMPLO
EJEMPLO
INTRODUCION
WEB
WEB MOVIL
MOVIL

5. KENDO UI WEB
Contiene la funcionalidad principal de
interfaz de usuario, incluyendo los
componente :
•UI widgets
•Marco de MVVM
• Datasource
•Plantillas
•Temas
KENDO UI KENDO UI
KENDO UI EJEMPLO
EJEMPLO
INTRODUCION
INTRODUCION WEB MOVIL
MOVIL

6. KENDO UI WEB
Kendo UI web proporcionan 18 widgets para construir la
interfaz de front-end de aplicaciones web.
Widgets:
AutoComplete Calendar ComboBox DatePicker
DropDownList Editor Grid ListView
Menu TextBox PanelBar Slider
Splitter TabStrip TimePicker TreeView
Upload Window
KENDO UI KENDO UI
KENDO UI EJEMPLO
EJEMPLO
INTRODUCION
INTRODUCION WEB MOVIL
MOVIL

7. KENDO UI WEB
Kendo UI WEB es soportado por los siguientes navegadores de
internet.
- IE7+
- FF ESR
- Chrome
- Safari 4+
- Opera 10+
KENDO UI KENDO UI
KENDO UI EJEMPLO
EJEMPLO
INTRODUCION
INTRODUCION WEB MOVIL
MOVIL

8. KENDO UI WEB
Kendo UI WEB trae varios temas
que podemos usar para nuestras
paginas o también nos permite
crear temas con colores
que deseemos para los widgets UI.
KENDO UI KENDO UI
KENDO UI EJEMPLO
EJEMPLO
INTRODUCION
INTRODUCION WEB MOVIL
MOVIL

9. KENDO UI MOVIL
Kendo UI Móvil es conjunto de widgets y componentes
integrados para el rápido desarrollo de aplicaciones móviles.
Los que nos permite desarrollar aplicaciones nativas móviles
para iPhone, Android y Blackberry.
KENDO UI
KENDO UI KENDO UI EJEMPLO
EJEMPLO
INTRODUCION
INTRODUCION WEB
WEB MOVIL

10. KENDO UI MOVIL
Personalizar el look and feel
de temas y widgets móviles.
También trae los 18 componentes
De interface de usuario de kendo
UI WEB.
KENDO UI
KENDO UI KENDO UI EJEMPLO
EJEMPLO
INTRODUCION
INTRODUCION WEB
WEB MOVIL

11. KENDO UI MOVIL
Kendo UI Mobile ofrece widgets de interfaz de usuario diseñada
específicamente para ayudar a crear experiencias nativas para
tabletas más populares, como el iPad.
Widgets de Tablet específicos incluyen la SPLITVIEW y popover,
diseñado para tomar ventaja de las pantallas de tabletas más
grandes.
KENDO UI
KENDO UI KENDO UI EJEMPLO
EJEMPLO
INTRODUCION
INTRODUCION WEB
WEB MOVIL

12. EJEMPLO KENDO UI WEB
1. Descargar Kendo UI
2. Configure la pagina Kendo UI
Scripts & Styles
3.- Poner el scrip de un widgets UI
(En este caso es el de menú web)
KENDO UI
KENDO UI KENDO UI
KENDO UI EJEMPLO
INTRODUCION
INTRODUCION WEB
WEB MOVIL
MOVIL