Foro | Los últimos tutoriales de desarrollo web
 

ExtJS Tutorial



Introducción básica

ExtJS reposar durante JavaScript extendido, es un marco de JavaScript y producto de sencha que se basa en YUI (Yahoo user interface) .Es es básicamente una plataforma de desarrollo de aplicaciones de escritorio con interfaz de usuario moderna. Este tutorial da una comprensión completa de Ext JS. Esta referencia le llevará a través de un enfoque sencillo y práctico mientras que el aprendizaje Ext JS.


Audiencia

Este tutorial ha sido preparado para los principiantes para ayudarles a entender los conceptos de Ext JS para construir la interfaz de usuario web dinámica.


Requisitos previos

Para este tutorial, el lector debe tener un conocimiento previo de HTML, CSS y JavaScript de codificación. Sería de gran ayuda si el lector conoce los conceptos de la programación orientada a objetos y tienen idea general sobre la creación de aplicaciones web.


Ejecutar ExtJS Online

Para la mayoría de los ejemplos dados en este tutorial encontrará Try it opción, por lo que sólo hacen uso de esta opción para ejecutar sus programas de ExtJS en el lugar y disfrutar de su aprendizaje.

Trate siguiente ejemplo usando Try it opción disponible en la esquina superior derecha del cuadro de código de ejemplo siguiente -

<!DOCTYPE html>
<html>
   <head>
      <link href="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/classic/theme-classic/resources/theme-classic-all.css" rel="stylesheet" />
      <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/ext-all.js"></script>
      <script type="text/javascript">
         Ext.onReady(function() {
         Ext.create('Ext.Panel', {
            renderTo: 'helloWorldPanel',
            height: 100,
            width: 200,
            title: 'Hello world',
            html: 'First Ext JS Hello World Program'
            });
         });
      </script>
   </head>
   <body>
      <div id="helloWorldPanel"></div>
   </body>
</html>