Forum | Gli ultimi tutorial di sviluppo web
 

ExtJS Tutorial



Introduzione di base

ExtJS riposare per esteso JavaScript, è un framework JavaScript e di prodotto di sencha che si basa su YUI (Yahoo user interface) .Si è fondamentalmente una piattaforma di sviluppo di applicazioni desktop con interfaccia utente moderna. Questo tutorial fornisce una comprensione completa di Ext JS. Questo riferimento vi porterà attraverso l'approccio semplice e pratico, mentre l'apprendimento Ext JS.


Pubblico

Questo tutorial è stato preparato per i principianti per aiutarli a capire i concetti di Ext JS per costruire interfaccia utente web dinamici.


Prerequisiti

Per questo tutorial, il lettore dovrebbe avere una conoscenza preliminare di HTML, CSS e JavaScript di codifica. Sarebbe utile se il lettore conosce concetti della programmazione orientata agli oggetti e avere un'idea generale sulla creazione di applicazioni web.


Esegui ExtJS online

Per la maggior parte degli esempi forniti in questo tutorial troverete Try it opzione, quindi basta fare uso di questa opzione per eseguire i programmi ExtJS a posto e godetevi il vostro apprendimento.

Prova a seguire esempio usando Try it opzione disponibile nell'angolo in alto a destra della casella di codice di esempio qui sotto -

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