Belajar ExtJS Dasar

Ext JS adalah Sebuah Framwork Dengan Bahasa javascript yang digunakan untuk mempermudah pembuatan APlikasi Berbasis Website yang hamper menyerupai aplikasi berbasis Dekstop.
ExtJS merupakan Framework yang sangat tepat untuk pembuatan Aplikasi berbasis website,karena dengan Adanya Ajax di Framework ini sehingga untuk Transfer ataupun Request data pada aplikasi yang nantinya kita buat bias lebih cepat dan bekerja di belakang atau tanpa harus Meloading keseluruhan Page dari aplikasi yang kita buat. Extjs juga sudah menyediakan File - file yang kita butuhkan seperti CSS , Icon dan yang paling Penting Documentasi yang sangat Lengkap, dari Guide, Contoh dan Materi berupa Video.
Sebelum Memulai Coding dan bermain dengan script – script ExtJS sebelumnya kita harus memahami dan mengatahui beberapa hal terlebih dahulu.
Requirements / Persyaratan
1. Web Browser Ext JS Mendukung Semua Browser yang Terkenal dari I-6, Google Crome yang terdahulu. Tapi direkomendasikan agar kita menggunakan Browser yang memiliki tingkat debugger atau exsekusi yang lebih bagus seperti :
- Google Crome 10 +
- Mozila Firefox 4 +
- Apple Safari 5 +

2. Web Server
Meskipun Tanpa Web Server ExtJS tetap bias berjalan tapi sangat direkomendasikan agar kita memakai Web server. Karena tanpa web server ExtJS yang telah digabungkan menjadi website dinamis atau dipakai bersama dengan database tidak bisa Berjalan.
Jadi jika Belum disarankan mendownload dan menginstal web server terlebih dahulu seperti Apache Atau memakai Xampp (windows) /Lampp (linux).

 3. Ext JS 4 SDK Disini kita harus Mendownload dulu File – file Framwork ExtJS yang nantinya kita pakai untuk membuat Website Aplikasi. Anda bias mendownloadnya di : http://www.sencha.com/products/extjs/download Saat ini yang Terbaru adalah Ext Js versi 4.1. Setelah itu letakkan file tersebut di dalam Folder Web Root, :
- Windows - "C:\Program Files\Apache Software Foundation\Apache2.2\htdocs"
- C:/Xampp/htdocs
- Linux - "/var/www/"
- Mac OS X - "/Library/WebServer/Documents/"

Dan ada 2 File yang paling penting sebagai file inti yang mengatur Framework ExtJs ini
1. Ext-all.js -> berisi class, fungsi dan method javascript yang digunakan untuk mengatur Ext JS.
2. Ext-all.css -> Berisi File Css yang digunakan utnuk pengaturan style Web oleh Ext JS.

<!DOCTYPE html>
<html>
  <head>
    <title>Ext JS Grid Panel - Renderers</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <link href='css/ext-all.css' type='text/css' rel='stylesheet' />
<script type="text/javascript" src='js/ext-all.js'></script>
<script type='text/javascript'>
//Script Code Ext JS yang kita buat
</script>
</head>
<body>
</html>

 


Selamat Mencoba...

Comments

  1. Kenapa kata-kata "bisa" diganti dengan kata-kata "bias"?

    ReplyDelete
  2. Gan, ada tutorial lengkapnya gak? makasih

    ReplyDelete
  3. @anonim iya itu sebenernya saya buat tutorialnya di word dulu baru tak copy di blog. ke replace ternyata. makasih mengingatkan..

    @bjUser : ada dalam format .doc tapi belum selesai dibuat masih dalam proses.
    di documentasi Extjs lengkap sekali mas bro..

    ReplyDelete

Post a Comment

Popular posts from this blog

Fungsi PHP untuk menghitung selisih atau jarak 2 tanggal

Session pada Code Igniter