Ketika melakukan instalasi Wampp pada windows, terkadang kita menemukan error port 80 yang telah digunakan oleh aplikasi lainnya.

Alternative dari port 80 yaitu port 8080

cari file pada path dibawah ini. 

C:\wamp\bin\apache\apache2.2.22\conf\httpd.conf

pada bagian:

Listen 0.0.0.0:80

Listen [::0]:80

Ubah menjadi:

Listen 0.0.0.0:8080

Listen [::0]:8080

Pada codeigniter, normalnya sebuah url akan menggunakan index.php setelah nama website seperti contoh ini:

 http://itsolutions-inc.blogspot.tw/controller/index.php/function  

Untuk mempercantik url tersebut, kita dapat menghilangkan bagian index.php pada url dengan mengubah code Htaccess pada folder utama sebuah website seperti code dibawah ini.

 <IfModule mod_rewrite.c>  
   RewriteEngine On  
   RewriteCond %{REQUEST_FILENAME} !-f  
   RewriteCond %{REQUEST_FILENAME} !-d  
   RewriteRule ^(.*)$ /namawebsite/index.php/$1 [L]  
 </IfModule>  
 <IfModule !mod_rewrite.c>  
   ErrorDocument 404 /namawebsite/index.php  
 </IfModule>  

Hasilnya seperti url dibawah ini.

 http://itsolutions-inc.blogspot.tw/controller/function  

Tentunya akan lebih cantik bukan ?

Semoga bermanfaat !

Sering kita temui website yang tipikal: “Welcome to my homepage,” animasi e-mail, background dengan tulisan miring (diagonal), animasi garis pembatas, tabel dengan border tiga-dimesi dan lain-lain. Hal ini terjadi akibat dari fasilitas Template yang disediakan oleh software pembuat web seperti: FrontpageT, Corel WebDesignerT, dan sebagainya yang ditujukan untuk mempermudah penggunanya dalam membangun website.

Jika anda puas dengan hasil kerja anda membangun website dengan fasilitas template, sudahlah cukup sampai disini. Tetapi jika anda tidak puas dengan apa yang anda buat, dan anda merasa ingin lebih baik, maka anda perlu mengetahui bagaimana Web Designer membangun suatu Website, terlepas anda punya bakat seni atau tidak.

1. Unik : Dalam membuat karya apapun seorang designer mempunyai kesadaran untuk tidak meniru atau menggunakan karya orang lain. Begitu pula seorang Web Designer harus mempunyai budaya malu untuk menggunakan icon, animasi, button, dll, yang telah digunakan atau dibuat oleh orang lain.
2. Komposisi : Seorang Web Designer selalu memperhatikan komposisi warna yang akan digunakan dalam website yang dibuatnya. Pergunakan selalu Palette 216 WebColor, yang dapat diperoleh dari Adobe.com, hal ini untuk mencegah terjadinya dither pada image yang berformat GIF. Dalam membangun website suatu perusahaan, Web Designer selalu menyesuaikan warna yang digunakan dengan Corporate Color perusahaan tersebut. Sebagai contoh: Telkom Corporate Color-nya adalah biru, Coca-Cola : merah dan putih, Standard-Chartered : hijau dan biru, dsb. Untuk kemudian warna-warna tadi digunakan sebagai warna dominan atau sebagai elemen pendukung (garis, background, button, dsb).
3. Simple : Web Designer banyak yang menggunakan prinsip “Keep it Simple”, hal ini ditujukan agar tampilan website tersebut terlihat rapi, bersih dan juga informatif.
4. Semiotik : Semiotika adalah ilmu yang mempelajari tentang tanda-tanda. Dalam hal ini diharapkan dengan melihat tanda atau gambar, user/ audience dapat dengan mudah dan cepat mengerti. Sebagai contoh: Jangan membuat gambar/image yang berkesan tombol, padahal itu bukan tombol/ link.
5. Ergonomis : Web Designer selalu memperhatikan aspek ergonomi. Ergonomi disini adalah dalam hal kenyamanan user dalam membaca dan kecepatan user dalam menelusuri website tersebut. Web Designer memilih ukuran Fonts yang tepat sehingga mudah dibaca, Web Designer menempatkan link sedemikian rupa sehingga mudah dan cepat untuk di akses dan lebih penting lagi adalah Informatif.
6. Fokus : Tentukan hirarki prioritas dari pesan yang akan disampaikan, misalnya: Judul harus besar, tetapi jangan sampai akhirnya akan konflik dengan subjudul yang berukuran hampir sama. Hal ini akan membingungkan user/audience untuk menentukan pesan mana yang harus lebih dahulu dibaca/ dilihat.
7. Konsisten : Tentukan font apa yang akan digunakan sebagai Body-text, Judul, Sub Judul dan sebagainya, sehingga website tersebut akan terlihat disiplin dan rapi. Sesuaikan jenis huruf yang digunakan dengan misi dan visi website tersebut, misalnya: hindari menggunakan font Comic dalam membangun website suatu perusahaan resmi.

