Blog de Diego Arturo Hernández Fuentes
Programación en Kendo UI
En esta parte conocerás como instalar, programar Kendo UI para desarrollar aplicaciones en HTML5, JavaScript y CSS. Además de desarrollo Web, puede hacer desarrollo para móviles y puede hacer visualizaciones de datos como gráficas, tablas, porcentajes.
Lo interesante de esta herramienta es proporcionar código fuente y ejemplos en los que puedes basar para hacer tus aplicaciones con la última tecnología en aplicaciones web.
Lo interesante de esta herramienta es proporcionar código fuente y ejemplos en los que puedes basar para hacer tus aplicaciones con la última tecnología en aplicaciones web.
Este es su sitio oficial de kendo UI, además este es su sitio es donde se pueden descargar el software de desarrollo. Ahí aparecerá dos opciones:
Les recomiendo que se descarguen la versión gratuita, para eso se requiere que se registren.
Al termino de su registro ya tendrán descargado la paquetería de desarrollo HTML 5 de Kendo UI.
El archivo que has descargado es un archivo comprimido
Cuando lo descomprimes te aparecerán las siguientes carpetas:
Los siguiente vinculos son para los scripts de tu aplicación
Una practica de desarrollo de Kendo UI, se muestra a continuación
Coloca en la carpeta donde guardaste este documento las carpetas /js y /styles de Kendo UI.
Al abrir el archivo en un navegador te tiene que aparecer algo así.
- El de prueba de 30 días con el paquete completo de Kendo UI (Web, Móviles y visualización gráfica).
- La versión gratuita de desarrollo web.
Al termino de su registro ya tendrán descargado la paquetería de desarrollo HTML 5 de Kendo UI.
El archivo que has descargado es un archivo comprimidoCuando lo descomprimes te aparecerán las siguientes carpetas:
- /examples Contiene condigo fuente y ejecución de las demostraciones de Kendo UI.
- /js Contiene los archivos JavaScript.
- /source Contiene el c´digo fuente completa de toda la documentación.
- /styles Contiene los archivos CSS.
- /vsdoc Contiene la qyuda.
- changelog.html Este archivo al ejecutarlo en un navegador te va a ejecutar los API y demos que ofrece Kendo UI gratuitamente con su código fuente.
<link href="styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
<link href="styles/kendo.default.min.css" rel="stylesheet" type="text/css" />Los siguiente vinculos son para los scripts de tu aplicación
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/kendo.web.min.js" type="text/javascript"></script>
Una practica de desarrollo de Kendo UI, se muestra a continuación
<!DOCTYPE html>
<html lang="en">
<head>
<title>Probando KendoUI</title>
<link href="styles/kendo.common.min.css" rel="stylesheet"
type="text/css">
<link href="styles/kendo.blueopal.min.css"
rel="stylesheet" type="text/css">
<style type="text/css">
body{
font-family: verdana, arial, sans-serif;
}
</style>
<script src="js/jquery.min.js"
type="text/javascript"></script>
<script src="js/kendo.all.min.js"
type="text/javascript"></script>
<script type="text/javascript">
$("document").ready(function(){
$("#menu").kendoMenu()
})
</script>
</head>
<body>
<h1>Probando Kendo</h1>
<ul id="menu">
<li>Empresa
<ul>
<li>Sony</li>
</ul>
</li>
<li>Productos
<ul>
<li>Televisores
<ul>
<li>Plasma</li>
<li>LCD</li>
<li>LED</li>
</ul>
</li>
<li>Sonido
<ul>
<li>Minicadena</li>
<li>Micro</li>
</ul>
</li>
<li>Proyectores</li>
</ul>
</li>
<li id="li3">Contacto</li>
</ul>
</body>
</html>
Coloca en la carpeta donde guardaste este documento las carpetas /js y /styles de Kendo UI.
Si tienen dudas acerca del desarrollo en Kendo UI, les dejo unas referencias de la página oficial de Kendo UI:
Documentación Kendo UI
Ayuda, demostraciones y videos de Kendo UI
Si quieren explorar kendo UI tienen que probar el tutorial que trae esta herramienta, muy fácil de usarlo y de terminarlo, este es su sitio.
Deseo ver videos en español y la ayuda
ResponderEliminar