{"id":565,"date":"2010-02-07T16:14:30","date_gmt":"2010-02-07T20:14:30","guid":{"rendered":"http:\/\/patorjk.com\/blog\/?p=565"},"modified":"2014-01-25T17:52:16","modified_gmt":"2014-01-25T21:52:16","slug":"app-interface-using-extjs","status":"publish","type":"post","link":"https:\/\/patorjk.com\/blog\/2010\/02\/07\/app-interface-using-extjs\/","title":{"rendered":"App Interface Using ExtJS"},"content":{"rendered":"<p><figure style=\"width: 300px\" class=\"wp-caption alignright\"><a href=\"http:\/\/patorjk.com\/programming-knowledge\/\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"http:\/\/patorjk.com\/images\/blog-2010\/pk-layout-demo.png\" title=\"Layout Demo\" width=\"300\" height=\"158\" \/><\/a><figcaption class=\"wp-caption-text\">Layout Demo<\/figcaption><\/figure> In the back of my mind I had been thinking about putting up some programming quizzes, similar to the ones I used to have on Visual Basic and C++. I was also thinking that it might be cool to have a quiz engine where users could create their own quizzes. <\/p>\n<p>I&#8217;m not at that point yet, but this past weekend I decided to take the opportunity to try and learn <a href=\"http:\/\/www.extjs.com\/\">ExtJS<\/a> better and put together an interface for the app. You can see an image of the interface to the right or <a href=\"http:\/\/patorjk.com\/programming-knowledge\/\">click here<\/a> to see it in action. It&#8217;s pretty basic, but has all the functionality I think I&#8217;ll need for now. <\/p>\n<p>The layout is broken into 3 sections. The top section is the header, to the left you can select quiz categories and get book recommendations, and on the right you get a list of quizzes. Hopefully the &#8220;Related Reading&#8221; panel doesn&#8217;t seem too commercial, as it was actually kind of fun to put together. I didn&#8217;t want to set myself up for having to write dozens of quizzes, so right now the interface only lists 3 quizzes (which I&#8217;ll hopefully have available soon).<\/p>\n<p>Right now I&#8217;m in limbo about how complex I want this project to be. I&#8217;m not sure if I want users to be able to have accounts, and I&#8217;m not sure what data I&#8217;d want to store in a database. I&#8217;m also wondering if quizzes should be static html pages after they&#8217;re created. I&#8217;ll figure something out though.<\/p>\n<p>Working with ExtJS was actually a lot of fun, and their <a href=\"http:\/\/www.extjs.com\/deploy\/dev\/docs\/\">online API documentation<\/a> is fantastic. The library also seems to load rather quickly too. When I worked with <a href=\"http:\/\/www.dojotoolkit.org\/\">Dojo<\/a>, I was alarmed at the time the page took to load and how it looked while it loaded. I&#8217;m still a little bummed about the licensing for ExtJS, but I can live with certain things being GPL&#8217;d.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In the back of my mind I had been thinking about putting up some programming quizzes, similar to the ones I used to have on Visual Basic and C++. I was also thinking that it might be cool to have a quiz engine where users could create their own quizzes. I&#8217;m not at that point &hellip; <a href=\"https:\/\/patorjk.com\/blog\/2010\/02\/07\/app-interface-using-extjs\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">App Interface Using ExtJS<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[26],"tags":[],"class_list":["post-565","post","type-post","status-publish","format-standard","hentry","category-web-apps"],"_links":{"self":[{"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/posts\/565","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/comments?post=565"}],"version-history":[{"count":11,"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/posts\/565\/revisions"}],"predecessor-version":[{"id":576,"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/posts\/565\/revisions\/576"}],"wp:attachment":[{"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/media?parent=565"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/categories?post=565"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/tags?post=565"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}