{"_id":"5608efbdc5cff70d007d00ee","version":{"_id":"55a6e72f8cc73e0d00096638","project":"55a6e72e8cc73e0d00096635","hasReference":false,"__v":29,"hasDoc":true,"createdAt":"2015-07-15T23:05:19.125Z","releaseDate":"2015-07-15T23:05:19.125Z","categories":["55a6e7308cc73e0d00096639","55b7ed07aea7c8190058badb","5604567c0c78b00d0039b191","5605e6f23a93940d002b3e4a","5605f2bba4574a0d00811365","5605f309a4574a0d00811366","5608e3b98aedf50d0004cf8f","5608e4318aedf50d0004cf90","5608e6b5a7cc2f0d00d9754d","5608e6d331beb60d001b6560","5608f879a7cc2f0d00d97580","560b097887b71d0d000d3bd9","560b13cbafa0990d00979545","560b5cbec341310d00de2a01","560b5cd0c341310d00de2a02","566a35b81e08750d00a0c49b","566a3e8503b4b20d00d02a4a","567889d307bf6a0d0083edc8","569c8b7c15bb390d00db6f9d","56b254dc65ddf50d0076ba8f","57a8ebc4cdeea20e001d2a63","57e48a4000c8680e00fae6e7","5808216773557d0f00a1e428","58105ad54a8aa50f00aa4cba","58105bf298aea40f00afa3ba","58105f548a4aed0f00d67536","581061b898aea40f00afa3be","584b3de7e5f3a42300df6ef7","596839a75965d400155bb750"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.0.0","version":"1.0"},"parentDoc":null,"project":"55a6e72e8cc73e0d00096635","category":{"_id":"5605f309a4574a0d00811366","version":"55a6e72f8cc73e0d00096638","__v":10,"pages":["5608e5448aedf50d0004cf93","5608e54fa7b2590d0089eae5","5608e58331beb60d001b655a","5608e59ea7b2590d0089eae8","5608e5c031beb60d001b655c","5608e5d28aedf50d0004cf95","5608e5f7a7cc2f0d00d9754a","5608e61131beb60d001b655e","5608efbdc5cff70d007d00ee","5669f132c3de130d00441858"],"project":"55a6e72e8cc73e0d00096635","sync":{"url":"","isSync":false},"reference":false,"createdAt":"2015-09-26T01:21:13.347Z","from_sync":false,"order":4,"slug":"development-quick-start","title":"Development Quick Start"},"user":"55a6caa022cfa321008e01d6","__v":9,"updates":["58d00e3d5a801c1900960fce"],"next":{"pages":[],"description":""},"createdAt":"2015-09-28T07:43:57.383Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":0,"body":"[block:html]\n{\n  \"html\": \"<A NAME=\\\"QuickStart\\\"></a>The entries in this section will lead you on a quick tour through several of the Stencil framework’s primary development steps and options:\\n\\n<ul>\\n  <li><a href=\\\"/docs/creating-a-new-theme\\\">Creating a New Theme</a></li>\\n <li><a href=\\\"/docs/basic-designlayout-changes\\\">Basic Design/Layout Changes</a></li>\\n <li><a href=\\\"/docs/configjsonhandlebarsfront-matter-interactions\\\">config.json–Resource Interactions</a></li>\\n <li><a href=\\\"/docs/customizing-javascript\\\">Customizing JavaScript</a></li>\\n <li><a href=\\\"/docs/rendering-html-with-ajax\\\">Rendering HTML with Ajax</a></li>\\n <li><a href=\\\"/docs/testingdebugging-themes\\\">Testing/Debugging Your Theme</a></li>\\n <li><a href=\\\"/docs/managing-theme-variations\\\">Managing Theme Variations</a></li>\\n <li><a href=\\\"/docs/stencil-cli-options\\\">Stencil CLI Options</a></li>\\n</ul>\\n\\n<h2><A NAME=\\\"EditThemeVideo\\\"></a> Video Demo</h2>\\n\\nWatch Stencil senior developer Mick Ryan's brief demonstration of editing a Stencil theme:<br><p></p>\\n  \\n<iframe width=\\\"560\\\" height=\\\"315\\\" src=\\\"https://www.youtube.com/embed/9Rk4qWgia5Y\\\" frameborder=\\\"0\\\" allowfullscreen></iframe>\\n\\n<!--  <iframe width=\\\"560\\\" height=\\\"315\\\" src=\\\"https://www.youtube.com/embed/xe50jaDmd8k\\\" frameborder=\\\"0\\\" allowfullscreen></iframe>  -->\"\n}\n[/block]","excerpt":"","slug":"developing-on-the-stencil-framework-quick-start","type":"basic","title":"Developing on the Stencil Framework: Quick Start"}

Developing on the Stencil Framework: Quick Start


[block:html] { "html": "<A NAME=\"QuickStart\"></a>The entries in this section will lead you on a quick tour through several of the Stencil framework’s primary development steps and options:\n\n<ul>\n <li><a href=\"/docs/creating-a-new-theme\">Creating a New Theme</a></li>\n <li><a href=\"/docs/basic-designlayout-changes\">Basic Design/Layout Changes</a></li>\n <li><a href=\"/docs/configjsonhandlebarsfront-matter-interactions\">config.json–Resource Interactions</a></li>\n <li><a href=\"/docs/customizing-javascript\">Customizing JavaScript</a></li>\n <li><a href=\"/docs/rendering-html-with-ajax\">Rendering HTML with Ajax</a></li>\n <li><a href=\"/docs/testingdebugging-themes\">Testing/Debugging Your Theme</a></li>\n <li><a href=\"/docs/managing-theme-variations\">Managing Theme Variations</a></li>\n <li><a href=\"/docs/stencil-cli-options\">Stencil CLI Options</a></li>\n</ul>\n\n<h2><A NAME=\"EditThemeVideo\"></a> Video Demo</h2>\n\nWatch Stencil senior developer Mick Ryan's brief demonstration of editing a Stencil theme:<br><p></p>\n \n<iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/9Rk4qWgia5Y\" frameborder=\"0\" allowfullscreen></iframe>\n\n<!-- <iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/xe50jaDmd8k\" frameborder=\"0\" allowfullscreen></iframe> -->" } [/block]