Forum | Derniers tutoriels de développement web
 

ExtJS Tutorial



Présentation de base

ExtJS support pour JavaScript Extended, est un framework JavaScript et produit de sencha qui est basé sur YUI (Yahoo user interface) .Il est essentiellement une plate - forme de développement d'applications de bureau avec une interface utilisateur moderne. Ce tutoriel donne une compréhension complète de Ext JS. Cette référence vous mènera à travers une approche simple et pratique tout en apprenant Ext JS.


Public

Ce tutoriel a été préparé pour les débutants pour les aider à comprendre les concepts de Ext JS pour construire l'interface utilisateur Web dynamique.


Conditions préalables

Pour ce tutoriel, le lecteur devrait avoir une connaissance préalable du HTML, CSS et JavaScript de codage. Il serait utile que le lecteur connaît les concepts de la programmation orientée objet et ont idée générale sur la création d'applications web.


Exécuter ExtJS en ligne

Pour la plupart des exemples donnés dans ce tutoriel , vous trouverez Try it - options, donc juste faire usage de cette option pour exécuter vos programmes ExtJS à l'endroit et profiter de votre apprentissage.

Essayez de suivre par exemple en utilisant Try it l' option disponible dans le coin supérieur droit de la case ci - dessous exemple de code -

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