最新のWeb開発のチュートリアル
 

ExtJSのチュートリアル



基本的な紹介

ExtJSには拡張はJavaScriptを表し、YUIに基づいており煎茶のJavaScriptフレームワークと製品である(Yahoo user interface) .ITは、基本的には、近代的なUIとデスクトップアプリケーション開発プラットフォームです。 このチュートリアルでは、内線JSの完全な理解を提供します。 Ext JSを学びながらこのリファレンスは、シンプルで実用的なアプローチを通じて行くことができます。


聴衆

このチュートリアルでは、彼らは、動的なWeb UIを構築するためのExt JSの概念を理解するために初心者のために準備されています。


前提条件

このチュートリアルでは、読者は、HTML、CSSおよびJavaScriptのコーディングの予備知識を持っている必要があります。 読者は、オブジェクト指向プログラミングの概念を知っていて、Webアプリケーションの作成に関する一般的な考えを持っている場合には参考になります。


ExtJSのオンラインを実行します

このチュートリアルで示す例のほとんどは、あなたは見つけるでしょうTry itオプション、これだけスポットであなたのExtJSのプログラムを実行し、あなたの学習を楽しむには、このオプションを使用しています。

使用して、次の例を試してみてTry it以下のサンプルコードボックスの右上に利用できるオプション-

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