{"id":380,"date":"2013-10-08T17:54:33","date_gmt":"2013-10-08T12:24:33","guid":{"rendered":"https:\/\/www.innovationm.com\/blog\/?p=380"},"modified":"2023-01-20T18:56:05","modified_gmt":"2023-01-20T13:26:05","slug":"sencha-touch-development-environment-and-build-process","status":"publish","type":"post","link":"https:\/\/www.innovationm.com\/blog\/sencha-touch-development-environment-and-build-process\/","title":{"rendered":"Sencha Touch &#8211; Development Environment and Build Process"},"content":{"rendered":"<p style=\"text-align: justify;\"><span style=\"line-height: 1.714285714; text-align: justify; font-size: 1rem;\">Sencha Touch is a high-performance HTML5 mobile application framework. You can use Sencha Touch to produce a native-app-like experience inside a browser or in a hybrid shell. Sencha Touch supports Android, iOS, Windows Phone, Microsoft Surface Pro and RT, and BlackBerry devices.\u00a0<\/span><span style=\"line-height: 1.714285714; text-align: justify; font-size: 1rem;\">For more information go to http:\/\/docs.sencha.com\/touch<\/span><\/p>\n<p style=\"text-align: justify;\">I am going to talk about how to set-up the Development Environment and Build process to get you ready on Sencha Touch.<\/p>\n<h1 style=\"text-align: justify;\"><span style=\"color: #808000;\"><strong>Development Environment Set-up<\/strong><\/span><\/h1>\n<p style=\"text-align: justify;\">To create a Sencha Touch application, Development Environment is required. It is very simple to set-up the Environment. Before setting-up the Environment, we need some software. These are mentioned next.<\/p>\n<h2 style=\"text-align: justify;\"><strong>Required Software:<\/strong><\/h2>\n<p>1. Sencha Cmd<br \/>\n2. JRE (Java Runtime Environment) Version 1.7<br \/>\n3. Ruby version 1.9.3<br \/>\n4. A Web Server installed locally<br \/>\n5. A modern web browser such as Chrome or Safari<br \/>\n6. Sencha Touch SDK<\/p>\n<h2><strong>Download and Installation:<\/strong><\/h2>\n<p>1.<strong> Sencha Cmd\u00a0<a href=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2013\/09\/InnovationM-Sencha-Cmd.png\"><img decoding=\"async\" class=\"alignright size-full wp-image-451\" alt=\"InnovationM Sencha Cmd\" src=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2013\/09\/InnovationM-Sencha-Cmd.png\" width=\"60\" height=\"59\" \/><\/a><\/strong><br \/>\nSencha Cmd provides full set of application development life-cycle management features.<br \/>\nDownload &#8211; <a href=\"http:\/\/www.sencha.com\/products\/sencha-cmd\/download\">http:\/\/www.sencha.com\/products\/sencha-cmd\/download<\/a><br \/>\nInstallation &#8211; You will get an .exe file in Windows. Run it and follow the wizard.<br \/>\n(Example Location for Sencha Cmd-\u00a0D:\\SenchaTouch\\SenchaCmd)<\/p>\n<p><span style=\"line-height: 1.714285714; text-align: justify; font-size: 1rem;\">2. <strong>JRE (<\/strong><\/span><strong style=\"line-height: 1.714285714; text-align: justify; font-size: 1rem;\">Java Runtime Environment) Version 1.7<a href=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2013\/09\/InnovationM-JRE.png\"><img decoding=\"async\" class=\"alignright size-full wp-image-452\" alt=\"InnovationM JRE\" src=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2013\/09\/InnovationM-JRE.png\" width=\"60\" height=\"33\" \/><\/a><\/strong><br \/>\n<span style=\"line-height: 1.714285714; text-align: justify; font-size: 1rem;\">Sencha Cmd is written in Java and hence needs JRE to run. JRE\u00a0\u00a0version 1.7 (1.6 also works, but 1.7 is best).\u00a0<\/span><br \/>\nDownload &#8211;<br \/>\n<a href=\"http:\/\/www.oracle.com\/technetwork\/java\/javase\/downloads\/jre7-downloads-1880261.html\">http:\/\/www.oracle.com\/technetwork\/java\/javase\/downloads\/jre7-downloads-1880261.html<\/a><br \/>\nInstallation &#8211;\u00a0You will get an .exe file in Windows. Run it and follow the wizard.<\/p>\n<p style=\"text-align: justify;\">3.\u00a0<strong>Ruby version 1.9.3<a href=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2013\/09\/InnovationM-Ruby-Installer.png\"><img decoding=\"async\" class=\"alignright size-full wp-image-450\" alt=\"InnovationM Ruby Installer\" src=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2013\/09\/InnovationM-Ruby-Installer.png\" width=\"60\" height=\"60\" \/><\/a><\/strong><br \/>\nRuby is required to create compiled CSS used by Touch. In Sencha Touch app, we do not use CSS directly. We use SASS (Syntactically Awesome Stylesheets)\u00a0for styling. So Ruby is required to compile SASS. After compilation a CSS file is generated.<strong><span style=\"color: #ff0000;\"><br \/>\n<\/span><\/strong><\/p>\n<p style=\"padding-left: 30px;\"><strong style=\"line-height: 1.714285714; text-align: justify; font-size: 1rem;\">Windows<\/strong><span style=\"line-height: 1.714285714; text-align: justify; font-size: 1rem;\">: Download Ruby 1.9.3.x from <a href=\"http:\/\/rubyinstaller.org\/downloads\/\">http:\/\/rubyinstaller.org\/downloads\/<\/a>.\u00a0<\/span><\/p>\n<p style=\"text-align: justify; padding-left: 30px;\"><strong>Mac<\/strong>: Ruby is pre-installed. You can test which version you have with the <em>ruby -v<\/em> command.<\/p>\n<pre style=\"text-align: justify; padding-left: 30px;\">Note - If you have version 2.0,\u00a0download the Ruby Version Manager (rvm) and use  this command to download and install Ruby: <em>rvm install 1.9.3 --with-gcc=clang<\/em>\r\nSet your PATH variable to point to the Ruby 1.9.3 install directory.<\/pre>\n<p style=\"text-align: justify;\"><span style=\"line-height: 1.714285714; font-size: 1rem;\">Installation &#8211; You will get an .exe file in Windows. Run it and follow the wizard.<br \/>\n<em>(Example Location for Ruby installation directory &#8211; D:\\SenchaTouch\\Ruby193)<\/em><br \/>\n<\/span><\/p>\n<p style=\"text-align: justify;\">Note &#8211;\u00a0Check for path has been set for JRE, SenchaCmd and Ruby in environment variables. If not set then set it. Ex.<\/p>\n<p>JRE &#8211; C:\\Program Files\\Java\\jre7\\bin<br \/>\nSenchaCmd &#8211; D:\\SenchaTouch\\SenchaCmd\\Sencha\\Cmd\\3.1.2.342<br \/>\nRuby &#8211; D:\\SenchaTouch\\Ruby193\\bin<\/p>\n<p style=\"text-align: justify;\">4. A\u00a0<strong>Web Server<\/strong>\u00a0installed locally.<\/p>\n<p><a style=\"color: #0f3647; line-height: 24px; text-align: justify;\" href=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2013\/09\/InnovationM-XAMPP.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-full wp-image-453\" alt=\"InnovationM XAMPP\" src=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2013\/09\/InnovationM-XAMPP.png\" width=\"100\" height=\"30\" \/><\/a><\/p>\n<p style=\"text-align: left;\"><span style=\"line-height: 1.714285714; font-size: 1rem;\">For this, XAMPP can also be used.\u00a0XAMPP is an easy to install Apache distribution containing\u00a0MySQL, PHP and Perl<\/span><br \/>\nDownload &#8211;<br \/>\n<a href=\"http:\/\/download.cnet.com\/XAMPP\/3000-10248_4-10703782.html\">http:\/\/download.cnet.com\/XAMPP\/3000-10248_4-10703782.html<\/a><\/p>\n<p style=\"text-align: left;\">Installation &#8211; You will get an .exe file in Windows. Run it and follow the wizard.<\/p>\n<p style=\"text-align: justify;\">5. A modern web browser such as <strong>Chrome<\/strong> or <strong>Safari<\/strong>.\u00a0<a href=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2013\/09\/InnovationM-Chrome.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-full wp-image-455\" alt=\"InnovationM Chrome\" src=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2013\/09\/InnovationM-Chrome.png\" width=\"60\" height=\"60\" \/><\/a><\/p>\n<p style=\"text-align: justify;\"><span style=\"line-height: 1.714285714; font-size: 1rem;\">6.<\/span><strong style=\"line-height: 1.714285714; font-size: 1rem;\"> Sencha Touch SDK\u00a0<\/strong><br \/>\nDownload link-\u00a0<a href=\"http:\/\/www.sencha.com\/products\/touch\/download\/\">http:\/\/www.sencha.com\/products\/touch\/download\/<\/a><\/p>\n<p style=\"text-align: justify;\">You will get a zip file. Extract it to any location on your computer.<br \/>\nExample &#8211; D:\\SenchaTouch\\<\/p>\n<h2 style=\"text-align: justify;\"><strong style=\"color: #808000; font-size: 1.5rem; line-height: 1.5;\">Create simple Sencha Touch Application<\/strong><\/h2>\n<p style=\"text-align: justify;\"><span style=\"line-height: 1.714285714; font-size: 1rem;\">1. Open command prompt.<\/span><br \/>\n2. Change directory to Touch SDK<br \/>\n(For Example &#8211; D:\\SenchaTouch\\touch-2.2.1).<br \/>\n3. Create a new Project &#8211; Type command \u00a0<span style=\"color: #0000ff;\">sencha generate app &lt;AppName&gt;<\/span>\u00a0<span style=\"color: #0000ff;\">&lt;Path to Folder for this project&gt;<\/span><br \/>\nEx &#8211; sencha generate app SampleApp C:\\projects\\SampleApp<\/p>\n<pre style=\"text-align: justify;\">To know about Sencha Cmd and its commands check this link- <a href=\"http:\/\/docs.sencha.com\/touch\/2.2.1\/#!\/guide\/command\">http:\/\/docs.sencha.com\/touch\/2.2.1\/#!\/guide\/command<\/a><strong>\r\n<\/strong><\/pre>\n<p style=\"text-align: justify;\">Now a simple Sencha Touch app is ready. Your app structure should look like this-<br \/>\n<strong><a href=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2013\/09\/InnovationM-Sencha-Touch-Project-Structure.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-561\" alt=\"InnovationM Sencha Touch Project Structure\" src=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2013\/09\/InnovationM-Sencha-Touch-Project-Structure.png\" width=\"361\" height=\"313\" srcset=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2013\/09\/InnovationM-Sencha-Touch-Project-Structure.png 361w, https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2013\/09\/InnovationM-Sencha-Touch-Project-Structure-300x260.png 300w\" sizes=\"(max-width: 361px) 100vw, 361px\" \/><\/a><\/strong><\/p>\n<p style=\"text-align: justify;\">4. To run the application, copy the folder (Ex SampleApp) on the web server.\u00a0Start web server. Open the browser and access the app http:\/\/localhost\/SampleApp<\/p>\n<p style=\"text-align: justify;\">If you are using XAMPP, create your application inside htdocs folder (Ex C:\\xampp\\htdocs). To Start server in XAMPP (open &#8216;xampp control panel&#8217; then start Apache). After this open a browser and type localhost\/appName.<\/p>\n<h1 style=\"text-align: justify;\"><span style=\"color: #808000;\"><strong>To create application build<\/strong><\/span><\/h1>\n<p style=\"text-align: justify;\"><span style=\"line-height: 1.714285714; font-size: 1rem;\">To create build of your application<\/span><br \/>\n1. Open command prompt.<br \/>\n2. Change to Application Folder (Ex &#8211;\u00a0D:\\SenchaTouch\\Projects\\SampleApp)<br \/>\n3. Type <span style=\"color: #0000ff;\">sencha app build package<\/span><\/p>\n<p style=\"text-align: justify;\">Open your appFolder. Inside it you can see a build folder. This folder contains another folder named as your appName. For example &#8211; my app name is SampleApp. So the structure of this folder is as below:<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2013\/09\/InnovationM-Sencha-Touch-Build-Structure.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-563\" alt=\"InnovationM Sencha Touch Build Structure\" src=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2013\/09\/InnovationM-Sencha-Touch-Build-Structure.png\" width=\"271\" height=\"332\" srcset=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2013\/09\/InnovationM-Sencha-Touch-Build-Structure.png 271w, https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2013\/09\/InnovationM-Sencha-Touch-Build-Structure-244x300.png 244w\" sizes=\"(max-width: 271px) 100vw, 271px\" \/><\/a><a href=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2013\/09\/InnovationM-Sencha-Touch-Build-Structure-Exploded.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-564 aligncenter\" alt=\"InnovationM Sencha Touch Build Structure Exploded\" src=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2013\/09\/InnovationM-Sencha-Touch-Build-Structure-Exploded.png\" width=\"606\" height=\"182\" srcset=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2013\/09\/InnovationM-Sencha-Touch-Build-Structure-Exploded.png 606w, https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2013\/09\/InnovationM-Sencha-Touch-Build-Structure-Exploded-300x90.png 300w\" sizes=\"(max-width: 606px) 100vw, 606px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\"><span style=\"line-height: 1.714285714; font-size: 1rem;\">Your build folder structure should also be same as above described structure. To check your build is running properly, open index.html. You can see the same app as it was earlier. Now either you can distribute this build or can deploy it on server.<\/span><\/p>\n<p style=\"text-align: justify;\">So in this way we can create a simple Sencha Touch App and can make build. For more information please visit- http:\/\/docs.sencha.com\/touch\/<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sencha Touch is a high-performance HTML5 mobile application framework. You can use Sencha Touch to produce a native-app-like experience inside a browser or in a hybrid shell. Sencha Touch supports Android, iOS, Windows Phone, Microsoft Surface Pro and RT, and BlackBerry devices.\u00a0For more information go to http:\/\/docs.sencha.com\/touch I am going to talk about how to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":926,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[108,8,6,58],"tags":[106,107,161,105,163],"class_list":["post-380","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html5-css-js","category-mobile-architecture-and-design","category-mobile-web-app","category-sencha-touch","tag-build-process","tag-development-environment","tag-mobile-web-app","tag-sencha","tag-sencha-touch"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Sencha Touch - Development Environment and Build Process | InnovationM Blog<\/title>\n<meta name=\"description\" content=\"Guidelines to set-up the Development Environment and Build process to get you ready on Sencha Touch.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.innovationm.com\/blog\/sencha-touch-development-environment-and-build-process\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sencha Touch - Development Environment and Build Process | InnovationM Blog\" \/>\n<meta property=\"og:description\" content=\"Guidelines to set-up the Development Environment and Build process to get you ready on Sencha Touch.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.innovationm.com\/blog\/sencha-touch-development-environment-and-build-process\/\" \/>\n<meta property=\"og:site_name\" content=\"InnovationM - Blog\" \/>\n<meta property=\"article:published_time\" content=\"2013-10-08T12:24:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-20T13:26:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2013\/09\/innovationm-sencha-touch-dev-environment.png\" \/>\n\t<meta property=\"og:image:width\" content=\"615\" \/>\n\t<meta property=\"og:image:height\" content=\"413\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"InnovationM Admin\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"InnovationM Admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/sencha-touch-development-environment-and-build-process\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/sencha-touch-development-environment-and-build-process\\\/\"},\"author\":{\"name\":\"InnovationM Admin\",\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/#\\\/schema\\\/person\\\/a831bf4602d69d1fa452e3de0c8862ed\"},\"headline\":\"Sencha Touch &#8211; Development Environment and Build Process\",\"datePublished\":\"2013-10-08T12:24:33+00:00\",\"dateModified\":\"2023-01-20T13:26:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/sencha-touch-development-environment-and-build-process\\\/\"},\"wordCount\":736,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/sencha-touch-development-environment-and-build-process\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/wp-content\\\/uploads\\\/2013\\\/09\\\/innovationm-sencha-touch-dev-environment.png\",\"keywords\":[\"Build Process\",\"Development Environment\",\"Mobile Web App\",\"Sencha\",\"Sencha Touch\"],\"articleSection\":[\"HTML5 \\\/ CSS \\\/ JS\",\"Mobile Architecture and Design\",\"Mobile Web App\",\"Sencha Touch\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/sencha-touch-development-environment-and-build-process\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/sencha-touch-development-environment-and-build-process\\\/\",\"url\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/sencha-touch-development-environment-and-build-process\\\/\",\"name\":\"Sencha Touch - Development Environment and Build Process | InnovationM Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/sencha-touch-development-environment-and-build-process\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/sencha-touch-development-environment-and-build-process\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/wp-content\\\/uploads\\\/2013\\\/09\\\/innovationm-sencha-touch-dev-environment.png\",\"datePublished\":\"2013-10-08T12:24:33+00:00\",\"dateModified\":\"2023-01-20T13:26:05+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/#\\\/schema\\\/person\\\/a831bf4602d69d1fa452e3de0c8862ed\"},\"description\":\"Guidelines to set-up the Development Environment and Build process to get you ready on Sencha Touch.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/sencha-touch-development-environment-and-build-process\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/sencha-touch-development-environment-and-build-process\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/sencha-touch-development-environment-and-build-process\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/wp-content\\\/uploads\\\/2013\\\/09\\\/innovationm-sencha-touch-dev-environment.png\",\"contentUrl\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/wp-content\\\/uploads\\\/2013\\\/09\\\/innovationm-sencha-touch-dev-environment.png\",\"width\":615,\"height\":413,\"caption\":\"InnovationM Sencha Touch Dev Environment\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/sencha-touch-development-environment-and-build-process\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sencha Touch &#8211; Development Environment and Build Process\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/\",\"name\":\"InnovationM - Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/#\\\/schema\\\/person\\\/a831bf4602d69d1fa452e3de0c8862ed\",\"name\":\"InnovationM Admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5c99d9eece9dfbc82297cf34ddd58e9fe05bb52fe66c8f6bf6c0a45bfb6d7629?s=96&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5c99d9eece9dfbc82297cf34ddd58e9fe05bb52fe66c8f6bf6c0a45bfb6d7629?s=96&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5c99d9eece9dfbc82297cf34ddd58e9fe05bb52fe66c8f6bf6c0a45bfb6d7629?s=96&r=g\",\"caption\":\"InnovationM Admin\"},\"sameAs\":[\"http:\\\/\\\/www.innovationm.com\\\/\"],\"url\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/author\\\/innovationmadmin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Sencha Touch - Development Environment and Build Process | InnovationM Blog","description":"Guidelines to set-up the Development Environment and Build process to get you ready on Sencha Touch.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.innovationm.com\/blog\/sencha-touch-development-environment-and-build-process\/","og_locale":"en_US","og_type":"article","og_title":"Sencha Touch - Development Environment and Build Process | InnovationM Blog","og_description":"Guidelines to set-up the Development Environment and Build process to get you ready on Sencha Touch.","og_url":"https:\/\/www.innovationm.com\/blog\/sencha-touch-development-environment-and-build-process\/","og_site_name":"InnovationM - Blog","article_published_time":"2013-10-08T12:24:33+00:00","article_modified_time":"2023-01-20T13:26:05+00:00","og_image":[{"width":615,"height":413,"url":"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2013\/09\/innovationm-sencha-touch-dev-environment.png","type":"image\/png"}],"author":"InnovationM Admin","twitter_misc":{"Written by":"InnovationM Admin","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.innovationm.com\/blog\/sencha-touch-development-environment-and-build-process\/#article","isPartOf":{"@id":"https:\/\/www.innovationm.com\/blog\/sencha-touch-development-environment-and-build-process\/"},"author":{"name":"InnovationM Admin","@id":"https:\/\/www.innovationm.com\/blog\/#\/schema\/person\/a831bf4602d69d1fa452e3de0c8862ed"},"headline":"Sencha Touch &#8211; Development Environment and Build Process","datePublished":"2013-10-08T12:24:33+00:00","dateModified":"2023-01-20T13:26:05+00:00","mainEntityOfPage":{"@id":"https:\/\/www.innovationm.com\/blog\/sencha-touch-development-environment-and-build-process\/"},"wordCount":736,"commentCount":0,"image":{"@id":"https:\/\/www.innovationm.com\/blog\/sencha-touch-development-environment-and-build-process\/#primaryimage"},"thumbnailUrl":"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2013\/09\/innovationm-sencha-touch-dev-environment.png","keywords":["Build Process","Development Environment","Mobile Web App","Sencha","Sencha Touch"],"articleSection":["HTML5 \/ CSS \/ JS","Mobile Architecture and Design","Mobile Web App","Sencha Touch"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.innovationm.com\/blog\/sencha-touch-development-environment-and-build-process\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.innovationm.com\/blog\/sencha-touch-development-environment-and-build-process\/","url":"https:\/\/www.innovationm.com\/blog\/sencha-touch-development-environment-and-build-process\/","name":"Sencha Touch - Development Environment and Build Process | InnovationM Blog","isPartOf":{"@id":"https:\/\/www.innovationm.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.innovationm.com\/blog\/sencha-touch-development-environment-and-build-process\/#primaryimage"},"image":{"@id":"https:\/\/www.innovationm.com\/blog\/sencha-touch-development-environment-and-build-process\/#primaryimage"},"thumbnailUrl":"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2013\/09\/innovationm-sencha-touch-dev-environment.png","datePublished":"2013-10-08T12:24:33+00:00","dateModified":"2023-01-20T13:26:05+00:00","author":{"@id":"https:\/\/www.innovationm.com\/blog\/#\/schema\/person\/a831bf4602d69d1fa452e3de0c8862ed"},"description":"Guidelines to set-up the Development Environment and Build process to get you ready on Sencha Touch.","breadcrumb":{"@id":"https:\/\/www.innovationm.com\/blog\/sencha-touch-development-environment-and-build-process\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.innovationm.com\/blog\/sencha-touch-development-environment-and-build-process\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.innovationm.com\/blog\/sencha-touch-development-environment-and-build-process\/#primaryimage","url":"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2013\/09\/innovationm-sencha-touch-dev-environment.png","contentUrl":"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2013\/09\/innovationm-sencha-touch-dev-environment.png","width":615,"height":413,"caption":"InnovationM Sencha Touch Dev Environment"},{"@type":"BreadcrumbList","@id":"https:\/\/www.innovationm.com\/blog\/sencha-touch-development-environment-and-build-process\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.innovationm.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Sencha Touch &#8211; Development Environment and Build Process"}]},{"@type":"WebSite","@id":"https:\/\/www.innovationm.com\/blog\/#website","url":"https:\/\/www.innovationm.com\/blog\/","name":"InnovationM - Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.innovationm.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.innovationm.com\/blog\/#\/schema\/person\/a831bf4602d69d1fa452e3de0c8862ed","name":"InnovationM Admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/5c99d9eece9dfbc82297cf34ddd58e9fe05bb52fe66c8f6bf6c0a45bfb6d7629?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5c99d9eece9dfbc82297cf34ddd58e9fe05bb52fe66c8f6bf6c0a45bfb6d7629?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5c99d9eece9dfbc82297cf34ddd58e9fe05bb52fe66c8f6bf6c0a45bfb6d7629?s=96&r=g","caption":"InnovationM Admin"},"sameAs":["http:\/\/www.innovationm.com\/"],"url":"https:\/\/www.innovationm.com\/blog\/author\/innovationmadmin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/posts\/380","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/comments?post=380"}],"version-history":[{"count":0,"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/posts\/380\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/media\/926"}],"wp:attachment":[{"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/media?parent=380"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/categories?post=380"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/tags?post=380"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}