Demikian beberapa aspek dan prinsip yang digunakan Web Designer dalam membuat website, selebihnya merupakan ekspresi dari pembuat website itu sendiri yang terwujud dalam penggayaan penyusunan website.

Software-software pembuat suatu website

Desain : Untuk membuat desain suatu homepage biasanya para web designer dimulai dengan software ini sebagai tampilan sementara atau dalam membuat layout homepage.

1. Adobe Photoshop : Desain berbasis titik ( bitmap )
2. Adobe Image Ready : Memotong gambar-gambar ke dalam format html
3. Adobe Illustrator : Desain berbasis vector
4. CorelDraw : Desain berbasis vector
5. Macromedia Freehand : Desain berbasis vector

Efek Desain : Hal ini dilakukan untuk menghidupkan desain yang telah kita rancang. Seperti menambah efek cahaya, textur dan manipulasi teks.

1. Macromedia Firework : Efek teks
2. Painter : Memberikan efek lukisan
3. Ulead Photo Impact : Efek frame dan merancangan icon yang cantik.
4. Plugins Photoshop : Seperti Andromeda, Alien Skin, Eye Candy, Kai’s Power Tool dan Xenofex juga sangat mendukung untuk memberi efek desain sewaktu anda mendesain layout homepage di Photoshop.

Animasi : Penambahan animasi perlu untuk membuat homepage agar kelihatan menarik dan hidup.

1. 3D Studio Max : Untuk membuat objek dan animasi 3D.
2. Gif Construction Set : Membuat animasi file gif
3. Macromedia Flash : Menampilkan animasi berbasis vector yang berukuran kecil.
4. Microsoft Gif Animator : Membuat animasi file gif
5. Swift 3D : Merancang animasi 3D dengan format file FLASH.
6. Swish : Membuat berbagai macam efek text dengan format file FLASH.
7. Ulead Cool 3D : Membuat animasi efek text 3D.

Web Editor : Menyatukan keseluruhan gambar dan tata letak desain, animasi, mengisi halaman web dengan teks dan sedikit bahasa script.

1. Alaire Homesite
2. Cold Fusion
3. Microsoft Frontpage
4. Macromedia Dreamweaver
5. Net Object Fusion

Programming : Hal ini dilakukan setelah sebagian besar desain homepage telah rampung. Programming bertugas sebagai akses database, form isian dan membuat web lebih interaktif. Contoh : Membuat guestbook, Form isian, Forum, Chatting, Portal, Lelang dan Iklanbaris.

1. ASP ( Active Server Page )
2. Borland Delphy
3. CGI ( Common Gateway Interface )
4. PHP
5. Perl

Upload : File html kita perlu di letakkan ( upload ) di suatu tempat ( hosting ) agar orang di seluruh dunia dapat melihat homepage kita.

1. Bullet FTP
2. Cute FTP
3. WS-FTP
4. Macromedia Dreamweaver : dengan fasilitas Site FTP
5. Microsoft Frontpage : dengan fasilitas Publish

