Fórum | tutoriais mais recente desenvolvimento web
 

ExtJS Tutorial



Introdução básica

ExtJS representam JavaScript Extended, é um framework JavaScript e produto de sencha que é baseado no YUI (Yahoo user interface) .Ele é basicamente uma plataforma de desenvolvimento de aplicações desktop com interface moderna. Este tutorial dá uma compreensão completa do Ext JS. Esta referência vai levá-lo através de uma abordagem simples e prático ao mesmo tempo aprender Ext JS.


Público

Este tutorial foi preparado para os iniciantes para ajudá-los a compreender os conceitos de Ext JS para construir UI web dinâmico.


Pré-requisitos

Para este tutorial, o leitor deve ter um conhecimento prévio de HTML, CSS e JavaScript codificação. Seria útil se o leitor sabe conceitos de programação orientada a objetos e ter idéia geral sobre a criação de aplicações web.


Executar ExtJS online

Para a maioria dos exemplos dados neste tutorial você vai encontrar Try it opção, então, basta fazer uso desta opção para executar seus programas ExtJS no local e desfrutar da sua aprendizagem.

Tente seguir o exemplo usando Try it opção disponível no canto superior direito da caixa de código de exemplo a seguir -

<!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>