Kendo UI

KENDO UI

AGENDA

INTRODUCCION A KENDO UI

KENDO UI WEB

KENDO UI MOVIL

EJEMPLO KENDO UI WEB

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.

INTRODUCION KENDO UI WEB

KENDO UI WEB

KENDO UI MOVIL

KENDO UI MOVIL

EJEMPLOEJEMPLO

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.

INTRODUCION KENDO UI WEB

KENDO UI WEB

KENDO UI MOVIL

KENDO UI MOVIL

EJEMPLOEJEMPLO

INTRODUCION A KENDO UI

Una Estructura Un Estilo Un Código

Contiene la funcionalidad principal de interfaz de usuario, incluyendo los componente :

•UI widgets•Marco de MVVM• Datasource•Plantillas•Temas

INTRODUCIONINTRODUCION KENDO UI WEB

KENDO UI MOVIL

KENDO UI MOVIL

EJEMPLOEJEMPLO

KENDO UI WEB

Kendo UI web proporcionan 18 widgets para construir la interfaz de front-end de aplicaciones web.

Widgets:Widgets:

AutoComplete Calendar ComboBox DatePickerDropDownList Editor Grid ListViewMenu TextBox PanelBar SliderSplitter TabStrip TimePicker TreeViewUpload Window

INTRODUCIONINTRODUCION KENDO UI WEB

KENDO UI MOVIL

KENDO UI MOVIL

EJEMPLOEJEMPLO

KENDO UI WEB

Kendo UI WEB es soportado por los siguientes navegadores de internet.

INTRODUCIONINTRODUCION KENDO UI WEB

KENDO UI MOVIL

KENDO UI MOVIL

EJEMPLOEJEMPLO

KENDO UI WEB

- IE7+- FF ESR- Chrome- Safari 4+- Opera 10+

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.

INTRODUCIONINTRODUCION KENDO UI WEB

KENDO UI MOVIL

KENDO UI MOVIL

EJEMPLOEJEMPLO

KENDO UI WEB

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.

INTRODUCIONINTRODUCION KENDO UI WEB

KENDO UI WEB

KENDO UI MOVIL

EJEMPLOEJEMPLO

KENDO UI MOVIL

Personalizar el look and feel de temas y widgets móviles.

También trae los 18 componentesDe interface de usuario de kendo UI WEB.

INTRODUCIONINTRODUCION KENDO UI WEB

KENDO UI WEB

KENDO UI MOVIL

EJEMPLOEJEMPLO

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.

INTRODUCIONINTRODUCION KENDO UI WEB

KENDO UI WEB

KENDO UI MOVIL

EJEMPLOEJEMPLO

KENDO UI MOVIL

INTRODUCIONINTRODUCION KENDO UI WEB

KENDO UI WEB

KENDO UI MOVIL

KENDO UI MOVIL

EJEMPLO

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)