Sound Editor : Homepage kita belum hidup tanpa musik. Untuk mengedit file midi atau wav, perlu alat khusus untuk itu.

1. Sound Forge : Mengedit dan menambah efek file yang berformat mp3 dan wav.
2. Cakewalk : Mengedit dan menambah efek untuk file yang berformat midi

Banyak sekali memang software untuk membuat suatu homepage dan kita tidak perlu mempelajari semua software tersebut di atas. Tapi untuk mempermudah, bagi pemula lebih baik dimulai terlebih dulu dengan mempelajari software Microsoft Frontpage atau Macromedia Dreamweaver agar lebih mengenal aturan-aturan membuat homepage dan mengenal bahasa html. Setelah itu baru Adobe Photoshop yang dipakai kebanyakan para desainer.

Langkah-langkah Membuat Homepage

Bermacam-macam langkah yang digunakan profesi web kita untuk membuat suatu homepage. Berikut ini adalah proses secara umum yang dilakukan kebanyakan profesi web di Indonesia untuk membuat web.

1. Membuat Sketsa Desain : Desainer bisa saja menuangkan ide dalam membuat interface suatu homepage dalam bentuk sketsa di kertas dahulu. Untuk kebanyakan orang, biasanya langkah ini dilewatkan dan langsung pada langkah membuat layout desain dengan menggunakan software.
2. Membuat Layout Desain : Setelah sketsa sudah jadi, kita menggunakan software seperti Adobe Photoshop, Adobe Illustrator, Macromedia Fireworks dan Macromedia Freehand untuk memperhalus sketsa desain.
3. Membagi gambar menjadi potongan kecil-kecil : Setelah layout desain homepage sudah jadi. File gambarb tersebut dipecah menjadi potongan kecil-kecil untuk mengoptimize waktu download. Untuk melakukan hal tersebut dapat menggunakan software Adobe Image Ready. Software ini dapat langsung memotong gambar yang besar tadi dan otomatis juga menjadikannya ke dalam format html. Langkah ini bisa saja dilewatkan bila ukuran gambar kita tidak terlalu besar.
4. Membuat Animasi : Animasi diperlukan untuk menghidupkan homepage kita agar menarik pengunjung. Macromedia Flash dan Gif Construction Set dapat dipakai untuk melakukan hal tersebut.
5. Membuat HTML : Setelah itu kita merapikan layout desain kita seperti menempatkan beberapa tombol dan gambar, menambah text, mengedit script HTML, membuat layout form ke dalam format HTML. Untuk itu kita perlu software HTML Editor seperti Macromedia Dreamweaver, Microsoft Frontpage dan Allaire Homesite.
6. Programming dan Script : Untuk website e-commerce, iklan baris, lelang, database, membuat guestbook, counter dan forum diskusi. File HTML kita perlu programming untuk melakukan aktivitas semacam itu. Programming dan script ini bisa dibuat dengan menggunakan ASP, Borland Delphy, CGI, PHP, Visual Basic. Dan perlu diperhatikan bahwa programming dan script ini biasanya dilakukan setelah desain homepage kita telah jadi.
7. Upload HTML : Setelah file kita telah menjadi html beserta gambar dan scriptnya. Kita perlu meng-upload file kita ke suatu tempat ( hosting ), agar semua orang di dunia dapat mengakses halaman html kita. Biasanya Macromedia Dreamweaver dengan fasilitas site FTP dan Microsoft Frontpage dengan Publishnya telah menyediakan fasilitas upload ini. Atau dapat menggunakan software seperti WS-FTP, Cute FTP, Bullet FTP.

Source : http://www.binushacker.net/design-website.html

Library adalah class yang lebih general yang bisa digunakan dilebih dari satu aplikasi. Contoh library yang umum dalam aplikasi bisnis misalkan : PHPExcel

Dengan menggunakan library maka program mendapatkan kemampuan tambahan. Contoh library lainnya misalkan ORM seperti ReadBean.

Nah, jika menemukan model yang sepertinya bisa digunakan didalam tiap aplikasi. Cobalah buat menjadi library.

