Forum | tutorial pengembangan web terbaru
 

ExtJS Tutorial



Pengenalan dasar

ExtJS berdiri untuk Extended JavaScript, adalah kerangka JavaScript dan produk dari sencha yang didasarkan pada YUI (Yahoo user interface) .Ini pada dasarnya merupakan platform pengembangan aplikasi desktop dengan UI modern. Tutorial ini memberikan pemahaman yang lengkap dari Ext JS. referensi ini akan membawa Anda melalui pendekatan yang sederhana dan praktis sambil belajar Ext JS.


Hadirin

Tutorial ini telah disiapkan untuk pemula untuk membantu mereka memahami konsep Ext JS untuk membangun UI web dinamis.


Prasyarat

Untuk tutorial ini, pembaca harus memiliki pengetahuan sebelumnya dari HTML, CSS dan JavaScript coding. Ini akan sangat membantu jika pembaca tahu konsep pemrograman berorientasi objek dan memiliki gambaran umum tentang membuat aplikasi web.


Mengeksekusi ExtJS online

Untuk sebagian besar dari contoh yang diberikan dalam tutorial ini Anda akan menemukan Try it pilihan, jadi hanya menggunakan opsi ini untuk menjalankan program ExtJS Anda di tempat dan menikmati belajar Anda.

Cobalah contoh berikut menggunakan Try it pilihan yang tersedia di pojok kanan atas kotak kode contoh di bawah ini -

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