Helper dalam codeigniter adalah fungsi yang bisa berdiri sendiri, dan tidak terikat kepada class ataupun library. Helper diimplementasikan sebagai sebuah fungsi yang dapat dipanggil kapan saja asalkan helper di load dari controller.

Lokasi helper bawaan ada di folder system/helpers atau folder application/helpers. Untuk helper yang anda akan buat sendiri tempatkanlah didalam folder application/helpers. Untuk penamaan harus mengikuti format penamaan Codeigniter, yaitu xxxx_helper.php , dimana xxxx adalah nama yang anda inginkan.

Contoh Kode helper :

//file contoh_helper.php

<?php
if(!function_exists("contoh_helper")
{

function contoh()
{
 echo "Saya helper";
}
}
?>

Ya, seperti itulah helper, hanya sebuah function yang tidak terikat kepada siapapun. Contoh umum helper adalah : fungsi terbilang , fungsi ini dibutuhkan untuk mengkonversi angka menjadi kata - kata.

Penggunaan Helper seperti penggunaan model pada umumnya , cukup di load, lalu dipanggil seperti fungsi biasa.
<?php
     //load helper
     $this->load->helper("contoh");
 
     //dipanggil
     contoh();
?>

Menggunakan Helper pada codeigniter sangat mudah. Cukup Meload Helper Lalu gunakan fungsinya seperti menggunakan fungsi pada umumnya. Contoh :


<?php
      //load
      $this->load- > helper("url");

     echo base_url();
?>

Kode ini meload file url_helper.php lalu menjalankan fungsi base_url();

Jika pernah menggunakan php tentu familiar dengan fungsi header("location:url") yang gunakannya untuk meredirek halaman.

Nah di codeigniter fungsi ini telah disederhanakan, untuk menggunakannya harus meload url helper

$this->load->helper('url');

Url helper ini salah satu fungsi didalamnya adalah redirect(location),

contoh :

redirect("gaji/print_gaji/1");

Sebagai orang yang sudah terbiasa menggunakan PHP, tentu kita akan terpikir bagaimana pemrosesan Input dari Browser. Di PHP standar kita mengenal $_GET dan $_POST sebagai array yang membantu kita dalam menangani data yang dikirim lewat link alias $_GET dan $_POST sebagai data yang dikirim lewat form dengan method post.

Dalam codeigniter penanganan post tidaklah berbeda, kita tetap bisa menggunakan $_POST, sedangkan penanganan $_GET menjadi sangat berbeda, perbedaan itu karena beberapa hal :

- penggunaan pretty URL
- Page adalah function dalam class Controller

Penggunaan Pretty URL yang dimaksud adalah perubahan cara penulisan yang biasa kita kenal
sebelumnya kita mengenal http://localhost/index.php?mod=news&id=1 sedangkan di Codeigniter kita mengenal http://localhost/index.php/news/1.html

nah dari sini bisa kita lihat mengapa terjadi perubahan dalam penanganan data yang dilewatkan dengan $_GET. Dan yang dilakukan oleh CodeIgniter pada url http://localhost/index.php/news/1.html sebenarnya adalah menjadikan variabel pertama (news) sebagai Controller dan selanjutnya (1) sebagai variabel pertama dari function index didalam controller tersebut.

Apakah Framework Itu ?

Jika kita mendengan kata framework, mungkin yang terbayang di benak kita adalah arti dari kata framework yaitu "bingkai kerja", tapi secara pasti bagaimana framework bekerja ktia belum tentu terpikir.

Nah, sederhananya framework dapat kita artikan sebagai langkah kerja terstruktur, mirip dengan wizard ataupun buku manual untuk memasang peralatan knock down, bisa juga diistilahkan dengan lego dimana bagian - bagian tertentu telah terbentuk dan ada kerangka utama.

Jika masih bingung dengan penjelasan diatas, mungkin framework dapat kita artikan sebagai alat yang kita harus ikuti cara penggunaannya sehingga menyederhanakan langkah yang harus kita lakukan jika tanpa framework.

Few months ago I have showcased  some ecommerce site design created using prestashop, and today I compile another ecommerce showcase created using magento. Magento is the first free ecommerce platform I knew, which have the same popularity with prestashop. And today it seems magento are becoming more complex to use and they targeting more for bigger enterprise company, you can see on the official site service.

undscvrd

13ost

The Grain Mill

Room Story

Bar Stools

Sew Lomax

Take A Cake

Lake Champlain Chocolates

Sanctuary T Shop

Bare and Beautiful

Blackberry Shop

iCentre

Pure and Little

Joanne Hudson

Mydeco

Macnifico

Twisted Time

Wooden Beds

Leparfait

Extra Virgin

Redmoon Catering

School House Electric

Blue Sun Tree

Wallet Shop

Oneida

Eagle Coffee

Space Craft

Giro

Galaxy Stores

Padel Avenue

Floormats

Zhi Tea

FIJI Water

Idahoan

Lamps

Carbon Fiber Gear

Bulk Reed Supply

Accessory Heaven

Cactus Plaza

WLanMall

baby changing station

http://superdit.com/

ExtJS is one of the most popular javascript user interface framework, it offer a bunch of great user interface component, if you are a Java Programmer it better you use the Ext-GWT, but if you are a web programmer who always using web scripting language such as PHP, it may be painless if you learn the new web interface beside the traditional HTML, but i did it and mix it with Codeigniter in purpose to create and maintain better PHP code, and it’s not really bad and here some advice I have for you :

1. Follow the examples

ExtJS come with a bunch of great sample use of using widget, this provide the basic use of the component, creating plugin, etc. This is the best way to know what you can do with the component and how to implement the component by viewing the source code, if you somehow don’t understand what the code means, simply you can consult the API documentation first. Just download it first and run on your local server or you can view it online.

2. Read the ExtJS tutorial

So, you are ready to get your hand wet ? but don’t know what to do to digging depper to understanding ExtJS, I suggest you start with tutorial from the ExtJS official site. It’s cover about the getting started guide, dom query helper, combobox, form, grids, drag & drop, menus, tree, etc, even the basic of the application design and some of them provide the downloadable example source code. Although the tutorial is useing version 1.x and 2.x, yes it is compatible if you are using version 3.

3. Don’t fear to read the API

The ExtJS API documentation come with the bundle when you’re downloading ExtJS. So how this gonna be useful ? well for me it provide very useful information about the Ext core and default config options, properties, events, method for each component, it’s a good reference when you are trying to manipulating the component. Some component given the basic example of usage. Just download the ExtJS bundle and you can find it in examples folder or you can view it online

4. Consult the spesific question to the forum

When I get some trouble I always use Google first, type your spesific question on Google and most of the solution found in the ExtJS official forum and i always found the solution is very handy and easy to understand. Even some of the expert member provide advance source about ExtJS like quick search plugin, grid paging row numberer and custom themes and you can download it for free.

5. Use the good IDE

Since you use ExtJS in javascript language, the you must code all the ExtJS component by hand, and you need the good IDE to help you browse the all avaliable API. I’m personally using Netbeans PHP IDEfor my project, you can set the project and include the ExtJS style, ExtJS basic and ExtJS all. The IDE will scan all the project including the ExtJS file and when you code the ExtJS component or ExtJS core, you can type shift + space on your keyboard and the IDE will give an autocomplete feature, and it helping me a lot, maybe not all the method shown in the autocomplete feature but you still can browse on the API documentation. If your not the fan of Netbeans, you can use other great IDE like Eclipse or Aptana.

6. You may need to know a bit about Javascript Language

My experience is when i code the event handler of the component, sometimes need like client side validation, like is defined object, sel length etc. When you found this trouble just googling about spesific javascript question and it’is not really hard.

more ExtJS Resource and tutorial

Video tutorial from EXTJS.TV bunch of ExtJS Tutorial

http://defafe.com a blog about ExtJS tutorial

Example ExtJS in Action some of link not working but the ExtPlorer is good.

TuturTinular a blog who have some ExtJS tutorial

ExtJS and WordPress wordpress themes usign extjs and it’s free to download

Using ExtJS grid in WordPress Admin

Integrating CakePHP and ExtJS

http://blog.extjs.eu/

The number of web applications being created and used has grown rapidly since the new millenium. And importantly, so has the sheer complexity of them — specially on the front end. No more static pages, no sir!
You have a ton of sections each interacting with each other and the server and yes, it’s as complicated as it sounds and just as hard to pull off. Today, I’d like to talk about a few, choice JavaScript frameworks that aim to simplify front end application development.

---

 

Why We Need Frameworks Like These

If you think jQuery is the answer, you lose a cookie and get an F grade!

Creating responsive, fluid, and maintainable interfaces for web apps isn’t as easy as one would imagine — there is data to be sent back to the server and the results parsed, data stores to be updated, views to be re-rendered and so much else that needs to be done in the background. Desktop developers have it much easier with robust tools and well defined workflows. Us, poor web devs? We’ve been twiddling DOM elements, creating models by hand and pulling our hair out trying to keep everything synched.
The monstrous rise in the number of web apps being built recently has really made it apparent that we need better tools and frameworks and the devs have responded with a staggering amount of solutions. Today, we’re going to go over just a few of these. A couple of these are quite old but I’m certain you can learn a lot from perusing their code base.

Sure, a few of these may be a little old but their code bases have lots of lessons to teach.

---

Sproutcore

Sproutcore powers a lot of high profile apps including MobileMe amongst others. Sproutcore has a steeper learning curve compared to the other options but makes up for it with developer productivity once he/she has learned the ropes.
This framework boasts a UI framework, the market standard MVC architecture and well written documentation.

Related links:

• Using SproutCore 2.0 with jQuery UI
• Build a Micro-Blog with SproutCore
• When To Use SproutCore, and When Not To

---

Cappuccino

Cappuccino was created by the 280North team, now owned by Motorola. This framework gained significant coverage with the release of the 280Slides — built completely with Cappuccino.
This framework varies dramatically from the others in that a developers doesn’t need to understand or work with any of the front end trifecta — HTML, CSS or the DOM. All you need to master is the framework!

Related links:

• Cappuccino Casts
• Building rich web application in Objective-J
• Learning Objective-J

---

JavaScriptMVC

Built on jQuery, JavaScriptMVC is a veteran in the front end frameworks battlefield, dating back to 2008. Featuring a familiar, and obvious, MVC architecture, this framework is quite full featured with support for code generators, testing and dependency management.

Related links:

• JavaScriptMVC Documentation
• Quick Overview of JavaScriptMVC

---

Asana Luna

Luna is one of those hush-hush private frameworks that people have been talking about. And for good reason, I must admit.
The framework features a lot of niceties including an evolved MVC architecture, pubsub, caching, routing and authentication.

Related links:

• HackerNews Discussion
• Quora Discussion

---

Backbone.js

Backbone supplies structure to JavaScript-heavy applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing application over a RESTful JSON interface.

Related links:

• Getting Started with Backbone.js
• Hello Backbone.js
• Backbone.js Tips : Lessons from the trenches

---

qooxdoo

qooxdoo is a universal JavaScript framework that enables you to create applications for a wide range of platforms. With its object-oriented programming model you build rich, interactive applications (RIAs), native-like apps for mobile devices, light-weight traditional web applications or even applications to run outside the browser.

Related links:

• A Developer Looks at the qooxdoo 1.4 JavaScript Framework
• Working with Qooxdoo and PHP

---

Spine

Spine is a lightweight framework for building JavaScript web applications. Spine gives you a MVC structure and then gets out of your way, allowing you to concentrate on the fun stuff, building awesome web applications.

Related links:

• Building JavaScript Web Apps With MVC & Spine.js
• Meet Spine.JS

---

ActiveJS

ActiveJS is a JavaScript application framework that provides local and REST based data modeling and pure DOM view construction with back button and history support along with framework agnosticm and lack of external dependencies.

Related links:

• Example of a Simple View in Action
• Github Repo

---

Eyeballs

eyeballs.js is a slim javascript library designed to sit on top of a javascript framework, such as jQuery or Prototype. eyeballs.js can sit on top of an already implemented web app with a well thought out object model. It can also be used to build standalone javascript apps, backed by HTML5 local storage or something like CouchDB.

Related links:

• Github repo
• HackerNews Discussion

---

Sammy

Sammy.js is a tiny JavaScript framework developed to ease the pain and provide a basic structure for developing JavaScript applications.

Sammy tries to achieve this by providing a small ‘core’ framework and an ever-growing list of plugins for specific functionality.

Related links:

• Introduction to Sammy.js

---

Choco

Choco brings the MVC to the client side! A Choco app consists of only one HTML page, all the interactions are managed by Javascript. Your UI only uses HTML and CSS!

Related links:

• Github Repo

---

Agility

Agility.js is an MVC library for Javascript that lets you write maintainable and reusable browser code without the verbose or infrastructural overhead found in other MVC libraries. The goal is to enable developers to write web apps at least as quickly as with jQuery, while simplifying long-term maintainability through MVC objects.

Related links:

• HackerNews Discussion
• JSBin Playground
• Github Repo

---

Angular

Angular supports the entire development process, provides structure for your web apps, and works with the best JS libraries. With angular, the view and data model are always in sync — there is no need for manual DOM manipulation.
Angular is small, weighing in at 60kb, is compatible with all modern browsers and works great with jQuery.

Related links:

• Quora Discussion
• Github repo
• angular: A Radically Different Way of Building AJAX Apps

---

ExtJS

Ext JS 4 brings a whole new way to build client applications, by introducing the popular model-view-controller pattern to Ext JS. By allowing the separation of data management, logic and interface elements, Ext JS 4 makes it easier for even large development teams to work independently without worrying about stepping on each other’s toes. Ext JS 4 ships with a helpful MVC guide to get started.

Related links:

• What’s New in Ext Js 4
• Migrating from Ext JS 3 to 4

---

Knockout

Knockout is a JavaScript library that helps you to create rich, responsive display and editor user interfaces with a clean underlying data model. Any time you have sections of UI that update dynamically (e.g., changing depending on the user’s actions or when an external data source changes), KO can help you implement it more simply and maintainably.

Related links:

• Into the Ring with knockout.js
• Creating Rich Interactive Web Apps With KnockoutJS
• Build Dynamic Pages with Knockout.js

---

Jamal

Jamal is a set of conventions and small javascript libraries to archieve a complete separation of html, css and javascript in your web application. Jamal is built on jQuery and inspired by MVC frameworks like Ruby on Rails, CakePHP and its derivatives.

Related links:

• Github
• Integration Examples

---

PureMVC

PureMVC is a lightweight framework for creating applications based upon the classic Model, View and Controller concept.
Based upon proven design patterns, this free, open source framework which was originally implemented in the ActionScript 3 language for use with Adobe Flex, Flash and AIR, is now being ported to all major development platforms.

Related links:

• Understanding the PureMVC Open Source Framework
• PureMVC Best Practices

---

TrimJunction

The open source Junction framework is a conventions-over-configuration, synchronizing web MVC framework for JavaScript. TrimPath Junction is a clone or port of the terrific Ruby on Rails web MVC framework into JavaScript.

Related links:

• Google Code

---

CorMVC

CorMVC is a jQuery-powered Model-View-Controller (MVC) framework that can aide in the development of single-page, web-based applications. CorMVC stands for client-only-required model-view-controller and is designed to be lowest possible entry point to learning about single-page application architecture.

Related links:

• corMVC: An jQuery-based MVC Framework
• Online demo

---

batman

batman.js is a full-stack microframework extracted from real use and designed to maximize developer and designer happiness. It favors convention over configuration, template-less views, and high performance by simply not doing very much. It all adds up to blazingly fast web apps with a great development process; it’s batman.js.

Related links:

• How Batman can Help you Build Apps
• HackerNews discussion
• Github